:root{--cream: #eae6df;--ink: #1a1814;--sub: #6b6560;--dim: #a09890;--ghost: #c8c2b8;--orange: #fe6337;--blue: #0086d5;--green: #82d780;--yellow: #fae791;--pattern: #8c1a0a;--metal: #1a4a8c;--asoft: #1a5830;--grid: 1px solid #1a1814;--font: "Replica", "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", "Fira Code", Consolas, monospace;--cell: 44px}@font-face{font-family:Replica;font-weight:300;src:local("Replica Light"),local("HelveticaNeue-Light")}@font-face{font-family:Replica;font-weight:400;src:local("Replica Regular"),local("HelveticaNeue")}@font-face{font-family:Replica;font-weight:700;src:local("Replica Bold"),local("HelveticaNeue-Bold")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--cream);color:var(--ink);display:flex;flex-direction:column;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;flex:1;min-height:0}.hdr{display:flex;align-items:stretch;border-bottom:var(--grid);min-height:56px}.hdr-brand{padding:12px 24px;display:flex;flex-direction:column;justify-content:center}.hdr-brand h1{font-size:24px;font-weight:700;letter-spacing:12px;text-transform:uppercase;line-height:.8}.hdr-brand .hdr-sub{font-size:8px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--dim);margin-top:6px}.hdr-stat{border-left:var(--grid);padding:12px 20px;display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:80px}.hdr-stat .sv{font-size:18px;font-weight:700;letter-spacing:1px;line-height:1}.hdr-stat .sl{font-size:6px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;color:var(--dim);margin-top:4px}.hdr-stat-cost{min-width:96px}.hdr-stat-cost .sv{font-family:var(--mono);letter-spacing:1.5px}.hdr-stat-cost .cost-on{color:var(--ink);font-weight:700}.hdr-stat-cost .cost-off{color:var(--ghost);font-weight:300}.hdr-unit{border-left:var(--grid);display:flex;align-items:stretch}.hdr-unit-btn{background:transparent;border:none;border-right:1px solid rgba(26,24,20,.15);padding:0 14px;font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sub);cursor:pointer;transition:all .15s}.hdr-unit-btn:hover{background:var(--orange);color:var(--ink)}.hdr-unit-btn.on{background:var(--ink);color:var(--cream)}.hdr-id{border-left:var(--grid);padding:12px 16px;display:flex;flex-direction:column;justify-content:center}.hdr-id .hdr-id-label{font-size:5.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--dim)}.hdr-id .hdr-id-val{font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:1.5px;color:var(--orange);margin-top:2px}.hdr-right{margin-left:auto;display:flex;align-items:stretch}.hdr-btn{border:none;border-left:var(--grid);padding:0 24px;font-family:var(--font);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .15s;background:transparent;color:var(--ink)}.hdr-btn:hover,.hdr-btn.cta{background:var(--orange);color:var(--ink)}.hdr-btn.cta:hover{background:var(--ink);color:var(--cream)}.alert-bar{display:none;align-items:center;padding:0;border-bottom:var(--grid);background:#1a1814;color:#eae6df}.alert-bar.show{display:flex}.alert-bar .ab-icon{padding:10px 16px;font-size:14px;border-right:1px solid rgba(234,230,223,.15)}.alert-bar .ab-text{padding:10px 16px;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;flex:1}.alert-bar .ab-detail{padding:10px 16px;font-size:8px;font-weight:300;letter-spacing:1px;opacity:.7}.body{display:flex;flex:1;overflow:hidden}.left{width:320px;min-width:320px;overflow-y:auto;overflow-x:hidden;border-right:var(--grid);background:var(--cream);position:relative;z-index:2}.left::-webkit-scrollbar{width:3px}.left::-webkit-scrollbar-thumb{background:var(--ghost)}.center{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--cream);position:relative;cursor:crosshair;z-index:1}.center canvas{display:block}#materialBar,#canvasToolbar{box-shadow:0 4px 16px #00000059;transition:box-shadow .3s ease}#materialBar{position:absolute;top:92px;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-wrap:wrap;align-items:stretch;max-width:calc(100% - 28px);border:1px solid var(--ink);background:#eae6dfeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#materialBar .mb-seg{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:40px;border-right:1px solid rgba(26,24,20,.2);background:transparent;border-top:none;border-bottom:none;border-left:none;font-family:var(--font);cursor:pointer;transition:all .15s;color:var(--ink)}#materialBar .mb-seg:hover{background:var(--orange);color:var(--ink)}#materialBar .mb-seg.on{background:var(--ink);color:var(--cream)}#materialBar .mb-seg.disabled{opacity:.32;cursor:not-allowed;background:transparent;color:var(--ink)}#materialBar .mb-seg.disabled:hover{background:transparent;color:var(--ink)}#materialBar .mb-label{font-size:7px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}#materialBar .mb-val{font-size:7px;font-weight:400;letter-spacing:2px;text-transform:uppercase;font-family:var(--mono);opacity:.85;border-left:1px solid rgba(26,24,20,.25);padding-left:10px}#materialBar .mb-seg.on .mb-val{border-left-color:#eae6df4d;opacity:1}#materialBar .mb-view{padding:0 18px;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;background:var(--ink);color:var(--cream);border:none;border-left:2px solid var(--ink);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}#materialBar .mb-view:hover{background:var(--orange);color:var(--ink)}#materialBar .mb-view .mb-view-arrow{font-size:9px;opacity:.65;font-family:var(--mono)}#materialBar .mb-view:hover .mb-view-arrow{opacity:1}#materialBar .mb-refresh{padding:0 14px;background:transparent;border:none;border-left:1px solid var(--ink);font-family:var(--font);font-size:11px;font-weight:700;color:var(--ink);cursor:pointer;transition:all .15s;display:none;align-items:center}#materialBar .mb-refresh.show{display:flex}#materialBar .mb-refresh:hover{background:var(--orange);color:var(--ink)}#center3d{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#center3d canvas{width:100%!important;height:100%!important}.right{width:320px;min-width:320px;border-left:var(--grid);display:flex;flex-direction:column;background:var(--cream);position:relative;z-index:2}.right-scroll{flex:1;overflow-y:auto}.right-scroll::-webkit-scrollbar{width:3px}.right-scroll::-webkit-scrollbar-thumb{background:var(--ghost)}.right-fixed{margin-top:auto;border-top:var(--grid);border-top:2px solid var(--ink)}.right::-webkit-scrollbar{width:3px}.right::-webkit-scrollbar-thumb{background:var(--ghost)}.canvas-controls{display:none}@keyframes brushPulse{0%,to{background:var(--orange);color:var(--ink)}50%{background:#d44f20;color:#fff}}.bb-brush{background:var(--orange);color:var(--ink);border:none;border-right:1px solid var(--ink);padding:0 20px;min-height:var(--cell);font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .15s}.bb-brush:hover{background:var(--ink);color:var(--cream)}.bb-brush.on{background:var(--ink);color:var(--cream);animation:none}.bb-brush.pulse{animation:brushPulse 2s ease-in-out infinite}.sect-hd{font-size:6px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--dim);padding:12px 16px 4px;border-bottom:1px solid rgba(26,24,20,.15);margin-bottom:0;background:transparent;display:block}.cr{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:6px;align-items:center;padding:10px 16px 12px;min-height:0;border-bottom:1px solid var(--ink);min-width:0}.cr label{grid-column:1;grid-row:1;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr .vi,.cr input[type=number]{grid-column:2;grid-row:1;width:auto;min-width:48px;background:transparent;border:none;color:var(--ink);padding:0;font-family:var(--mono);font-size:13px;font-weight:700;text-align:right;letter-spacing:.5px;cursor:text;outline:none}.cr .vi:focus,.cr input[type=number]:focus{color:var(--orange)}.cr input[type=number]::-webkit-inner-spin-button,.cr input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cr input[type=number]{-moz-appearance:textfield}.cr input[type=range]{--range-fill: 50%;grid-column:1 / -1;grid-row:2;width:100%;min-width:0;accent-color:var(--ink);height:3px;-webkit-appearance:none;background:linear-gradient(to right,var(--ink) 0,var(--ink) var(--range-fill),var(--ghost) var(--range-fill),var(--ghost) 100%);border-radius:0;cursor:pointer}.cr input[type=range]::-webkit-slider-runnable-track{height:3px;background:transparent;border-radius:0}.cr input[type=range]::-moz-range-track{height:3px;background:var(--ghost);border-radius:0}.cr input[type=range]::-moz-range-progress{height:3px;background:var(--ink)}.cr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cream);border:1px solid var(--ink);cursor:pointer;margin-top:-8px;box-shadow:0 1px 3px #0000002e;transition:transform .1s,background .15s}.cr input[type=range]::-webkit-slider-thumb:hover{background:var(--orange);transform:scale(1.08)}.cr input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cream);border:1px solid var(--ink);cursor:pointer;box-shadow:0 1px 3px #0000002e}.cr input[type=range]::-moz-range-thumb:hover{background:var(--orange)}.cr select{grid-column:1 / -1;grid-row:2;background:var(--cream);border:1px solid var(--ink);color:var(--ink);padding:0 8px;height:calc(var(--cell) - 12px);font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;width:100%;min-width:0}.cr.cr-flat{display:flex;align-items:center;gap:10px;padding:12px 16px}.space-info{font-size:7px;font-weight:300;color:var(--sub);line-height:1.6;padding:8px 16px;min-height:var(--cell);display:flex;align-items:center;border-bottom:1px solid var(--ink)}.btn{width:100%;min-height:var(--cell);background:var(--ink);color:var(--cream);border:none;padding:0 20px;font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .15s;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center}.btn:hover{background:var(--orange);color:var(--ink)}.btn.secondary{background:transparent;color:var(--sub);border:1px solid var(--ink);font-size:7px;letter-spacing:3px}.btn.secondary:hover{background:var(--orange);color:var(--ink)}.tgl-row{display:flex;border-bottom:1px solid var(--ink)}.tgl{flex:1;background:transparent;border:none;border-right:1px solid var(--ink);color:var(--sub);min-height:var(--cell);padding:0 10px;font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.tgl:last-child{border-right:none}.tgl:hover{background:var(--orange);color:var(--ink)}.tgl.on{background:var(--ink);color:var(--cream)}.zone-list{font-size:7px;color:var(--sub);max-height:100px;overflow-y:auto;font-weight:300;padding:0 20px}.zone-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(26,24,20,.15)}.zone-item .remove-btn{background:none;border:none;color:var(--orange);cursor:pointer;font-size:11px;font-family:var(--font)}.zone-open{color:var(--asoft)}.zone-dense{color:var(--pattern)}.density-help{font-size:7px;font-weight:300;color:var(--sub);line-height:1.7;padding:0 20px;min-height:var(--cell);display:flex;align-items:center;border-bottom:1px solid var(--ink)}.density-help b{font-weight:700;color:var(--ink)}.bl-item{display:flex;align-items:center;gap:6px;padding:4px 20px;min-height:36px;border-bottom:1px solid rgba(26,24,20,.15);cursor:pointer;transition:background .1s}.bl-item:hover{background:#1a181408}.bl-item.selected{background:#fe63370f;border-left:3px solid var(--orange)}.bl-item .bl-vis{width:18px;height:18px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;flex-shrink:0}.bl-item .bl-vis.off{background:transparent;color:var(--ghost)}.bl-item .bl-vis.on{background:var(--ink);color:var(--cream)}.bl-item .bl-name{font-size:7px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-item .bl-thumb{width:24px;height:24px;border:1px solid var(--ink);background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.right .sect-hd{padding:12px 16px 4px}.right .cr{padding:0 16px}.ral-sel{display:flex;align-items:center;border-bottom:1px solid var(--ink);min-height:64px}.ral-sel-swatch{width:64px;height:64px;flex-shrink:0;border-right:var(--grid)}.ral-sel-info{padding:12px 16px;flex:1}.ral-sel-code{font-size:18px;font-weight:700;letter-spacing:3px}.ral-sel-name{font-size:9px;font-weight:300;color:var(--sub);margin-top:3px}.ral-search{width:100%;padding:12px 16px;font-size:12px;font-weight:300;font-family:var(--font);background:var(--cream);border:none;border-bottom:1px solid var(--ink);color:var(--ink);outline:none;min-height:52px}.ral-field{padding:0;max-height:320px;overflow-y:auto;border-bottom:1px solid var(--ink)}.ral-matrix{display:flex;flex-direction:column;gap:0}.ral-matrix-row{display:flex;flex-wrap:wrap;gap:0}.rs{width:24px;height:24px;border:none;cursor:pointer;flex-shrink:0;transition:transform .1s;position:relative}.rs:hover{transform:scale(1.5);z-index:10;border-color:var(--ink);box-shadow:0 1px 4px #0000004d}.rs.on{outline:2px solid var(--orange);outline-offset:0;z-index:11}.asoft-hdr{font-size:6px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--dim);padding:12px 16px 4px;background:transparent;border-bottom:none;display:block}.asoft-sel{display:flex;align-items:center;border-bottom:1px solid var(--ink);min-height:64px}.asoft-sel-swatch{width:64px;height:64px;flex-shrink:0;border-right:var(--grid)}.asoft-sel-info{padding:12px 16px;flex:1}.asoft-sel-code{font-size:18px;font-weight:700;letter-spacing:3px}.asoft-sel-name{font-size:9px;font-weight:300;color:var(--sub);margin-top:3px}.asoft-cat-hd{grid-column:1 / -1;font-size:6px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--dim);padding:8px 16px 4px;background:transparent;border-top:1px solid rgba(26,24,20,.12);display:block}.asoft-field{padding:0;max-height:340px;overflow-y:auto;overflow-x:hidden;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(7,1fr);gap:0}.as{width:100%;aspect-ratio:1;border:none;cursor:pointer;transition:transform .1s,box-shadow .1s;position:relative;display:block;padding:0;margin:0}.as:hover{transform:scale(1.5);z-index:10;box-shadow:0 2px 8px #00000059}.as.on{outline:2px solid var(--orange);outline-offset:-2px;z-index:11}.asoft-tt{position:fixed;display:none;flex-direction:column;z-index:2000;pointer-events:none;background:var(--cream);border:1px solid var(--ink);box-shadow:0 6px 18px #00000038;overflow:hidden}.asoft-tt.show{display:flex}.asoft-tt img{display:block;flex:1;width:100%;min-height:0;object-fit:cover;background:var(--cream)}.asoft-tt .tt-label{padding:10px 14px 4px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--ink);border-top:1px solid var(--ink);flex-shrink:0}.asoft-tt .tt-sub{padding:0 14px 12px;font-size:8px;font-weight:300;letter-spacing:1px;color:var(--sub);flex-shrink:0}.asoft-tt.no-image img{display:none}.asoft-tt.no-image .tt-label{border-top:none}.temp-slider{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:6px;align-items:center;padding:10px 16px 12px;border-bottom:1px solid var(--ink)}.temp-slider label{grid-column:1;grid-row:1;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink)}.temp-slider .temp-val{grid-column:2;grid-row:1;font-size:13px;font-weight:700;font-family:var(--mono);text-align:right;letter-spacing:.5px}.temp-slider input[type=range]{--range-fill: 50%;grid-column:1 / -1;grid-row:2;width:100%;accent-color:var(--ink);height:3px;-webkit-appearance:none;background:linear-gradient(to right,var(--ink) 0,var(--ink) var(--range-fill),var(--ghost) var(--range-fill),var(--ghost) 100%);cursor:pointer}.temp-slider input[type=range]::-webkit-slider-runnable-track{height:3px;background:transparent}.temp-slider input[type=range]::-moz-range-track{height:3px;background:var(--ghost)}.temp-slider input[type=range]::-moz-range-progress{height:3px;background:var(--ink)}.temp-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cream);border:1px solid var(--ink);cursor:pointer;margin-top:-8px;box-shadow:0 1px 3px #0000002e;transition:transform .1s,background .15s}.temp-slider input[type=range]::-webkit-slider-thumb:hover{background:var(--orange);transform:scale(1.08)}.temp-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cream);border:1px solid var(--ink);cursor:pointer;box-shadow:0 1px 3px #0000002e}.bl-preview{padding:8px 16px;border-bottom:1px solid var(--ink);min-height:36px;display:flex;align-items:center;justify-content:center}.bl-swatch{width:100%;height:24px}.pv-wrap{border-bottom:1px solid var(--ink);padding:12px 16px;display:flex;flex-direction:column;align-items:center;margin:0}.pv-wrap canvas{display:block;max-width:100%}.pv-stats{font-size:7px;font-weight:300;color:var(--sub);line-height:1.8;padding:4px 0;width:100%}.pv-stats span{color:var(--ink);font-weight:700}.pv-nav{display:flex;width:100%;border-top:1px solid rgba(26,24,20,.15);padding-top:6px;gap:4px}.pv-nav button{flex:1;background:transparent;border:1px solid var(--ink);color:var(--ink);padding:6px;font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .15s}.pv-nav button:hover{background:var(--orange);color:var(--ink)}.order-sample-btn{width:100%;min-height:var(--cell);background:var(--orange);color:var(--ink);border:none;padding:0 16px;font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .15s;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center}.order-sample-btn:hover{background:var(--ink);color:var(--cream)}.sample-bar{display:none;align-items:stretch;border-top:var(--grid);background:var(--cream)}.sample-bar.show{display:flex}.sample-bar .sb-brand{display:flex;flex-direction:column;justify-content:center;padding:0 20px;border-right:var(--grid);min-height:52px}.sample-bar .sb-brand-label{font-size:6px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--dim);margin-bottom:2px}.sample-bar .sb-brand-id{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--orange);letter-spacing:1.5px}.sample-bar .sb-specs{flex:1;display:flex;align-items:stretch;overflow-x:auto}.sample-bar .sb-spec{border-right:1px solid rgba(26,24,20,.15);padding:8px 16px;display:flex;flex-direction:column;justify-content:center;min-width:80px}.sample-bar .sb-spec-label{font-size:5.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--dim);margin-bottom:3px}.sample-bar .sb-spec-val{font-size:10px;font-weight:700;letter-spacing:1px;white-space:nowrap}.sample-bar .sb-spec-sub{font-size:7px;font-weight:300;color:var(--sub);margin-top:1px}.sample-bar .sb-cancel{background:transparent;border:none;border-left:var(--grid);padding:0 20px;font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;color:var(--sub)}.sample-bar .sb-cancel:hover{background:var(--ink);color:var(--cream)}.sample-bar .sb-submit{background:var(--orange);border:none;border-left:var(--grid);padding:0 28px;font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;color:#fff}.sample-bar .sb-submit:hover{background:var(--ink);color:var(--cream)}.confirm-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a181499;z-index:1000;align-items:center;justify-content:center}.confirm-overlay.show{display:flex}.confirm-card{background:var(--cream);border:var(--grid);max-width:480px;width:90%}.confirm-card .cc-hd{padding:16px 24px;border-bottom:var(--grid);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.confirm-card .cc-body{padding:16px 24px;font-size:8px;font-weight:300;line-height:2;color:var(--sub)}.confirm-card .cc-body b{color:var(--ink);font-weight:700}.confirm-card .cc-actions{display:flex;border-top:var(--grid)}.confirm-card .cc-actions button{flex:1;min-height:var(--cell);border:none;font-family:var(--font);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .15s}.confirm-card .cc-close{background:transparent;color:var(--sub);border-right:var(--grid)!important}.confirm-card .cc-close:hover{background:var(--ink);color:var(--cream)}.confirm-card .cc-ok{background:var(--orange);color:var(--ink)}.confirm-card .cc-ok:hover{background:var(--ink);color:var(--cream)}.export-wrap{position:relative;margin-left:auto;display:flex}.export-menu{display:none;position:absolute;bottom:100%;right:0;background:var(--cream);border:var(--grid);z-index:30;min-width:160px}.export-menu.show{display:block}.export-menu button{display:block;width:100%;background:transparent;border:none;border-bottom:1px solid rgba(26,24,20,.15);padding:10px 16px;font-family:var(--font);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--ink);cursor:pointer;text-align:left;transition:all .15s}.export-menu button:last-child{border-bottom:none}.export-menu button:hover{background:var(--orange);color:var(--ink)}.bottom-bar{display:flex;border-top:var(--grid);align-items:stretch}.bottom-bar .bb-tgl{background:transparent;border:none;border-right:1px solid rgba(26,24,20,.15);padding:0 14px;min-height:var(--cell);font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sub);cursor:pointer;transition:all .15s}.bottom-bar .bb-tgl:hover{background:var(--orange);color:var(--ink)}.bottom-bar .bb-tgl.on{background:var(--ink);color:var(--cream)}.bottom-bar .bb-export{background:var(--orange);color:var(--ink);border:none;padding:0 28px;min-height:var(--cell);font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer}.bottom-bar .bb-export:hover{background:var(--ink);color:var(--cream)}.bl-item .bl-thumb{width:36px;height:36px;background-color:#1a18140d}.bl-item{min-height:44px;gap:8px}.bottom-bar{display:none!important}.left{width:260px!important;min-width:260px!important;max-width:260px!important;flex-shrink:0!important;resize:none!important}.right{width:280px!important;min-width:280px!important;max-width:280px!important;flex-shrink:0!important}.center{flex:1!important;min-width:200px!important;overflow:visible!important}#canvasToolbar{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;z-index:20;border:1px solid var(--ink);background:#eae6dfeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#canvasToolbar .ct-btn{background:transparent;border:none;border-right:1px solid rgba(26,24,20,.2);padding:0 14px;min-height:44px;font-family:var(--font);font-size:7px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:all .15s;white-space:nowrap}#canvasToolbar .ct-btn:last-child{border-right:none}#canvasToolbar .ct-btn:hover{background:var(--orange);color:var(--ink)}#canvasToolbar .ct-btn.on{background:var(--ink);color:var(--cream);font-weight:700}#canvasToolbar .ct-brush{background:#82d780;color:var(--ink);border:none;border-right:1px solid rgba(26,24,20,.2);padding:0 16px;min-height:44px;font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .15s}#canvasToolbar .ct-brush:hover{background:#5caa5a;color:var(--ink)}#canvasToolbar .ct-brush.on{animation:brushPulseGreen 2s ease-in-out infinite}#canvasToolbar .ct-zoom{display:flex;align-items:center;gap:6px;padding:0 12px;min-height:44px}#canvasToolbar .ct-zoom label{font-size:6px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--ink)}#canvasToolbar .ct-zoom input[type=range]{width:70px;accent-color:var(--ink);height:2px;-webkit-appearance:none;background:var(--ghost)}#canvasToolbar .ct-zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:var(--ink);cursor:pointer}#canvasToolbar .ct-zoom span{font-size:9px;font-weight:700;font-family:var(--mono);min-width:28px;text-align:right;color:var(--ink)}@keyframes brushPulseGreen{0%,to{background:#82d780;color:var(--ink)}50%{background:#5caa5a;color:var(--ink)}}.bb-brush.on{background:#82d780;color:var(--ink);animation:brushPulseGreen 2s ease-in-out infinite}.bb-brush.on:hover{background:#5caa5a;color:var(--ink)}#brushHalo{position:fixed;border:2px dashed #82d780;border-radius:50%;pointer-events:none;display:none;z-index:100;opacity:.7;box-shadow:0 0 8px #82d7804d}.img-upload{border-bottom:1px solid var(--ink);padding:16px 20px;cursor:pointer;text-align:center;transition:all .2s;position:relative}.img-upload:hover{background:#1a18140d}.img-upload.has-image{padding:0}.img-upload img{width:100%;display:block}.img-upload .ph{font-size:8px;font-weight:300;color:var(--sub);line-height:1.8;letter-spacing:1px}.img-upload .ph b{color:var(--ink);font-weight:700;letter-spacing:2px;text-transform:uppercase}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}.shape-chip{background:transparent;border:none;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:52px;padding:6px 4px;cursor:pointer;text-align:center;font-family:var(--font);font-size:6px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sub);transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.shape-chip:nth-child(3n){border-right:none}.shape-chip:hover{background:var(--orange);color:var(--ink)}.shape-chip.active{background:var(--ink);color:var(--cream)}.shape-chip canvas{display:block}.demo-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.demo-btn{background:transparent;border:none;border-right:1px solid var(--ink);min-height:36px;padding:0 12px;cursor:pointer;text-align:center;font-family:var(--font);font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sub);transition:all .15s}.demo-btn:last-child{border-right:none}.demo-btn:hover{background:var(--orange);color:var(--ink)}