*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#202429;background:#f8f8f9;font-synthesis:none;--ink:#1c232a;--muted:#707479;--line:#e3e5e7;--accent:#274260}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #70859b;outline-offset:3px}button{border:0;background:transparent}a{color:inherit;text-decoration:none}svg.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}.header{height:88px;display:flex;align-items:center;gap:28px;padding:0 30px;background:white;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;gap:11px;align-items:center;font-size:15px;letter-spacing:2px;font-weight:750}.brand-small{display:block;letter-spacing:6px;font-size:9px;font-weight:400;margin-top:5px}.brand-mark{font-family:Georgia,serif;font-style:italic;font-size:38px;line-height:1;border:1.5px solid var(--ink);border-radius:6px;padding:3px 9px 2px 6px}.header-title{display:flex;align-items:center;gap:20px;font-size:17px}.header-title strong{font-weight:500}.hairline{width:1px;height:30px;background:var(--line)}.demo-badge{font-size:10px;letter-spacing:1px;background:#eff1f4;color:#656f79;padding:5px 7px;border-radius:3px}.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.button,.text-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:14px;font-weight:500;white-space:nowrap;min-height:43px;border-radius:5px;padding:0 17px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#303b47}.button.secondary{border:1px solid #d4d7db;background:white}.text-button{padding:0 8px}.text-button:hover{color:var(--accent)}.workspace{height:calc(100dvh - 88px);min-height:650px;display:grid;grid-template-columns:306px minmax(0,1fr)}.sidebar{background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:2}.sidebar-intro{padding:29px 23px 23px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:var(--muted)}h1{font-size:30px;font-weight:500;letter-spacing:-1.2px;margin:10px 0 11px}.sidebar-intro p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.finish-section{margin:0 23px;padding:0 0 19px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:8px}.section-heading h2{font-size:11px;color:#969ba0;font-weight:400;display:flex;gap:12px;margin:0}.section-heading h2 span{font-size:15px;color:var(--ink);font-weight:500}.section-heading>span{font-size:13px;color:var(--muted)}.swatches{display:flex;gap:11px;justify-content:space-between}.swatch{width:31px;height:31px;border-radius:50%;border:1px solid #0002;position:relative;transition:transform .18s;background:var(--swatch)}.swatch:hover{transform:scale(1.1)}.swatch.active:after{content:"";position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}.swatch.wood{background:repeating-linear-gradient(92deg,#fff0 0px,#fff0 4px,#0001 5px,#fff1 6px),var(--swatch)}.micro{font-size:11px;color:#8a8e92;margin:15px 0 0;line-height:1.5}.component-section{padding:19px 15px 10px 23px;display:flex;flex-direction:column;min-height:0;flex:1}.component-section .section-heading{margin-bottom:10px;padding-right:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;background:transparent;flex-shrink:0}.icon-button:hover{background:#e8ebee}.icon-button.danger:hover{color:#af342d;background:#fff0ec}.category-tabs{display:flex;gap:6px;margin-bottom:10px}.category-tabs button{font-size:12px;color:var(--muted);border-radius:4px;padding:8px 10px}.category-tabs button.active{background:#edeff1;color:var(--ink)}.catalog{overflow-y:auto;min-height:0;padding:0 6px 0 0;scrollbar-width:thin;scrollbar-color:#d0d4d9 transparent}.product-card{display:flex;align-items:center;width:100%;gap:12px;border:1px solid transparent;border-radius:7px;text-align:left;padding:11px 8px 11px 0;min-height:92px}.product-card:hover{background:#f6f7f9;border-color:#e1e4e8}.product-thumb{height:62px;width:80px;object-fit:contain;flex-shrink:0;background:#f3f4f6;border-radius:4px}.product-copy{flex:1;min-width:0}.product-copy h3{font-weight:500;font-size:13px;margin:0 0 6px;line-height:1.4}.product-copy p{font-size:11px;margin:0;color:var(--muted);line-height:1.5}.product-copy b{display:block;font-weight:500;font-size:12px;color:var(--ink);margin-top:5px}.product-plus{width:22px;height:22px;border-radius:50%;border:1px solid #d0d4d9;display:grid;place-items:center;font-size:18px;font-weight:300;flex-shrink:0}.sidebar-foot{padding:14px 20px;border-top:1px solid var(--line);font-size:11px;color:#8c8f93;display:flex;align-items:center;gap:8px}.sidebar-foot .icon{width:16px}.stage{position:relative;min-width:0;overflow:hidden;background:#f3f4f6}.stage-toolbar{position:absolute;z-index:3;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;gap:15px;pointer-events:none}.stage-toolbar>*{pointer-events:auto}.view-tabs{padding:4px;border:1px solid #dee1e5;display:flex;border-radius:7px;background:#fffffff2;box-shadow:0 2px 9px #232a3203}.view-tabs button{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:12px;color:#7c8085;border-radius:4px}.view-tabs button.active{background:var(--ink);color:white}.view-tabs .icon{width:16px;height:16px}.stage-button{font-size:12px;background:#fffffff2;border:1px solid #dee1e5;border-radius:7px}.stage-heading{position:absolute;z-index:2;top:102px;left:31px;pointer-events:none}.stage-heading h2{font-size:25px;font-weight:400;letter-spacing:-.8px;margin:8px 0}.stage-heading p{font-size:12px;color:var(--muted);margin:0}.stage-heading .eyebrow{font-size:9px}.preset-bar{position:absolute;top:109px;right:27px;display:flex;align-items:center;gap:5px;z-index:3;font-size:11px}.preset-bar>span{color:#8b9095;margin-right:5px}.preset-bar button{padding:7px 9px;border-radius:4px;color:#6a7076}.preset-bar button.active{background:#e0e4e8;color:#2c3845}.preset-bar button:hover{background:#e6e9ec}#viewport{position:absolute;inset:0;touch-action:none}#viewport>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.part-label{position:absolute;display:flex;align-items:center;gap:5px;background:#fffffff2;border:1px solid #e0e2e5;box-shadow:0 3px 12px #242b330a;color:#51575e;border-radius:4px;padding:6px 8px;font-size:10px;line-height:1.3;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}.part-label.active{border-color:#3b5571;background:#f7fbff;color:#1c3a5b}.part-label .number{border-radius:3px;background:#e9ecf0;font-size:9px;width:15px;height:15px;display:inline-grid;place-items:center;color:#465463;margin-right:3px}.part-label strong{font-weight:500;color:#26313d}.loading{position:absolute;top:45%;width:100%;text-align:center;color:#6e747a;font-size:14px}.hidden{display:none!important}.selection{position:absolute;left:29px;bottom:120px;z-index:3;background:#ffffffee;backdrop-filter:blur(15px);box-shadow:0 6px 30px #252e3809;border:1px solid #dbdfe4;border-radius:7px;padding:14px 15px;display:flex;align-items:center;gap:25px}.selection .eyebrow{font-size:9px;letter-spacing:1px}.selection h3{font-size:14px;font-weight:500;margin:5px 0}.selection p{font-size:11px;color:#7a8086;margin:0}.selection-actions{display:flex;gap:3px}.selection-actions .icon-button{border:1px solid #e0e3e7;background:white}.camera-tools{position:absolute;right:28px;bottom:129px;display:flex;flex-direction:column;padding:4px;background:#fffffff2;z-index:3;border:1px solid #dde1e5;border-radius:7px;box-shadow:0 3px 15px #202c3805}.camera-tools .icon-button{width:33px;height:33px}.camera-tools .icon{width:17px;height:17px}.stage-footer{position:absolute;left:29px;right:29px;bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none;z-index:3}.stage-footer>*{pointer-events:auto}.interaction-hint{display:flex;align-items:center;gap:8px;color:#8b9095;font-size:11px;flex-wrap:wrap;max-width:340px;padding-bottom:8px}.interaction-hint>.icon{width:16px}.labels-toggle{display:inline-flex;align-items:center;gap:3px;font-size:10px;cursor:pointer}.labels-toggle input{accent-color:#35485d;width:12px;height:12px}.total-card{display:flex;gap:24px;align-items:center;padding:17px 18px;background:#ffffffee;backdrop-filter:blur(15px);border:1px solid #dbdfe4;box-shadow:0 8px 40px #252e380a;border-radius:7px;min-width:270px}.total-card span{display:block;font-size:9px;letter-spacing:1.1px;color:#858a90}.total-card strong{font-size:26px;font-weight:500;letter-spacing:-.8px;display:block;margin:5px 0}.total-card small{font-size:10px;color:#858a90}.total-card .button{padding:0 15px}.total-card .button span{color:white}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1e2934;color:white;padding:14px 22px;border-radius:7px;box-shadow:0 10px 40px #0002;z-index:30;font-size:13px;max-width:calc(100% - 30px);line-height:1.5}dialog{width:min(760px,calc(100vw - 32px));max-height:88dvh;border:1px solid #d4d8dd;border-radius:12px;padding:28px;color:var(--ink);box-shadow:0 25px 100px #000d1b33}dialog::backdrop{background:#17222e44;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:20px}.modal-head h2{font-size:26px;letter-spacing:-.7px;font-weight:500;margin:8px 0 0}.modal-head .eyebrow{font-size:10px}#modal-body p{font-size:14px;line-height:1.7;color:#737980}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#686f77}.field input,.field select,.wide-input{border:1px solid #d1d7dd;border-radius:5px;background:white;padding:11px 12px;min-width:0;color:var(--ink);font-size:15px}.field small{font-size:11px;color:#8f97a0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.notice{font-size:12px;line-height:1.65;padding:13px 15px;border-radius:5px;background:#eef2f6;color:#677380;margin:15px 0}.review-image{display:block;width:100%;height:245px;object-fit:contain;border-radius:5px;background:#f2f4f7}.quote-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}.quote-table th{text-align:left;font-size:10px;font-weight:400;color:#858d95;letter-spacing:1px;padding:12px 0;border-bottom:1px solid #d7dde3}.quote-table td{padding:13px 0;border-bottom:1px solid #e4e8ec;vertical-align:middle}.quote-table td:last-child,.quote-table th:last-child{text-align:right}.quote-table td small{display:block;color:#858c94;font-size:11px;margin-top:5px}.quote-table td:nth-child(2){text-align:center}.quote-subtotal{display:flex;justify-content:space-between;align-items:center;font-size:15px}.quote-subtotal strong{font-size:25px;font-weight:500}.quote-caption{font-size:11px!important;margin-top:9px!important}.saved-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.saved-row>div{flex:1}.saved-row strong{font-size:15px;font-weight:500}.saved-row p{margin:4px 0 0!important;font-size:12px!important}.dimension-row{display:grid;grid-template-columns:1.6fr repeat(3,.65fr);gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.dimension-row input{min-width:0;width:100%;border:1px solid #d6dce2;padding:8px 5px;border-radius:4px;font-size:13px}.dimension-row.head{color:#858e97;font-size:10px}.dimension-row .dim-label{line-height:1.5}.wide-input{width:100%}.payload-preview{background:#eff2f5;font-size:11px;padding:15px;overflow:auto;max-height:200px;white-space:pre-wrap;line-height:1.6}
@media(min-width:1600px){.workspace{grid-template-columns:334px minmax(0,1fr)}.sidebar-intro{padding-top:34px}.product-card{min-height:104px}.product-thumb{width:88px;height:72px}.sidebar-intro,.component-section{padding-left:28px}.finish-section{margin-left:28px;margin-right:28px}.product-copy h3{font-size:14px}.stage-heading{top:116px}.stage-heading h2{font-size:30px}.preset-bar{top:125px}}
@media(max-width:1150px){.header{padding:0 18px;gap:20px}.header-title{gap:14px}.brand{font-size:12px}.header-actions{gap:7px}.header-actions .text-button span:last-child{display:none}.workspace{grid-template-columns:275px minmax(0,1fr)}.preset-bar{top:181px;left:27px;right:auto}.stage-toolbar{left:20px;right:20px}.stage-button{padding:0 10px}.view-tabs button{padding:9px}.stage-footer{left:20px;right:20px;gap:12px}.interaction-hint{max-width:190px}.total-card{min-width:238px;gap:15px;padding:14px}.selection{left:20px;bottom:123px;gap:15px}.stage-heading{left:23px}.header-title .demo-badge{display:none}.sidebar-intro{padding-left:20px}.finish-section{margin-left:20px;margin-right:20px}.component-section{padding-left:20px}}
@media(max-width:800px){.header{height:72px;gap:15px;padding:0 13px}.brand>span:nth-child(2){display:none}.brand-mark{font-size:26px;padding:2px 7px 2px 4px}.hairline{display:none}.header-title{font-size:15px}.header-actions .secondary{display:none}.header-actions .button{font-size:12px;padding:0 12px;min-height:37px}.header-actions .text-button{padding:0 3px}.workspace{display:flex;flex-direction:column-reverse;height:auto;min-height:0}.stage{height:65dvh;min-height:490px;width:100%}.sidebar{border-right:0;min-height:470px}.sidebar-intro{padding:22px 20px 16px}.sidebar-intro h1{font-size:25px;margin:7px 0}.sidebar-intro p{font-size:12px}.finish-section{margin:0 20px;padding:0 0 20px}.swatches{max-width:280px}.component-section{overflow:visible;padding:20px;flex:none}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow:visible}.product-card{min-height:90px;padding:6px}.product-thumb{width:63px;height:55px}.product-copy h3{font-size:12px}.product-copy p{font-size:10px}.stage-toolbar{top:14px;left:13px;right:13px}.view-tabs{gap:0}.view-tabs button{font-size:11px;padding:8px 7px;gap:4px}.view-tabs .icon{width:14px;height:14px}.stage-button{font-size:11px;gap:5px}.stage-button .icon{width:15px}.stage-heading{top:81px;left:17px}.stage-heading h2{font-size:23px}.stage-heading .eyebrow{font-size:8px}.stage-heading p{font-size:10px}.preset-bar{top:154px;left:16px;font-size:10px}.preset-bar button{padding:6px}.stage-footer{bottom:14px;left:15px;right:15px}.interaction-hint{max-width:130px;font-size:9px;padding-bottom:3px;gap:4px}.interaction-hint>span[data-icon]{display:none}.total-card{gap:12px;min-width:205px;padding:12px}.total-card strong{font-size:23px}.total-card>div>span{font-size:8px;letter-spacing:.5px}.total-card small{font-size:9px}.total-card .button{padding:0 12px;font-size:11px;min-height:36px}.total-card .button .icon{width:15px}.selection{left:15px;bottom:115px;padding:10px;gap:7px}.selection .eyebrow{font-size:8px}.selection h3{font-size:12px}.selection p{font-size:9px}.selection-actions{gap:2px}.selection-actions .icon-button{width:30px;height:30px}.camera-tools{right:15px;bottom:118px;flex-direction:row;padding:3px}.camera-tools .icon-button{width:28px;height:29px}.camera-tools #orbit-left,.camera-tools #orbit-right{display:none}.part-label{font-size:9px;padding:5px;gap:3px}.part-label .number{display:none}.part-label .label-price{display:none}dialog{padding:20px}.modal-head h2{font-size:23px}.quote-table{font-size:12px}.dimension-row{gap:6px;font-size:11px}.form-row{gap:10px}.sidebar-foot{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Dark studio: a neutral lit display floor keeps dark and light finishes readable. */
:root{color-scheme:dark;--ink:#eceef1;--muted:#9ea3a8;--line:#34383d;--accent:#a5b6c9;background:#25292d;color:#ebedf0}.header{background:#171a1e;border-bottom-color:#34383d}.brand-logo{width:115px;height:65px;object-fit:contain}.header-title strong{color:#e8ebee}.demo-badge{background:#2c3238;color:#a0abb6}.button.dark{background:#d9e0e8;color:#182029}.button.dark:hover{background:#ecf1f6}.button.secondary{background:#252a2f;border-color:#454c53;color:#dee3e8}.sidebar{background:#202429}.sidebar-intro p{color:#9ba2aa}.section-heading h2 span{color:#e0e5eb}.section-heading h2{color:#727a82}.swatch.active:after{border-color:#d2dbe5}.finish-section{border-color:#3b4046}.category-tabs button{color:#9ba3ac}.category-tabs button.active{background:#394047;color:#e7ecf1}.product-card:hover{background:#2b3036;border-color:#414951}.product-thumb{background:#757a80}.product-copy p{color:#99a1a9}.product-copy b{color:#d2dce6}.product-plus{border-color:#4b5560;color:#c0cddc}.sidebar-foot{border-color:#394047;color:#89949f}.stage{background:#383b3e}.stage-toolbar .view-tabs,.stage-button{background:#252a2fef;border-color:#50565c;color:#ced6df}.view-tabs button{color:#abb4be}.view-tabs button.active{background:#d4dee8;color:#212a34}.stage-heading .eyebrow{color:#a5aeb8}.stage-heading h2{color:#e7ecf1}.stage-heading p{color:#aab3bc}.preset-bar>span{color:#9aa6b2}.preset-bar button{color:#b4bfcb}.preset-bar button.active{background:#d4dee8;color:#263340}.preset-bar button:hover{background:#5f6a76;color:white}.selection,.total-card,.camera-tools{background:#252b31f2;border-color:#4e5863;box-shadow:0 8px 35px #10161d30}.selection h3{color:#e8edf3}.selection p{color:#a6b2be}.selection .eyebrow{color:#96a3b1}.selection-actions .icon-button{border-color:#495561;background:#2e3741}.icon-button:hover{background:#384450}.selection-actions .danger:hover{background:#68443a;color:#fff0eb}.total-card span,.total-card small{color:#a0aebd}.total-card strong{color:#e7edf4}.total-card .button span{color:#212b35}.interaction-hint{color:#b0bbc7}.labels-toggle{color:#b1becb}.labels-toggle input{accent-color:#95abc3}.part-label{background:#262e37eF;border-color:#707d8c;color:#dae4ef;box-shadow:0 3px 15px #11171d33}.part-label strong{color:#d4e0ed}.part-label .number{background:#4a5868;color:#e9f1f9}.part-label.active{background:#d5dfea;color:#222f3c;border-color:#c8e1fb}.part-label.active strong{color:#192c40}.lighting-option{display:flex;gap:10px;padding:15px 22px;border-top:1px solid #394047;font-size:12px;align-items:center}.lighting-option input{accent-color:#93a9c1;width:16px;height:16px}.lighting-option small{display:block;color:#8a97a4;font-size:10px;margin-top:4px}dialog{background:#252a30;border-color:#4c5966;color:#dee6ef}.modal-head{border-color:#404d5b}#modal-body p{color:#a9b6c3}.field{color:#b2c0d0}.field input,.field select,.wide-input{color:#e2e9f1;background:#1c2228;border-color:#4e5c6c}.notice{background:#2f3943;color:#b4c1d0}.quote-table th{color:#97a9bd;border-color:#4f6072}.quote-table td{border-color:#384553}.quote-table td small{color:#96a6b7}.quote-subtotal strong{color:#dce6f1}.payload-preview{background:#161d25;color:#a5b7cb}.dimension-row{border-color:#424f5c}.dimension-row.head{color:#a9b6c3}.dimension-row input{background:#1b2128;color:#cedbea;border-color:#4b5a6b}.toast{background:#d3dde8;color:#1f2a35;border:1px solid #e6eef7}.review-image{background:#e9edf1}.saved-row{border-color:#3a4754}.micro{color:#93a3b4}.camera-tools .icon-button{color:#ced9e5}.button:focus-visible,.icon-button:focus-visible{outline-color:#c9d8e8}.loading{color:#d1dde9}
@media(max-width:800px){.brand-logo{width:72px;height:47px}.header{gap:10px}.header-title{font-size:14px}.header-actions{gap:5px}.header-actions .text-button{display:none}.header-title .hairline{display:none}.stage{min-height:510px}}
.model-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:20px 0}#model-viewport{min-height:350px;height:100%;background:#585f67;border-radius:6px;overflow:hidden;position:relative;touch-action:none}#model-viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0}#model-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}#model-fields .field{font-size:11px}#model-fields input,#model-fields select{font-size:13px;padding:9px;min-width:0}#model-fields .field:first-child{grid-column:span 2}@media(max-width:650px){.model-workspace{grid-template-columns:1fr}#model-viewport{height:240px;min-height:240px}}
.stage-heading h2{color:#f0f1f3}.stage-heading .eyebrow,.stage-heading p{color:#c1c6cb}.preset-bar>span{color:#bdc4cb}.preset-bar button{color:#d4dce5}.interaction-hint{color:#ced6df}.product-copy h3{font-size:14px}.product-copy p,.product-copy b{font-size:12px}.sidebar-intro p{font-size:14px}.view-tabs button,.stage-button{font-size:13px}.part-label{font-size:12px}.part-label .number{font-size:10px;width:17px;height:17px}.category-tabs button{font-size:13px}.lighting-option{font-size:13px}.lighting-option small{font-size:12px}.sidebar-foot{font-size:12px}.selection h3{font-size:15px}.selection p{font-size:12px}.total-card small{font-size:12px}.total-card>div>span{font-size:11px}.stage-heading .eyebrow{font-size:11px}.stage-heading p{font-size:13px}.preset-bar{font-size:12px}@media(max-width:800px){.part-label{font-size:10px}.product-copy h3{font-size:13px}.product-copy p,.product-copy b{font-size:11px}.view-tabs button,.stage-button{font-size:11px}.stage-heading .eyebrow{font-size:9px}.stage-heading p{font-size:11px}.total-card>div>span{font-size:9px}.total-card small{font-size:10px}.preset-bar{font-size:10px}.stage-footer .interaction-hint{font-size:10px}.selection p{font-size:10px}}

.attach-button{background:#d9e0e8;color:#1d2833;min-height:34px;padding:0 13px;font-size:13px}.selection{max-width:calc(100% - 110px)}.selection-actions{align-items:center}.attach-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.attach-option{border:1px solid #4c5a69;background:#1c2228;border-radius:7px;padding:12px;text-align:left}.attach-option:hover{border-color:#99b4d1;background:#2c3742}.attach-option svg{display:block;width:100%;height:160px;background:#161c23;border-radius:4px}.attach-option polygon{vector-effect:non-scaling-stroke;stroke-width:1.5}.existing-position{fill:#4f5964;stroke:#7d8791}.attach-target{fill:#718294;stroke:#adbac9}.new-position{fill:#b5d0ed;stroke:#dfeeff}.attach-option span{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;font-size:12px}.attach-option b{font-size:12px;color:#b5d0ed;font-weight:500}@media(max-width:800px){.selection{max-width:calc(100% - 30px);bottom:156px;flex-wrap:wrap;gap:8px;width:max-content}.selection>div:first-child{min-width:160px}.selection-actions{margin-left:auto}.selection h3{font-size:13px}.selection .attach-button{min-height:32px}.attach-options{gap:9px}.attach-option{padding:8px}.attach-option svg{height:125px}.attach-option span{display:block}.attach-option b{display:block;margin-top:5px}.total-card{min-width:0;gap:10px}.total-card>div{min-width:0}.stage-footer .interaction-hint{max-width:110px}.total-card small{display:block;line-height:1.4}.stage-footer{gap:10px}}

/* Supreme interface palette */
:root{--brand:#1763b5;--accent:#80b6ef;--line:#35404d;--muted:#a3afbd;background:#20262e;color:#edf2f8}.header{background:#141b24}.sidebar{background:#1c242e}.stage{background:#34383e}.finish-section{padding-top:26px}.button.dark,.attach-button,.view-tabs button.active,.preset-bar button.active{background:#1763b5;color:#fff}.button.dark:hover,.attach-button:hover{background:#1b73d0}.button.dark span,.total-card .button span{color:inherit}.button.secondary{background:#26313e;border-color:#435268}.category-tabs button.active{background:#243f60;color:#d9eaff}.swatch.active:after{border-color:#80b6ef}.part-label.active{background:#1763b5;color:#fff;border-color:#87bafb}.part-label.active strong{color:#fff}.part-label .number{background:#1763b5;color:#fff}.labels-toggle input,.lighting-option input{accent-color:#1763b5}.toast{background:#173c67;color:#e5f0fd;border-color:#367ecb}.selection-actions .icon-button{background:#263547;border-color:#415a77}.attach-option{background:#1c2735;border-color:#425873}.attach-option:hover{background:#243c59;border-color:#80b6ef}.attach-option svg{background:#18222e}.existing-position{fill:#526071;stroke:#8c99aa}.attach-target{fill:#37638f;stroke:#91bff0}.new-position{fill:#87bafb;stroke:#e2efff}.attach-option b{color:#9cc7f9}.stage-heading{top:96px}.stage-heading h2{font-size:22px;margin:0 0 8px}.total-card{min-width:180px;padding:14px 18px}.total-card strong{margin-bottom:0}.total-card small:empty{display:none}.interaction-hint{max-width:none;gap:12px}.modal-head h2{margin:0}.selection h3{margin-top:0}.header-actions #layouts-btn{display:inline-flex}.sidebar-foot{font-size:11px}.finish-section .section-heading{margin-bottom:15px}
@media(max-width:800px){.header-title{display:none}.header-actions{gap:6px}.header-actions #save-btn{display:inline-flex;padding:0 10px}.header-actions #layouts-btn{display:inline-flex;width:34px;padding:0}.header-actions #layouts-btn .action-label{display:none}.header-actions #review-btn{padding:0 10px;font-size:11px}.header-actions #review-btn>[data-icon]{display:none}.brand-logo{width:66px}.finish-section{padding-top:22px}.stage-heading{top:80px}.stage-heading h2{font-size:20px}.preset-bar{top:142px}.total-card{min-width:145px;padding:11px 14px}.stage-footer .interaction-hint{max-width:none}.camera-tools{bottom:111px}.selection{bottom:150px}.sidebar{min-height:0}.catalog{gap:8px}.labels-toggle{font-size:11px}}
@media(max-width:520px){.catalog{grid-template-columns:1fr;gap:2px}.product-card{min-height:82px;gap:14px}.product-thumb{width:72px;height:60px}.product-copy h3{font-size:13px}.product-copy p,.product-copy b{font-size:12px}.product-plus{width:28px;height:28px}}