/* PHOTOSMIA 171 — scoped UI only. Keeps 170 layout, photo module and templates intact. */
#designBuilder.p171-editor .p171-tools-tab svg{flex:none}
#designBuilder.p171-editor .p171-context{display:flex;flex-direction:column;gap:8px;margin:0 0 9px;padding:12px;border:1px solid #bedce2;border-radius:11px;background:#f8fcfc;min-width:0;box-sizing:border-box;color:#173649}
#designBuilder.p171-editor .p171-context[hidden]{display:none!important}
#designBuilder.p171-editor.p171-pixel-mode .p169-properties,#designBuilder.p171-editor.p171-pixel-mode .p169-probar{display:none!important}
#designBuilder.p171-editor .p171-context-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#designBuilder.p171-editor .p171-context-head strong{font:800 14px/1.3 Manrope,Inter,Arial,sans-serif}
#designBuilder.p171-editor .p171-controls{display:flex;flex-flow:row wrap;gap:6px 10px;align-items:center;min-width:0;border-top:1px solid #e0ecee;padding-top:7px}
#designBuilder.p171-editor .p171-field{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;margin:0;min-width:0;width:auto;color:#254858;font:600 11px/1.2 Inter,Arial,sans-serif}
#designBuilder.p171-editor .p171-field>span{white-space:nowrap}
#designBuilder.p171-editor .p171-field input,#designBuilder.p171-editor .p171-field select{width:65px;max-width:160px;height:31px;margin:0;padding:4px 6px;border:1px solid #c8dce1;border-radius:7px;background:#fff;box-sizing:border-box;color:#173649;font:500 12px/1.2 Inter,Arial,sans-serif}
#designBuilder.p171-editor .p171-field select{width:auto}
#designBuilder.p171-editor .p171-field input[type=color]{width:32px;padding:2px}
#designBuilder.p171-editor .p171-field input[type=range]{width:75px;height:20px;padding:0;border:0;accent-color:#159eb9;background:none}
#designBuilder.p171-editor .p171-field output{font-size:10px;color:#53727b;min-width:30px}
#designBuilder.p171-editor .p171-palette-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#designBuilder.p171-editor .p171-swatch,#designBuilder.p171-editor .p171-gradient{width:25px;min-width:25px;height:25px;padding:0;margin:0;border:1px solid #aec6cc;border-radius:50%;cursor:pointer}
#designBuilder.p171-editor .p171-gradient{width:34px;border-radius:6px}
#designBuilder.p171-editor .p171-context-help,#designBuilder.p171-editor .p171-note{font:400 11px/1.55 Inter,Arial,sans-serif;color:#58727d;margin:4px 0;overflow-wrap:anywhere}
#designBuilder.p171-editor .p171-tool-groups{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
#designBuilder.p171-editor .p171-tool-group h4,#designBuilder.p171-editor .p171-tips h4{margin:0 0 7px;color:#254656;font:800 12px/1.4 Manrope,Inter,Arial,sans-serif}
#designBuilder.p171-editor .p171-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#designBuilder.p171-editor button.p171-tool-choice{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;min-width:0;width:100%;min-height:86px;padding:10px 6px;margin:0;border:1px solid #cbdfe3;border-radius:9px;background:#fff;color:#183f51;cursor:pointer;line-height:1.25;font-size:11px;box-sizing:border-box}
#designBuilder.p171-editor .p171-tool-choice b{font-size:11px}
#designBuilder.p171-editor .p171-tool-choice kbd{font:600 9px/1.25 Inter,Arial,sans-serif;background:#eef4f6;border-radius:4px;padding:1px 5px;color:#607e8b}
#designBuilder.p171-editor .p171-tool-choice.active,#designBuilder.p171-editor .p171-button.active{border-color:#159eb9;background:#eaf9fc;box-shadow:inset 0 0 0 1px #159eb9;color:#12495b}
#designBuilder.p171-editor .p171-target{border:1px solid #d5e4e7;border-radius:10px;background:#f0f8f9;padding:11px;margin-bottom:15px;min-width:0}
#designBuilder.p171-editor .p171-target>small{display:block;font:600 10px/1.4 Inter,Arial,sans-serif;color:#627e88}
#designBuilder.p171-editor .p171-target>b{display:block;font:800 12px/1.4 Inter,Arial,sans-serif;margin:4px 0;color:#143d51;overflow-wrap:anywhere}
#designBuilder.p171-editor .p171-target p{font:400 11px/1.55 Inter,Arial,sans-serif;color:#53727f;margin:5px 0 8px}
#designBuilder.p171-editor .p171-target-actions{display:flex;flex-direction:column;gap:6px}
#designBuilder.p171-editor .p171-target-actions button{width:100%;height:auto;min-height:33px;white-space:normal}
#designBuilder.p171-editor .p171-tip-row{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}
#designBuilder.p171-editor .p171-tips{border-top:1px solid #d2e2e5;padding-top:12px}
#designBuilder.p171-editor .p171-brush-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:290px;overflow:auto;scrollbar-width:thin;margin-top:8px;padding:2px}
#designBuilder.p171-editor .p171-brush-choice{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;height:80px;padding:6px;border:1px solid #d2e2e5;border-radius:7px;background:#fff;cursor:pointer}
#designBuilder.p171-editor .p171-brush-choice.active{outline:2px solid #159eb9;outline-offset:-2px;background:#f0fbfe}
#designBuilder.p171-editor .p171-brush-choice img{width:100%;height:48px;object-fit:contain;filter:brightness(.18)}
#designBuilder.p171-editor .p171-brush-choice span{display:block;width:100%;font:500 10px/1.5 Inter,Arial,sans-serif;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#1a3f53}
#designBuilder.p171-editor .p171-overlay{pointer-events:none}
#designBuilder.p171-editor .p171-overlay *{pointer-events:none}
#designBuilder.p171-editor #designCanvas .p169-scene.p171-crosshair{cursor:crosshair;touch-action:none}
#designBuilder.p171-editor .p171-live-pixels{pointer-events:none}
#designBuilder.p171-editor .p171-live-pixels canvas{display:block!important;max-width:none!important;max-height:none!important;pointer-events:none}
#designBuilder.p171-editor.p171-pixel-mode .p169-selection{visibility:hidden}
#designBuilder.p171-editor .p171-right-tabs{display:flex;gap:6px;width:100%;min-width:0}
#designBuilder.p171-editor .p171-right-tabs button{flex:1;width:auto;min-width:0;height:34px}
#designBuilder.p171-editor .p171-right-tabs button.active{background:#344c59;border-color:#344c59;color:#fff}
#designBuilder.p171-editor .p171-history-actions{display:flex;gap:6px;margin:9px 0}
#designBuilder.p171-editor .p171-history-actions button{flex:1;min-width:0}
#designBuilder.p171-editor .p171-history-list{display:flex;flex-direction:column;gap:5px;list-style:none;margin:8px 0;padding:0;max-height:calc(100vh - 290px);overflow:auto;scrollbar-width:thin}
#designBuilder.p171-editor .p171-history-list li{list-style:none;margin:0;padding:0;min-width:0}
#designBuilder.p171-editor .p171-history-item{display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:38px;padding:7px;border:1px solid #d9e5e8;border-radius:7px;background:#fff;color:#1a4356;text-align:left;font:500 11px/1.35 Inter,Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere;box-sizing:border-box}
#designBuilder.p171-editor .p171-history-item.active{background:#e7f8fb;border-color:#159eb9;box-shadow:inset 3px 0 #159eb9;font-weight:750}
#designBuilder.p171-editor .p171-history-item.future{opacity:.52}
#designBuilder.p171-editor .p171-step-number{flex:0 0 22px;width:22px;height:22px;text-align:center;line-height:22px;background:#eef3f4;color:#496d7b;border-radius:50%;font-size:10px}
#designBuilder.p171-editor .p171-modal-veil{position:fixed;inset:0;z-index:10050;background:rgba(16,39,50,.55);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}
#designBuilder.p171-editor .p171-modal{width:min(480px,100%);padding:24px;border:1px solid #c9dce1;border-radius:16px;background:#fff;color:#163b4e;box-shadow:0 22px 70px #10283235}
#designBuilder.p171-editor .p171-modal h3{font:800 21px/1.3 Manrope,Inter,Arial,sans-serif;margin:0 0 14px}
#designBuilder.p171-editor .p171-modal p{font:400 14px/1.65 Inter,Arial,sans-serif;margin:0 0 18px}
#designBuilder.p171-editor .p171-modal-actions{display:flex;justify-content:flex-end;gap:8px}
#designBuilder.p171-editor .p171-modal-actions button{height:38px;padding:8px 15px;font-size:12px}
#designBuilder.p171-editor .p171-primary{background:#159eb9!important;color:white!important;border-color:#159eb9!important}
#designBuilder.p171-editor .p171-button:focus-visible,#designBuilder.p171-editor .p171-tool-choice:focus-visible,#designBuilder.p171-editor .p171-history-item:focus-visible{outline:2px solid #159eb9;outline-offset:2px}
@media(max-width:680px){#designBuilder.p171-editor .p171-context{padding:8px}#designBuilder.p171-editor .p171-field{font-size:10px}#designBuilder.p171-editor .p171-tool-groups{gap:8px}#designBuilder.p171-editor .p171-brush-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#designBuilder.p171-editor .p171-modal{padding:18px}#designBuilder.p171-editor .p171-history-list{max-height:300px}}

#designBuilder.p171-editor .p171-context-head{min-height:32px}