@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(./dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(./dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(./dm-sans-latin-ext-600-normal-DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(./dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(./space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(./space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2)format("woff2"),url(./space-grotesk-vietnamese-600-normal-D6zpsUhD.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2)format("woff2"),url(./space-grotesk-latin-ext-600-normal-VcznFIpX.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(./space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(./space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(./space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(./space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(./dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(./dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-ext-500-normal-BtRyHRi6.woff2)format("woff2"),url(./dm-mono-latin-ext-500-normal-Dw3M13d8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(./dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--display:"Space Grotesk", "Trebuchet MS", sans-serif;--mono:"DM Mono", Consolas, monospace;color:#283431;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f4f6f3;font-family:DM Sans,Segoe UI,sans-serif;font-weight:400}:root[data-theme=dark],html[data-theme=dark]{color:#e2ece7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111a17}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;transition:background-color .2s,color .2s}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #258f78}::selection{color:#17251f;background:#c4e5d7}:root[data-theme=dark] ::selection{color:#fff;background:#1e6350}.app-shell{--sidebar:#202b28;--sidebar-muted:#98a49f;--bg-app:#f4f6f3;--paper:#fbfcfa;--ink:#283431;--quiet:#79837e;--line:#e2e7e2;--mint:#258f78;--coral:#f0784d;height:100vh;max-height:100vh;color:var(--ink);background:var(--bg-app);flex-direction:row;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.sidebar{color:#f1f3ef;background:var(--sidebar);z-index:20;border-right:1px solid #34423d;flex-direction:column;width:292px;min-width:292px;max-width:292px;height:100vh;max-height:100vh;transition:width .2s cubic-bezier(.16,1,.3,1),min-width .2s cubic-bezier(.16,1,.3,1),max-width .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar.collapsed{width:52px;min-width:52px;max-width:52px;overflow:visible}.sidebar-top-bar{background:#1a2521;border-bottom:1px solid #35413d;flex:0 0 52px;justify-content:space-between;align-items:center;height:52px;padding:0 10px 0 0;display:flex}.sidebar-top-bar .brand-lockup{border-bottom:none;height:100%;padding:0 14px}.sidebar-collapse-toggle-btn{color:#9cb1a7;cursor:pointer;background:#25362f;border:1px solid #374b42;border-radius:5px;place-items:center;width:28px;height:28px;transition:all .16s;display:grid}.sidebar-collapse-toggle-btn:hover{color:#fff;background:#2e443b;border-color:#55c2a2}.brand-lockup{border-bottom:1px solid #35413d;align-items:center;gap:11px;height:76px;padding:0 23px;display:flex}.brand-mark{color:#17221e;background:#f17b51;border-radius:9px 9px 9px 3px;place-items:center;width:34px;height:34px;display:grid}.brand-lockup>div:last-child{gap:1px;display:grid}.brand-name{color:#f6f6f1;letter-spacing:1.15px;font-size:13px;font-weight:750}.brand-edition{color:#9eaaa4;font-family:var(--mono);letter-spacing:.8px;font-size:9px}.project-row{color:#b4c0ba;background:#2a3732;border:1px solid #3b4843;border-radius:7px;align-items:center;gap:10px;height:68px;margin:14px 14px 8px;padding:0 12px;display:flex}.project-icon{color:#e9956d;background:#3b4942;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.project-copy{flex:1;gap:3px;min-width:0;display:grid}.project-copy>span{color:#92a099;font-family:var(--mono);letter-spacing:.8px;font-size:9px}.project-copy strong{color:#f2f3ef;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.project-copy input{color:#f2f3ef;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:12px;font-weight:600}.project-copy input:focus-visible{outline-offset:2px;outline:1px solid #e9956d}.project-actions{align-items:center;gap:5px;padding:0 22px 8px;display:flex}.project-actions>button{color:#aebbb4;cursor:pointer;background:#2a3732;border:1px solid #3b4843;border-radius:4px;place-items:center;width:27px;height:25px;display:grid}.project-actions>button:hover:not(:disabled){color:#fff4e8;border-color:#d98964}.project-actions>button:disabled{opacity:.42;cursor:default}.project-saved-label{color:#91a097;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:9px;overflow:hidden}.project-file-actions{gap:7px;padding:0 22px 9px;display:flex}.project-file-actions button{color:#b8c3bd;font:inherit;cursor:pointer;background:0 0;border:1px solid #405049;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:9px;display:inline-flex}.project-file-actions button:hover{color:#fff0e3;border-color:#d98964}.project-file-actions input{display:none}.preset-panel{background:#25322d;border:1px solid #3b4943;border-radius:6px;flex-direction:column;gap:7px;margin:0 14px 10px;padding:8px 9px;display:flex}.preset-header-bar{justify-content:space-between;align-items:center;gap:4px;display:flex}.preset-tabs-header{flex:1;gap:4px;display:flex}.preset-tab-btn{color:#92a29a;font-family:var(--mono);letter-spacing:.3px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;transition:all .15s;display:inline-flex}.preset-tab-btn:hover{color:#f1f3ef;background:#2f3e37}.preset-tab-btn.active{color:#ffefe2;background:#364840;border-color:#4b5d54;font-weight:600}.preset-collapse-btn{color:#8c9c94;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.preset-collapse-btn:hover{color:#fff;background:#34443d}.factory-presets-container{flex-direction:column;gap:6px;display:flex}.preset-category-chips{scrollbar-width:none;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.preset-category-chips::-webkit-scrollbar{display:none}.preset-chip{color:#9ab0a5;font-size:8.5px;font-family:var(--mono);white-space:nowrap;cursor:pointer;background:#2e3e37;border:1px solid #43544c;border-radius:10px;padding:2px 7px;transition:all .14s}.preset-chip:hover{color:#fff;border-color:#61776c}.preset-chip.active{color:#17211d;background:#e8865d;border-color:#e8865d;font-weight:700}.factory-presets-list{flex-direction:column;gap:6px;max-height:230px;padding-right:2px;display:flex;overflow-y:auto}.factory-preset-card{background:#2b3933;border:1px solid #3c4c44;border-radius:5px;flex-direction:column;gap:6px;padding:7px 8px;transition:all .16s;display:flex}.factory-preset-card:hover{background:#31423b;border-color:#5d7468}.factory-preset-info{align-items:flex-start;gap:8px;display:flex}.factory-preset-swatch{border-style:solid;border-width:2.5px;border-radius:50%;flex-shrink:0;width:24px;height:24px;position:relative;box-shadow:0 1px 4px #0006}.factory-preset-accent-dot{border:1px solid #202b28;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 4px}.factory-preset-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.factory-preset-title-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.factory-preset-name{color:#eff3ee;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;overflow:hidden}.factory-preset-tag{font-size:7.5px;font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:1px 4px}.tag-sci-fi{color:#38f4ff;background:#00f3ff29;border:1px solid #00f3ff4d}.tag-fantasy{color:#f5dc98;background:#edd18529;border:1px solid #edd1854d}.tag-industrial{color:#ffb743;background:#f5a62329;border:1px solid #f5a6234d}.tag-modern{color:#6beef4;background:#5be0d629;border:1px solid #5be0d64d}.tag-retro{color:#ff479e;background:#ff007f29;border:1px solid #ff007f4d}.factory-preset-desc{color:#92a29a;font-size:8.5px;line-height:1.25}.factory-preset-badges{flex-wrap:wrap;gap:3px;margin-top:1px;display:flex}.factory-preset-badges>span{color:#b7c5bd;background:#242f2a;border:1px solid #3c4b44;border-radius:3px;padding:1px 4px;font-size:7.5px}.factory-preset-actions{gap:5px;display:flex}.factory-apply-btn{color:#17211d;cursor:pointer;background:#e8865d;border:0;border-radius:4px;flex:1;justify-content:center;align-items:center;height:22px;font-size:9px;font-weight:700;transition:background .15s;display:inline-flex}.factory-apply-btn:hover{background:#f79870}.factory-apply-all-btn{color:#cad5cf;cursor:pointer;background:#35463e;border:1px solid #4a5d53;border-radius:4px;align-items:center;gap:3px;height:22px;padding:0 7px;font-size:8.5px;transition:all .15s;display:inline-flex}.factory-apply-all-btn:hover{color:#fff;background:#3e5349;border-color:#e8865d}.custom-presets-container{flex-direction:column;gap:5px;display:flex}.preset-panel-heading{color:#98a69e;font-family:var(--mono);letter-spacing:.4px;justify-content:space-between;align-items:center;gap:5px;margin-bottom:2px;font-size:8px;display:flex}.preset-panel-heading button{color:#d8a486;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:3px 4px;font-size:8px;display:inline-flex}.preset-panel-heading button:hover{color:#ffcfad}.preset-empty{color:#87958d;padding:8px 4px;font-size:9px;line-height:1.35}.preset-row{border-top:1px solid #394741;align-items:center;gap:4px;display:flex}.preset-load{color:#dbe3de;min-width:0;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 3px;font-size:10px;overflow:hidden}.preset-load:hover{color:#f0a17b}.preset-remove{color:#87958d;cursor:pointer;background:0 0;border:0;width:20px;height:20px;font-size:15px}.preset-remove:hover{color:#f39571}.component-library{background:#26332e;border:1px solid #3b4843;border-radius:5px;margin:0 14px 10px;padding:9px}.component-library .preset-panel-heading{margin-bottom:8px}.component-library .preset-panel-heading button:disabled{opacity:.45;cursor:default}.library-add-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:6px;display:grid}.library-add-actions button{color:#d8c1b1;min-width:0;height:26px;font:inherit;cursor:pointer;background:#303e38;border:1px solid #46544c;border-radius:3px;padding:0 2px;font-size:8.5px}.library-add-actions button:hover{color:#fff0e3;border-color:#d98964}.library-list{max-height:155px;overflow-y:auto}.library-item{border-top:1px solid #394741;align-items:center;gap:3px;display:flex}.library-item.active{background:#334139}.library-select{color:#dbe3de;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;min-width:0;padding:6px 3px;display:flex}.library-kind{color:#e8ae8f;width:23px;height:23px;font-family:var(--mono);background:#465249;border-radius:4px;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.kind-panel{color:#aad2bc}.kind-bar{color:#edcf80}.kind-badge{color:#f29c60}.kind-slot{color:#61cca7}.library-name{gap:2px;min-width:0;display:grid}.library-name strong{color:#e6ece8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.library-name small{color:#92a097;font-size:8px}.library-delete{color:#85938b;cursor:pointer;background:0 0;border:0;border-radius:3px;width:22px;height:22px;font-size:15px}.library-delete:hover:not(:disabled){color:#ffb090;background:#513e35}.library-delete:disabled{opacity:.35;cursor:default}.sidebar-scroll{flex:1;padding:0 22px;overflow-y:auto}.control-section{border-bottom:1px solid #394540;padding:18px 0 19px}.control-section.last-section{border-bottom:0}.section-heading{align-items:center;gap:9px;margin-bottom:17px;display:flex}.section-heading>span{color:#e69570;font-family:var(--mono);font-size:10px}.section-heading h2{color:#f0f2ee;flex:1;margin:0;font-size:14px;font-weight:650}.icon-button{cursor:pointer;border:1px solid #0000;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.icon-button.subtle{color:#85938c;background:0 0;width:23px;height:23px}.icon-button.subtle:hover{color:#eff3ee;background:#34413c}.range-control{gap:9px;margin:13px 0 16px;display:grid}.range-label{color:#c4ccc7;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.range-label>span{color:#eff2ee;font-family:var(--mono);font-size:10px}.range-label small{color:#84928b;margin-left:3px;font-size:9px}.range-control input[type=range]{appearance:none;accent-color:#ec8057;cursor:pointer;background:#46534d;border-radius:4px;width:100%;height:3px;margin:0}.range-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#f28a60;border:2px solid #26332e;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #f28a60}.range-control input[type=range]::-moz-range-thumb{background:#f28a60;border:2px solid #26332e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #f28a60}.range-control input:focus-visible,.number-control input:focus-visible{outline-offset:3px;outline:2px solid #f28a60}.shape-heading{color:#98a49e;font-family:var(--mono);letter-spacing:.55px;justify-content:space-between;align-items:center;margin:4px 0 8px;font-size:9px;display:flex}.shape-status{color:#f0784d;text-transform:uppercase;font-size:8.5px;font-weight:600}.shape-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.shape-option{color:#bdc6c0;min-width:0;height:42px;font:inherit;text-align:left;cursor:pointer;background:#293631;border:1px solid #3d4b45;border-radius:5px;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:0 7px;font-size:9.5px;transition:border-color .16s,background .16s,color .16s;display:grid}.shape-option:hover{color:#fff;background:#303e38;border-color:#55675f}.shape-option.selected{color:#fff;background:#34443c;border-color:#f0784d;font-weight:600;box-shadow:0 0 0 1px #f0784d,inset 0 0 0 1px #f0784d40}.shape-icon-preview{background:#46554e;border:1px solid #6b7e75;width:22px;height:22px;transition:all .16s}.shape-option.selected .shape-icon-preview{background-color:#f0784d;border-color:#f0784d;box-shadow:0 0 8px #f0784d60}.shape-icon-rounded{border-radius:6px}.shape-icon-chamfer{clip-path:polygon(5px 0%,calc(100% - 5px) 0%,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0% calc(100% - 5px),0% 5px)}.shape-icon-notched{background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 3.5px,#46554e 4px),radial-gradient(circle at 100% 0,#0000 3.5px,#46554e 4px),radial-gradient(circle at 100% 100%,#0000 3.5px,#46554e 4px),radial-gradient(circle at 0 100%,#0000 3.5px,#46554e 4px);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:51% 51%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:2px}.shape-option.selected .shape-icon-notched{background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 3.5px,#f0784d 4px),radial-gradient(circle at 100% 0,#0000 3.5px,#f0784d 4px),radial-gradient(circle at 100% 100%,#0000 3.5px,#f0784d 4px),radial-gradient(circle at 0 100%,#0000 3.5px,#f0784d 4px);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:51% 51%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.shape-icon-arch{border-radius:11px 11px 2px 2px}.shape-icon-banner{clip-path:polygon(0% 0%,100% 0%,calc(100% - 4px) 50%,100% 100%,0% 100%,4px 50%)}.shape-icon-octagonal{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.shape-icon-custom{clip-path:polygon(50% 0%,100% 25%,82% 100%,18% 100%,0% 25%);background:#4da89c}.shape-option.selected .shape-icon-custom{background-color:#f0784d;border-color:#f0784d}.corner-control-header{color:#98a49e;font-family:var(--mono);letter-spacing:.55px;justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:9px;display:flex}.corner-quick-actions{gap:4px;display:flex}.corner-quick-actions button{color:#b0bfb8;font-family:var(--mono);cursor:pointer;background:#27342f;border:1px solid #3c4b44;border-radius:3px;padding:2px 6px;font-size:8px;transition:all .14s}.corner-quick-actions button:hover{color:#fff;background:#33443d;border-color:#f0784d}.corner-toggle-matrix{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;display:grid}.corner-toggle-btn{color:#83938b;height:28px;font-family:var(--mono);cursor:pointer;background:#25312c;border:1px solid #384640;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:8.5px;transition:all .16s;display:flex}.corner-toggle-btn:hover{color:#c9d5cf;background:#2c3b35;border-color:#55675f}.corner-toggle-btn.active{color:#fff;background:#2f433b;border-color:#4da58a;font-weight:600;box-shadow:0 0 6px #4da58a30}.dimension-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.number-control{gap:6px;min-width:0;display:grid}.number-control>span{color:#98a49e;font-family:var(--mono);letter-spacing:.55px;font-size:9px}.number-control input{box-sizing:border-box;color:#e7ece7;width:100%;min-width:0;height:31px;font-family:var(--mono);background:#2a3732;border:1px solid #46534d;border-radius:4px;padding:0 8px;font-size:11px}.color-row{justify-content:space-between;align-items:center;min-height:31px;margin:7px 0;display:flex}.color-label{color:#c4ccc7;font-size:11px}.color-picker{color:#b3bdb7;font-family:var(--mono);cursor:pointer;align-items:center;gap:7px;font-size:9px;display:flex}.color-picker input{cursor:pointer;background:0 0;border:1px solid #5a6761;border-radius:4px;width:20px;height:20px;padding:0;overflow:hidden}.color-picker input::-webkit-color-swatch-wrapper{padding:2px}.color-picker input::-webkit-color-swatch{border:0;border-radius:2px}.texture-heading{color:#98a49e;font-family:var(--mono);letter-spacing:.55px;justify-content:space-between;margin:15px 0 9px;font-size:9px;display:flex}.material-status{color:#98a49e;align-items:center;gap:5px;font-size:8px;display:inline-flex}.material-status>span{background:#6bb99f;border-radius:50%;width:5px;height:5px}.texture-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.texture-option{color:#bdc6c0;min-width:0;height:51px;font:inherit;text-align:left;cursor:pointer;background:#293631;border:1px solid #3d4b45;border-radius:5px;grid-template-columns:30px 1fr;align-items:center;gap:7px;padding:0 7px;font-size:10px;transition:border-color .16s,background .16s;display:grid}.texture-option.selected{color:#fff;background:#34443c;border-color:#f0784d;font-weight:600;box-shadow:0 0 0 1px #f0784d,inset 0 0 0 1px #f0784d40}.texture-option.selected .texture-swatch{border-color:#f0784d;box-shadow:0 0 8px #f0784d60}.texture-swatch{background-color:#aa6640;border:1px solid #ffffff20;border-radius:3px;width:29px;height:29px;transition:border-color .16s,box-shadow .16s}.fill-mode-selector{grid-template-columns:repeat(2,1fr);gap:6px;margin:6px 0 14px;display:grid}.fill-mode-btn{height:36px;font-family:var(--sans);color:#adbdb5;cursor:pointer;background:#27342f;border:1px solid #3d4c45;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:600;transition:all .16s;display:flex}.fill-mode-btn:hover{color:#fff;background:#31423b;border-color:#52675d}.fill-mode-btn.active{color:#0b1a16;background:#55c2a2;border-color:#55c2a2;font-weight:700;box-shadow:0 2px 8px #55c2a259}.gradient-dir-control{gap:6px;margin:10px 0 14px;display:grid}.control-sublabel{color:#92a49b;font-size:9.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px}.gradient-dir-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.gradient-dir-btn{height:28px;font-family:var(--mono);color:#9ab0a6;cursor:pointer;background:#25332d;border:1px solid #394a42;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:9px;font-weight:600;transition:all .15s;display:flex}.gradient-dir-btn:hover{color:#fff;background:#2e3e37;border-color:#4f6358}.gradient-dir-btn.active{color:#fff;background:#234d41;border-color:#55c2a2;box-shadow:0 0 6px #55c2a266}.rim-light-toggle{background:#23312b;border:1px solid #36463f;border-radius:5px;margin:12px 0 8px;padding:6px 8px;font-weight:550;transition:border-color .15s}.rim-light-toggle:hover{border-color:#55c2a2}.rim-light-subcontrols{background:#ffffff06;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;gap:8px;margin:4px 0 10px;padding:8px 10px;display:flex}.icon-subcontrols{background:#ffffff06;border:1px solid #ffffff12;border-radius:6px;padding:8px 10px}.texture-none-banner{color:#6ae5be;background:#258f7826;border:1px solid #55c2a259;border-radius:5px;align-items:center;gap:7px;margin:6px 0 10px;padding:6px 10px;font-size:9px;line-height:1.35;display:flex}.texture-none .texture-swatch{background-color:#172420;background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0a 4px 8px);border:1.5px dashed #40ba99;place-items:center;display:grid;position:relative}.texture-none .texture-swatch:after{content:"PURO";color:#40ba99;letter-spacing:.4px;font-size:6.5px;font-weight:800;font-family:var(--mono)}.texture-wood .texture-swatch{background-image:repeating-linear-gradient(175deg,#0000 0 5px,#603b2c 6px 7px,#d99a68 8px 9px)}.texture-metal .texture-swatch{background-color:#6b8983;background-image:repeating-linear-gradient(135deg,#c1d2c7 0 1px,#0000 1px 6px)}.texture-pixel .texture-swatch{background-color:#568b69;background-image:repeating-conic-gradient(#8db780 0 25%, #42674b 0 50%);background-size:10px 10px}.texture-noise .texture-swatch{background-color:#866e53;background-image:radial-gradient(#e0b986 1px,#0000 1.5px),radial-gradient(#4b4134 1px,#0000 1.5px);background-position:0 0,4px 3px;background-size:7px 7px}.texture-fabric .texture-swatch{background-color:#7b624b;background-image:repeating-linear-gradient(45deg,#997d62 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#5b4533 0 1px,#0000 1px 4px)}.texture-cyber .texture-swatch{background-color:#1a2a2f;background-image:linear-gradient(#4da89c40 1px,#0000 1px),linear-gradient(90deg,#4da89c40 1px,#0000 1px);background-size:7px 7px}.texture-stone .texture-swatch{background-color:#555d5b;background-image:radial-gradient(#87928f 1px,#0000 1px),radial-gradient(#303634 1px,#0000 1.5px);background-position:0 0,3px 3px;background-size:6px 6px}.texture-leather .texture-swatch{background-color:#5d3f2e;background-image:radial-gradient(#7c5740 1px,#0000 1.5px),radial-gradient(#3a261a 1px,#0000 1.5px);background-position:0 0,3px 3px;background-size:6px 6px;border:1px dashed #d8a27a80}.texture-honeycomb .texture-swatch{background-color:#122421;background-image:radial-gradient(#4da89c 1.5px,#0000 1.8px);background-size:8px 8px;border-color:#4da89c60}.texture-carbon .texture-swatch{background-color:#1a1a1a;background-image:linear-gradient(45deg,#2c2c2c 25%,#0000 25%),linear-gradient(-45deg,#2c2c2c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2c2c2c 75%),linear-gradient(-45deg,#0000 75%,#2c2c2c 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px}.texture-hazard .texture-swatch{background-color:#eab308;background-image:repeating-linear-gradient(45deg,#1c1d1c,#1c1d1c 4px,#eab308 4px 8px)}.texture-crystal .texture-swatch{background-color:#2b4952;background-image:linear-gradient(135deg,#ffffffb3 0%,#0000 40%,#fffc 50%,#0000 60%)}.ornament-grid{grid-template-columns:1fr 1fr;gap:6px;margin:7px 0 10px;display:grid}.ornament-option{color:#bdc6c0;min-width:0;height:38px;font:inherit;text-align:left;cursor:pointer;background:#293631;border:1px solid #3d4b45;border-radius:5px;align-items:center;gap:7px;padding:0 8px;font-size:9.5px;transition:all .16s;display:flex}.ornament-option:hover{color:#fff;background:#303e38;border-color:#55675f}.ornament-option.selected{color:#fff;background:#34443c;border-color:#f0784d;font-weight:600;box-shadow:0 0 0 1px #f0784d,inset 0 0 0 1px #f0784d40}.ornament-icon{background:#3b4943;border-radius:3px;flex:none;place-items:center;width:18px;height:18px;display:grid}.ornament-icon-none{border:1px dashed #6b7c74}.ornament-icon-rivets{background:radial-gradient(circle at 35% 35%,#fff 10%,#9ba59f 50%,#3a423e 90%);border:1px solid #232a26;border-radius:50%;box-shadow:0 1px 2px #0006}.ornament-icon-brackets{clip-path:polygon(0 0,100% 0,100% 40%,40% 40%,40% 100%,0 100%);background:linear-gradient(135deg,#eed28a,#9e7938)}.ornament-icon-gems{background:radial-gradient(circle at 35% 35%,#fff 10%,#25c99e 45%,#0d4e3e 95%);border-radius:50%;box-shadow:0 0 5px #25c99e70}.upload-texture{color:#d0a789;cursor:pointer;align-items:center;gap:7px;height:30px;margin-top:8px;font-size:10px;display:flex}.upload-texture:hover{color:#ffd0ad}.upload-texture input{display:none}.texture-settings{background:#27342f;border:1px solid #3b4843;border-radius:5px;margin-top:8px;padding:9px}.texture-settings-heading,.crop-heading{color:#94a199;font-family:var(--mono);letter-spacing:.4px;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;display:flex}.texture-settings-heading button{color:#d2a083;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:9px}.texture-settings .range-control{margin:10px 0}.texture-offset-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0;display:grid}.texture-offset-controls .number-control input{height:27px}.crop-heading{margin-top:10px}.crop-heading span:last-child{color:#73827a;font-size:7px}.texture-crop-editor{gap:5px;margin:7px 0 9px;display:grid}.texture-crop-stage{touch-action:none;background-color:#202c27;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #55645b;border-radius:3px;height:100px;position:relative;overflow:hidden}.texture-crop-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff10 1px,#0000 1px),linear-gradient(90deg,#ffffff10 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.texture-crop-frame{touch-action:none;cursor:move;background:#f4a57618;border:1px solid #f6a273;outline:1px solid #26332e;place-items:center;min-width:8px;min-height:8px;display:grid;position:absolute}.texture-crop-frame>span{color:#fff1e5;font-family:var(--mono);letter-spacing:.4px;pointer-events:none;background:#18231ed9;padding:2px 3px;font-size:7px}.texture-crop-frame>button{touch-action:none;cursor:nwse-resize;background:#f6a273;border:1px solid #27342f;border-radius:2px;width:10px;height:10px;padding:0;position:absolute;bottom:-5px;right:-5px}.texture-crop-hint{color:#86958c;font-size:8px;line-height:1.35}.toggle-row{color:#bec9c2;cursor:pointer;align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.toggle-row input{accent-color:#55a88b;width:13px;height:13px;margin:0}.field-control{color:#c4ccc7;gap:6px;margin:11px 0;font-size:10px;display:grid}.field-control input,.field-control select{color:#e6ece8;width:100%;height:30px;font:inherit;background:#2a3732;border:1px solid #46534d;border-radius:4px;padding:0 7px;font-size:10px}.component-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.component-select-grid .field-control{min-width:0}.alignment-control{color:#c4ccc7;gap:6px;margin:10px 0;font-size:10px;display:grid}.alignment-control>div{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.alignment-control button{color:#aeb9b2;min-width:0;height:26px;font:inherit;cursor:pointer;background:#2a3732;border:1px solid #44524b;border-radius:3px;padding:0 3px;font-size:8px}.alignment-control button.selected{color:#f9e7d9;background:#4a4439;border-color:#d98e69}.component-export-note{color:#87968e;margin-top:7px;font-size:9px;line-height:1.4}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shortcut-control{color:#c4ccc7;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:4px 7px;min-width:0;font-size:10px;display:grid}.shortcut-control input{color:#fff1e5;width:26px;height:27px;font-family:var(--mono);text-align:center;text-transform:uppercase;background:#2a3732;border:1px solid #59675f;border-radius:4px;grid-row:span 2}.shortcut-control span{color:#829087;font-size:8px}.sidebar-footer{color:#9ba7a0;background:#1d2724;border-top:1px solid #34413c;flex:none;align-items:center;gap:7px;height:49px;padding:0 22px;font-size:10px;display:flex}.saved-dot{background:#6fbea0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #6fbea050}.local-tag{color:#9fb3a9;font-family:var(--mono);background:#34423c;border-radius:3px;margin-left:auto;padding:3px 5px;font-size:8px}.workspace{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.topbar{background:var(--paper);border-bottom:1px solid var(--line);flex:0 0 50px;justify-content:space-between;align-items:center;gap:14px;height:50px;padding:0 20px;display:flex}.breadcrumb{color:#78827d;align-items:center;gap:10px;min-width:0;font-size:11px;display:flex}.breadcrumb strong{color:#35413d;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.breadcrumb-slash{color:#c1c8c2}.draft-badge{color:#9b6b50;font-family:var(--mono);letter-spacing:.4px;background:#f6eee7;border:1px solid #efdfd1;border-radius:3px;padding:3px 6px;font-size:8px}.topbar-actions{align-items:center;gap:8px;display:flex}.reset-button{color:#747f79;background:0 0;border-color:#e5e9e4}.reset-button:hover{color:#293731;background:#f1f4f0}.export-button{color:#fffaf5;height:34px;font:inherit;cursor:pointer;background:#263731;border:1px solid #263731;border-radius:5px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;transition:background .16s;display:inline-flex}.export-button:hover:not(:disabled){background:#3b5449}.export-button:disabled,.workspace-footer button:disabled{opacity:.65;cursor:wait}.editor-content{box-sizing:border-box;flex-direction:row;flex:1;align-items:stretch;gap:12px;width:100%;min-height:0;margin:0;padding:8px 12px;display:flex;overflow:hidden}.editor-primary{flex-direction:column;flex:1;gap:6px;min-width:0;height:100%;display:flex;overflow:hidden}.editor-primary .canvas-heading{flex:none;margin-bottom:2px}.editor-primary .canvas-heading h1{margin:2px 0 0;font-size:18px}.editor-primary .preview-board{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.editor-primary .preview-board .canvas-stage{flex:1;height:100%;min-height:0}.right-inspector{color:#f1f3ef;z-index:20;background:#1e2925;border:1px solid #364640;border-radius:8px;flex-direction:column;width:320px;min-width:320px;max-width:320px;height:100%;max-height:100%;padding:0;transition:width .2s cubic-bezier(.16,1,.3,1),min-width .2s cubic-bezier(.16,1,.3,1),max-width .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 28px #121c1847}.right-inspector.collapsed{width:52px;min-width:52px;max-width:52px;overflow:visible}.right-inspector .sidebar-scroll{gap:8px;padding:8px}.inspector-top-bar{background:#18231f;border-bottom:1px solid #33433d;flex:0 0 48px;justify-content:space-between;align-items:center;height:48px;padding:0 10px;display:flex}.inspector-top-actions{align-items:center;gap:6px;display:flex}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#3b4b45 transparent;flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#3b4b45;border-radius:4px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#52675f}.inspector-heading-wrap{color:#f0784d;font-family:var(--mono);letter-spacing:.8px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.inspector-header-icon{color:#f0784d}.inspector-state-badge{color:#dbe3de;font-family:var(--mono);letter-spacing:.3px;background:#273731;border:1px solid #3d4e47;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex}.state-badge-dot{border-radius:50%;width:6px;height:6px}.section-sub-tag{color:#d4e0d9;font-family:var(--mono);background:#2b3933;border:1px solid #3f5049;border-radius:4px;padding:2px 6px;font-size:8px}.state-notice-card{color:#a6b7ae;background:#26352f;border:1px solid #394a43;border-radius:6px;margin-bottom:12px;padding:9px 11px;font-size:9px;line-height:1.45}.state-notice-badge{color:#79caa8;font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700;display:inline-block}.state-notice-card p{margin:0}.state-notice-card strong{color:#ecf3ee}.state-active-pill{color:#c9d5ce;background:#273932;border-left:3px solid #f0784d;border-radius:0 4px 4px 0;margin-bottom:12px;padding:6px 10px;font-size:10px}.state-active-pill strong{color:#fdf5ec}.shortcut-card{background:#263630;border:1px solid #394a43;border-radius:6px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.shortcut-card-label{color:#9ab0a5;font-size:9px;font-family:var(--mono);letter-spacing:.4px}.shortcut-key-field{background:#1c2723;border:1px solid #485b52;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.shortcut-prefix{color:#8ba095;font-family:var(--mono);-webkit-user-select:none;user-select:none;font-size:10px}.shortcut-key-field input{color:#fff4eb;width:22px;height:24px;font-family:var(--mono);text-align:center;text-transform:uppercase;background:0 0;border:0;outline:none;padding:0;font-size:12px;font-weight:700}.shortcut-key-field:focus-within{border-color:#f0784d;box-shadow:0 0 0 1px #f0784d66}.canvas-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:19px;display:flex}.eyebrow{color:#7e8983;font-family:var(--mono);letter-spacing:.7px;align-items:center;gap:7px;font-size:9px;display:flex}.eyebrow-line{background:var(--coral);width:15px;height:2px}.canvas-heading h1{color:#283631;font-family:var(--display);margin:7px 0 0;font-size:27px;font-weight:650;line-height:1.15}.canvas-meta{color:#77837c;font-family:var(--mono);letter-spacing:.2px;align-items:center;gap:10px;padding-bottom:3px;font-size:9px;display:flex}.meta-divider{background:#cbd2cc;width:1px;height:12px}.preview-board{background:#fff;border:1px solid #dce3dd;border-radius:6px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 18px #283b3210}.preview-board.is-fullscreen{z-index:9999;background:#fff;border:none;border-radius:0;flex-direction:column;width:100vw;height:100vh;margin:0;display:flex;position:fixed;inset:0;box-shadow:0 0 100px #000000d9}.preview-board.is-fullscreen .board-toolbar{z-index:10;background:#fff;border-bottom:1px solid #e1e7e2;height:44px;padding:0 18px;box-shadow:0 2px 8px #0000000a}.preview-board.is-fullscreen .canvas-stage{flex:1;height:100%;min-height:0}.board-toolbar{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;height:39px;padding:0 14px;display:flex}.board-label{color:#56635c;font-family:var(--mono);letter-spacing:.65px;align-items:center;gap:7px;font-size:9px;display:flex}.board-live-dot{background:#49a58a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #49a58a18}.board-tools{align-items:center;gap:10px;display:flex}.canvas-size-selector{background:#edf2ee;border:1px solid #d8e2da;border-radius:5px;align-items:center;gap:2px;padding:2px 3px;display:inline-flex}.canvas-size-label{color:#6d7e74;font-size:8.5px;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;padding:0 4px}.canvas-size-btn{font-family:var(--sans);color:#4f6156;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:550;transition:all .15s}.canvas-size-btn:hover{color:#1a2a22;background:#dbe4dc}.canvas-size-btn.active{color:#0b5943;background:#fff;font-weight:650;box-shadow:0 1px 3px #0000001f}.hand-tool-btn{color:#4b5d53;cursor:pointer;background:#f4f7f4;border:1px solid #d5ded7;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.hand-tool-btn:hover{color:#17261e;background:#e9f0ea;border-color:#bcd0c1}.hand-tool-btn.active{color:#0d5f47;background:#e2f6ed;border-color:#40ba99;box-shadow:0 0 0 2px #40ba9933}.reset-view-btn{color:#55675c;cursor:pointer;background:#fafcfb;border:1px solid #d9e2db;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.reset-view-btn:hover{color:#182820;background:#edf4ee}.reset-view-btn.has-offsets{color:#0369a1;background:#f0f9ff;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf84d}.fit-view-btn{color:#55675c;cursor:pointer;background:#fafcfb;border:1px solid #d9e2db;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.fit-view-btn:hover{color:#182820;background:#edf4ee;border-color:#bcd0c1}.fit-view-btn:active{transform:translateY(1px)}.fullscreen-toggle-btn{color:#324338;cursor:pointer;background:#f8faf8;border:1px solid #cedad1;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.fullscreen-toggle-btn:hover{color:#14221a;background:#edf5ef;border-color:#9cb5a3}.fullscreen-toggle-btn.active{color:#38f4ff;background:#15221d;border-color:#38f4ff;box-shadow:0 0 10px #38f4ff47}.playground-toggle-btn{color:#5d6d65;font:inherit;cursor:pointer;background:#f0f4f1;border:1px solid #d5ded7;border-radius:4px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:600;transition:all .16s;display:inline-flex}.playground-toggle-btn:hover{color:#1a2a24;background:#e8f3ee;border-color:#38bba2}.playground-toggle-btn.active{color:#074637;background:#d8f5eb;border-color:#27a285;box-shadow:0 0 8px #27a28540}.playground-sound-btn{color:#6a7c73;cursor:pointer;background:#f0f4f1;border:1px solid #d5ded7;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;transition:all .14s;display:inline-flex}.playground-sound-btn:hover{color:#20342c;border-color:#4da89c}.playground-sound-btn.active{color:#176553;background:#dff6ed;border-color:#38bba2}.guide-toggle{color:#89928d;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 7px;font-size:10px;display:inline-flex}.guide-toggle.active{color:#258f78;background:#eaf5f1}.background-control,.pixel-perfect-control{color:#78857e;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.background-control select{color:#516158;max-width:112px;height:24px;font:inherit;background:#fff;border:1px solid #dce3dd;border-radius:3px;padding:0 4px;font-size:9px}.pixel-perfect-control input{accent-color:#258f78;width:12px;height:12px;margin:0}.zoom-control{color:#79867e;align-items:center;gap:4px;display:inline-flex}.zoom-control input{accent-color:#258f78;width:57px;height:3px}.zoom-control output{color:#76827b;min-width:28px;font-family:var(--mono);font-size:8px}.zoom-label{color:#929a95;font-family:var(--mono);font-size:9px}.canvas-stage{background-color:#edf1ed;background-image:radial-gradient(#cfd7d0 .7px,#0000 .7px);background-position:0 0;background-size:15px 15px;place-items:center;padding:10px 24px;transition:box-shadow .2s;display:grid;position:relative;overflow:hidden}.canvas-stage.in-playground{box-shadow:inset 0 0 0 1px #258f7859}.canvas-stage.in-playground canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.canvas-stage.in-playground canvas:focus-visible{filter:drop-shadow(0 0 6px #258f7873)}.playground-canvas-hud{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2ece6;pointer-events:auto;background:#16211de0;border:1px solid #40968359;border-radius:6px;align-items:center;gap:9px;padding:5px 10px;font-size:9.5px;animation:.2s ease-out hudAppear;display:flex;position:absolute;top:10px;left:12px;right:12px;box-shadow:0 4px 14px #0c161252}@keyframes hudAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.playground-hud-pill{font-family:var(--mono);letter-spacing:.6px;white-space:nowrap;background:#24342ef2;border:1px solid #50a89466;border-radius:4px;align-items:center;gap:6px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.playground-hud-dot{border-radius:50%;width:7px;height:7px;transition:background-color .12s;box-shadow:0 0 6px}.playground-hud-divider{background:#ffffff29;width:1px;height:14px}.playground-hud-hint{text-overflow:ellipsis;white-space:nowrap;color:#b2c5bb;flex:1;min-width:0;font-size:9px;overflow:hidden}.playground-hud-stats{color:#ffdda1;font-family:var(--mono);white-space:nowrap;background:#403016b3;border:1px solid #e4a94e59;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:9px;font-weight:600;display:inline-flex}.playground-reset-clicks{color:#ffd080;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;font-size:13px;line-height:1;display:inline-flex}.playground-reset-clicks:hover{color:#fff}.canvas-bg-light{background-color:#f9faf8;background-image:linear-gradient(#e8ece7 1px,#0000 1px),linear-gradient(90deg,#e8ece7 1px,#0000 1px);background-size:20px 20px}.canvas-bg-dark{background-color:#26302c;background-image:linear-gradient(#34423c 1px,#0000 1px),linear-gradient(90deg,#34423c 1px,#0000 1px);background-size:20px 20px}.canvas-viewport-wrapper{will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff40;border:1px solid #283c322e;border-radius:6px;justify-content:center;align-items:center;transition:box-shadow .2s,border-color .2s;display:inline-flex;position:relative;box-shadow:0 14px 44px #10201829,0 2px 8px #10201814}.canvas-viewport-wrapper canvas{border-radius:5px;max-width:none;display:block}.canvas-coordinate{color:#77847c;font-family:var(--mono);pointer-events:none;z-index:2;background:#f9fbf8dd;border:1px solid #d8e0d9;border-radius:3px;padding:3px 6px;font-size:8px;position:absolute}.canvas-viewport-wrapper .coordinate-top{top:8px;left:8px}.canvas-viewport-wrapper .coordinate-bottom{bottom:8px;right:8px}.canvas-pan-zoom-hud{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e4ece7;font-size:10px;font-family:var(--mono);background:#121d19e0;border:1px solid #55c2a266;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;display:flex;position:absolute;bottom:12px;left:14px;box-shadow:0 4px 16px #00000040}.canvas-pan-zoom-hud strong{color:#55c2a2}.canvas-pan-zoom-hud button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:4px;padding:2px 7px;font-family:inherit;font-size:9px;font-weight:600;transition:all .15s}.canvas-pan-zoom-hud button:hover{color:#0b1a13;background:#55c2a2;border-color:#55c2a2}.preview-caption{color:#77827c;border-top:1px solid #edf0ed;align-items:center;gap:8px;min-height:37px;padding:0 14px;font-size:9px;display:flex}.preview-caption strong{color:#46554d;font-family:var(--mono);font-size:9px;font-weight:550}.caption-separator{background:#dce2dd;width:1px;height:13px;margin:0 5px}.states-header{justify-content:space-between;align-items:flex-end;gap:15px;margin:27px 0 12px;display:flex}.states-header h2{color:#304039;font-family:var(--display);margin:5px 0 0;font-size:16px;font-weight:650}.states-hint{color:#89938d;align-items:center;gap:6px;padding-bottom:1px;font-size:10px;display:flex}.state-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.state-card{min-width:0;min-height:78px;color:inherit;text-align:left;cursor:pointer;background:#fbfcfa;border:1px solid #e0e6e0;border-radius:5px;align-items:center;gap:11px;padding:10px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.state-card:hover{border-color:#9ab5a9;transform:translateY(-1px)}.state-card.active{background:#f4f8f4;border-color:#489b7e;box-shadow:inset 0 0 0 1px #489b7e20}.state-card.live-highlight{background:#edf8f4;border-color:#38bba2;transform:translateY(-2px);box-shadow:0 0 14px #38bba266,inset 0 0 0 1px #38bba2}.live-badge-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite liveDotPulse;box-shadow:0 0 6px #fff}@keyframes liveDotPulse{0%,to{opacity:.75;transform:scale(.85)}50%{opacity:1;transform:scale(1.35)}}.state-mini{color:#f9e9d6;width:46px;height:34px;font-family:var(--display);background:linear-gradient(#c78755,#ad633b);border:3px solid #654432;border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid;box-shadow:0 3px #4f382b}.state-mini-hover{filter:brightness(1.14);border-color:#8b5a3d}.state-mini-pressed{transform:translateY(2px);box-shadow:inset 0 3px 4px #4d2e1d88}.state-info{gap:4px;min-width:0;display:grid}.state-info strong{color:#394841;font-size:11px;font-weight:650}.state-info>span{color:#89938d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.state-check{color:#fff;background:#419477;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;margin-left:auto;display:grid}.export-error{color:#8c3f2b;background:#fff0e9;border:1px solid #f3c6b2;border-radius:4px;margin-top:12px;padding:9px 11px;font-size:11px}.workspace-footer{color:#7c8780;align-items:center;gap:15px;min-height:45px;margin-top:auto;padding-top:21px;font-size:9px;display:flex}.workspace-footer>span:first-child{color:#4e655a;align-items:center;gap:6px;display:inline-flex}.footer-swatch{background:#42a184;border-radius:2px;width:7px;height:7px}.workspace-footer>span:nth-child(2){border-left:1px solid #d6ddd7;padding-left:13px}.workspace-footer button{color:#53655b;height:30px;font:inherit;cursor:pointer;background:0 0;border:1px solid #d6dfd8;border-radius:4px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:10px;display:inline-flex}.workspace-footer button:hover:not(:disabled){color:#23684f;background:#edf5f0;border-color:#9dbbab}@media (height>=850px) and (width>=900px){.editor-content{padding-top:51px}.canvas-stage{padding-top:18px;padding-bottom:18px}}@media (width<=980px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar-scroll{padding:0 18px}.editor-content{grid-template-columns:minmax(0,1fr) 225px;gap:13px;width:min(100% - 42px,1010px)}.topbar{padding:0 21px}.state-card{gap:8px;padding:8px}.state-mini{width:38px}}@media (width<=720px){.app-shell{flex-direction:column;display:flex}.sidebar{min-height:0}.brand-lockup{height:58px;padding:0 17px}.brand-mark{width:30px;height:30px}.project-row{height:55px;margin:10px 12px 3px}.sidebar-scroll{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;max-height:39svh;padding:0 17px;display:grid}.control-section{padding:13px 0}.control-section.last-section{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;display:grid}.control-section.last-section .section-heading{grid-column:1/-1;margin-bottom:5px}.control-section.last-section .range-control{margin-bottom:8px}.sidebar-footer{height:37px;padding:0 17px}.topbar{height:53px;padding:0 14px}.breadcrumb{gap:7px;font-size:10px}.draft-badge{display:none}.export-button{height:31px;padding:0 9px;font-size:10px}.editor-content{grid-template-columns:1fr;gap:14px;width:calc(100% - 28px);padding-top:26px}.right-inspector{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:none;display:grid;position:static}.right-inspector .control-section.last-section{grid-column:1/-1;display:block}.canvas-heading h1{font-size:23px}.canvas-meta{gap:6px;font-size:8px}.canvas-stage{padding:8px 13px}.canvas-stage canvas{width:100%}.states-header{margin-top:22px}.states-hint{max-width:44%;font-size:9px}.state-list{gap:7px}.state-card{gap:7px;min-height:65px;padding:6px}.state-mini{border-width:2px;width:32px;height:28px;font-size:9px}.state-info strong{font-size:10px}.state-info>span{font-size:8px}.workspace-footer{flex-wrap:wrap;gap:9px;padding:20px 0 14px}.workspace-footer>span:nth-child(2){display:none}.board-toolbar{height:auto;min-height:40px}.board-tools{gap:6px}.playground-toggle-btn{padding:4px 6px;font-size:9px}.playground-hud-hint,.playground-hud-divider{display:none}.guide-toggle{flex:none;justify-content:center;gap:0;width:28px;height:28px;padding:0;font-size:0;overflow:hidden}.background-control>span,.pixel-perfect-control span{display:none}.background-control select{max-width:90px}.zoom-control input{width:39px}}@media (width<=430px){.sidebar-scroll{grid-template-columns:1fr;max-height:44svh}.control-section.last-section{grid-column:auto}.canvas-heading{align-items:flex-start}.canvas-meta{justify-items:end;display:grid}.meta-divider{display:none}.state-list{grid-template-columns:1fr}.state-card{min-height:57px;padding:7px 10px}.state-mini{width:40px}.state-info>span{font-size:9px}.states-hint{font-size:0}.states-hint svg{width:16px;height:16px}.preview-caption{gap:5px;padding:0 8px;font-size:8px}.preview-caption strong{font-size:8px}}.slice-controls-heading{color:#98a49e;font-family:var(--mono);letter-spacing:.55px;justify-content:space-between;margin:17px 0 8px;font-size:9px;display:flex}.slice-margin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.slice-margin-grid .number-control input{height:29px}.slice-validation{color:#ffd5c4;background:#563c34;border:1px solid #805444;border-radius:4px;gap:7px;margin-top:10px;padding:8px;font-size:9px;line-height:1.4;display:grid}.slice-validation button{color:#ffd4b9;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700;text-decoration:underline}.scale-test-section{margin-top:2px}.scale-test-section .states-header{margin:23px 0 11px}.scale-preview-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.scale-preview{background:#fff;border:1px solid #dce3dd;border-radius:5px;min-width:0;overflow:hidden}.scale-preview-heading{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:5px;min-height:32px;padding:0 9px;display:flex}.scale-preview-heading strong{color:#46564e;font-size:10px;font-weight:650}.scale-preview-heading span{color:#858f89;font-family:var(--mono);white-space:nowrap;font-size:8px}.scale-comparison{grid-template-columns:.78fr 1.22fr;display:grid}.scale-preview-canvas{background-color:#edf1ed;background-image:radial-gradient(#cfd7d0 .7px,#0000 .7px);background-size:12px 12px;place-items:center;height:112px;padding:7px;display:grid;overflow:hidden}.scale-preview-canvas+.scale-preview-canvas{border-left:1px solid #dce3dd}.scale-preview-canvas>span{color:#89938d;font-family:var(--mono);letter-spacing:.4px;font-size:7px}.scale-preview-canvas canvas{width:auto;max-width:100%;height:auto;max-height:85px;display:block}.scale-diagnostic-warning{color:#8a6040;background:#fff6eb;border-top:1px solid #f2e2cd;align-items:center;gap:5px;min-height:28px;padding:5px 8px;font-size:8px;line-height:1.3;display:flex}.scale-preview-invalid{color:#9a4934;text-align:center;background:#fff0e9;place-items:center;height:112px;padding:8px;font-size:10px;display:grid}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17231fcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-dialog{color:#34423b;background:#fbfcfa;border:1px solid #d9e1da;border-radius:8px;width:min(100%,450px);padding:22px;box-shadow:0 24px 90px #14211d66}.export-dialog-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.export-dialog-header h2{color:#283631;font-family:var(--display);margin:6px 0 0;font-size:22px}.export-field{color:#58665e;gap:7px;margin:15px 0;font-size:11px;font-weight:600;display:grid}.export-field input,.export-field select{color:#34423b;background:#fff;border:1px solid #dce4dd;border-radius:4px;width:100%;height:37px;padding:0 10px;font-size:12px}.export-segment{background:#edf1ed;border:1px solid #dce4dd;border-radius:5px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.export-segment button{color:#76827a;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:10px;display:inline-flex}.export-segment button[aria-pressed=true]{color:#285c49;background:#fff;box-shadow:0 1px 3px #263c3018}.export-summary{background:#f0f4f0;border:1px solid #e0e8e1;border-radius:4px;gap:5px;margin-top:18px;padding:11px;display:grid}.export-all-toggle{color:#526258}.export-summary>span{color:#7c8980;font-family:var(--mono);letter-spacing:.6px;font-size:8px}.export-summary strong{color:#405148;font-size:10px}.export-summary code{overflow-wrap:anywhere;color:#6e7b72;font-family:var(--mono);font-size:9px}.export-blocker{color:#8c3f2b;background:#fff0e9;border:1px solid #f3c6b2;border-radius:4px;margin-top:12px;padding:9px 10px;font-size:10px}.export-dialog-actions{justify-content:flex-end;gap:8px;margin-top:21px;display:flex}.cancel-button{color:#627067;height:34px;font:inherit;cursor:pointer;background:0 0;border:1px solid #d8e0d9;border-radius:4px;padding:0 12px;font-size:11px}.cancel-button:hover{background:#f0f4f0}@media (width<=720px){.scale-preview-list{gap:6px}.scale-preview-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:39px}.scale-preview-heading strong{font-size:9px}.scale-preview-canvas,.scale-preview-invalid,.scale-preview-canvas{height:94px}.scale-preview-canvas canvas{max-height:68px}.scale-test-section .states-header{align-items:flex-start}.scale-test-section .states-hint{text-align:right;max-width:42%}}@media (width<=430px){.scale-preview-list{grid-template-columns:1fr}.scale-preview-heading{flex-direction:row;align-items:center;min-height:31px}.scale-preview-canvas,.scale-preview-invalid,.scale-preview-canvas{height:110px}.scale-preview-canvas canvas{max-height:82px}.export-dialog{padding:17px}.right-inspector{grid-template-columns:1fr}.right-inspector .control-section.last-section{grid-column:auto}}.view-mode-tabs{background:#edf2ee;border:1px solid #d8e2da;border-radius:6px;align-items:center;gap:3px;padding:3px;display:inline-flex}.view-tab-btn{color:#58665f;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.view-tab-btn:hover{color:#1f2c27;background:#fff9}.view-tab-btn.active{color:#17382d;background:#fff;box-shadow:0 1px 4px #172d241f}.view-tab-badge{color:#fffaf5;font-family:var(--mono);letter-spacing:.4px;background:#f0784d;border-radius:3px;padding:1px 5px;font-size:7.5px;font-weight:700}.scene-mockup-workspace{flex:1;grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:20px;width:min(100% - 48px,1420px);min-width:0;margin:0 auto;padding:22px 0 26px;display:grid}.scene-mockup-main{flex-direction:column;gap:12px;min-width:0;display:flex}.scene-toolbar{background:#fff;border:1px solid #dce4dd;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:0 2px 10px #283b320d}.scene-template-selector{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scene-toolbar-label{color:#79867f;font-family:var(--mono);letter-spacing:.6px;font-size:9px;font-weight:700}.scene-tabs{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.scene-tab-button{color:#55665e;font:inherit;cursor:pointer;background:#f1f5f2;border:1px solid #dbe3dc;border-radius:4px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;transition:all .16s;display:inline-flex}.scene-tab-button:hover{color:#172922;background:#e8f4ef;border-color:#38bba2}.scene-tab-button.active{color:#0b4537;background:#dcf5ec;border-color:#27a285;box-shadow:0 0 8px #27a28538}.scene-category-tag{color:#75867e;font-family:var(--mono);background:#0000000d;border-radius:2px;padding:1px 4px;font-size:7.5px;font-weight:500}.scene-tab-button.active .scene-category-tag{color:#125e4c;background:#27a28526}.scene-toolbar-tools{flex-wrap:wrap;align-items:center;gap:9px;margin-left:auto;display:flex}.scene-bg-picker{color:#6a7972;white-space:nowrap;align-items:center;gap:5px;font-size:9.5px;display:inline-flex}.scene-bg-picker select{color:#3e4e46;height:26px;font:inherit;background:#fff;border:1px solid #dce4dd;border-radius:4px;padding:0 6px;font-size:9.5px}.scene-action-btn{color:#3f5249;height:28px;font:inherit;cursor:pointer;background:#f2f6f3;border:1px solid #d5ded7;border-radius:4px;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:600;transition:all .14s;display:inline-flex}.scene-action-btn:hover{color:#142820;background:#e8f2ec;border-color:#4da89c}.scene-action-btn.export-btn{color:#fff;background:#20352d;border-color:#20352d}.scene-action-btn.export-btn:hover{background:#2f4e42;border-color:#2f4e42}.scene-canvas-container{background:#fff;border:1px solid #dce4dd;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px #23342c14}.scene-interactive-banner{color:#e2ece7;background:#1c2723;border-bottom:1px solid #2f3e38;align-items:center;gap:8px;padding:7px 14px;font-size:10px;display:flex}.scene-live-dot{background:#38f4d0;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite liveDotPulse;box-shadow:0 0 8px #38f4d0}.scene-notice-text{color:#c9ded3;font-family:var(--mono);font-size:9.5px}.scene-canvas-viewport{background:#0d1412;place-items:center;min-height:480px;padding:16px;display:grid;position:relative;overflow:auto}.scene-canvas-viewport canvas{image-rendering:auto;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;max-width:100%;height:auto;display:block;box-shadow:0 8px 32px #0009}.scene-canvas-caption{color:#7b8781;background:#fff;border-top:1px solid #edf1ed;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:9px;display:flex}.scene-canvas-caption strong{color:#37473f;font-family:var(--mono);font-weight:600}.scene-kit-inspector{color:#f1f3ef;background:#1e2925;border:1px solid #364640;border-radius:8px;max-height:calc(100svh - 85px);padding:14px 16px 16px;position:sticky;top:16px;overflow-y:auto;box-shadow:0 6px 28px #121c1847}.kit-inspector-header{border-bottom:1px solid #33433d;justify-content:space-between;align-items:center;padding-bottom:9px;display:flex}.kit-inspector-title{align-items:center;gap:7px;display:flex}.kit-inspector-title h3{color:#f0784d;font-family:var(--mono);letter-spacing:.8px;margin:0;font-size:10px;font-weight:700}.kit-count-badge{color:#9eb5aa;font-family:var(--mono);background:#263630;border:1px solid #3d4f47;border-radius:10px;padding:2px 6px;font-size:8px}.kit-inspector-desc{color:#9cb1a5;margin:10px 0 14px;font-size:9.5px;line-height:1.45}.kit-role-heading{color:#8fa096;font-family:var(--mono);letter-spacing:.6px;margin:12px 0 7px;font-size:8.5px;font-weight:700}.kit-role-list{flex-direction:column;gap:6px;display:flex}.kit-role-card{background:#25342e;border:1px solid #384942;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;transition:border-color .14s;display:flex}.kit-role-card:hover{border-color:#4da58a}.kit-role-info{gap:2px;min-width:0;display:grid}.kit-role-name{color:#79caa8;font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;font-size:8px;font-weight:600}.kit-component-name{color:#ecf3ee;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.kit-edit-btn{color:#fff;font:inherit;cursor:pointer;background:#2f453c;border:1px solid #486357;border-radius:3px;padding:3px 8px;font-size:8.5px;font-weight:600;transition:all .14s}.kit-edit-btn:hover{background:#3c5a4e;border-color:#55c2a2}.kit-auto-badge{color:#7d8f85;font-family:var(--mono);background:#1e2824;border-radius:3px;padding:2px 5px;font-size:7.5px}.kit-presets-section{border-top:1px solid #33433d;margin-top:14px;padding-top:12px}.kit-presets-hint{color:#8fa096;margin:0 0 8px;font-size:9px;line-height:1.35}.kit-quick-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.kit-theme-btn{color:#cbd7d0;font:inherit;text-align:left;cursor:pointer;background:#25332e;border:1px solid #3a4b44;border-radius:4px;align-items:center;gap:6px;padding:5px 7px;font-size:9px;transition:all .14s;display:flex}.kit-theme-btn:hover{color:#fff;background:#2e3f39;border-color:#f0784d}.kit-theme-swatch{border:1px solid #fff3;border-radius:2px;flex:none;width:12px;height:12px}.kit-theme-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kit-return-btn{color:#fff;width:100%;font:inherit;cursor:pointer;background:#258f78;border:1px solid #258f78;border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:8px 10px;font-size:10.5px;font-weight:600;transition:background .16s;display:flex}.kit-return-btn:hover{background:#2fad8f}@media (width<=980px){.scene-mockup-workspace{grid-template-columns:1fr}.scene-kit-inspector{max-height:none;position:static}}.sculpt-toggle-btn{color:#3b5049;font:inherit;cursor:pointer;background:#f0f4f1;border:1px solid #d5ded7;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .16s;display:inline-flex}.sculpt-toggle-btn:hover{color:#0b221d;background:#e6f9fa;border-color:#38f4ff}.sculpt-toggle-btn.active{color:#093c35;background:#d4f8f7;border-color:#17b8c2;box-shadow:0 0 10px #17b8c252}.brush-toggle-btn{color:#0b1a16;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d2d0;border-radius:4px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;transition:all .16s;display:inline-flex}.brush-toggle-btn:hover{background:#ecfdf5;border-color:#059669}.brush-toggle-btn.active{color:#064e3b;background:#d1fae5;border-color:#10b981;box-shadow:0 0 10px #10b98159}.canvas-stage.in-sculpt{box-shadow:inset 0 0 0 1.5px #38f4ff73}.canvas-stage.in-brush{box-shadow:inset 0 0 0 1.5px #10b98180,inset 0 0 24px #10b9811f}.canvas-stage.in-sculpt .canvas-viewport-wrapper{border-color:#38f4ff;box-shadow:0 16px 50px #00000040,0 0 0 2px #38f4ffbf,0 0 25px #38f4ff33}.canvas-stage.in-brush .canvas-viewport-wrapper{border-color:#10b981;box-shadow:0 16px 50px #00000040,0 0 0 2px #10b981cc,0 0 25px #10b98133}.canvas-stage.in-sculpt canvas,.canvas-stage.in-brush canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.canvas-stage.in-brush canvas{cursor:crosshair}.brush-canvas-hud{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2f5f1;pointer-events:auto;background:#0e1a18f0;border:1px solid #10b98173;border-radius:6px;align-items:center;gap:9px;padding:6px 12px;font-size:9.5px;animation:.2s ease-out hudAppear;display:flex;position:absolute;top:10px;left:12px;right:12px;box-shadow:0 4px 18px #0a141273}.brush-hud-pill{color:#34d399;font-family:var(--mono);letter-spacing:.6px;white-space:nowrap;background:#102a24f2;border:1px solid #10b98199;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.brush-hud-divider{background:#ffffff29;width:1px;height:14px}.brush-hud-hint{text-overflow:ellipsis;white-space:nowrap;color:#b2dbd4;flex:1;min-width:0;font-size:9px;overflow:hidden}.brush-hud-controls{align-items:center;gap:8px;display:inline-flex}.brush-hud-select,.brush-hud-checkbox{color:#a0c2b9;cursor:pointer;align-items:center;gap:4px;font-size:8.5px;display:inline-flex}.brush-hud-select select{font:inherit;color:#e2f5f1;cursor:pointer;background:#162d2af2;border:1px solid #38f4ff4d;border-radius:3px;padding:2px 4px;font-size:8.5px}.brush-hud-group{color:#a0c2b9;align-items:center;gap:5px;font-size:8.5px;display:inline-flex}.brush-hud-pill-group{background:#102420e6;border:1px solid #38f4ff40;border-radius:4px;align-items:center;gap:1px;padding:1px;display:inline-flex}.brush-pill-btn{font:inherit;font-family:var(--mono);color:#a7cfc6;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px 6px;font-size:8px;transition:all .12s;display:inline-flex}.brush-pill-btn:hover:not(.active){color:#fff;background:#38f4ff1f}.brush-pill-btn.active{color:#061f18;background:#34d399;font-weight:700;box-shadow:0 0 8px #34d39980}.brush-tool-toggle{font:inherit;font-family:var(--mono);color:#ffd285;cursor:pointer;background:#261c0ed9;border:1px solid #ffb84d66;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:8.5px;transition:all .14s;display:inline-flex}.brush-tool-toggle:hover:not(.active){background:#372814f2;border-color:#ffb84d}.brush-tool-toggle.active{color:#1a1002;background:#ffb84d;border-color:#ffe082;font-weight:700;box-shadow:0 0 10px #ffb84d99}.brush-hud-actions{align-items:center;gap:6px;display:inline-flex}.brush-action-btn-generate{color:#0b1a16;font:inherit;font-family:var(--mono);cursor:pointer;background:linear-gradient(135deg,#34d399,#38f4ff);border:1px solid #38f4ff;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:9px;font-weight:700;transition:all .14s;display:inline-flex}.brush-action-btn-generate:hover:not(:disabled){background:#fff;border-color:#fff;box-shadow:0 0 12px #38f4ff99}.brush-action-btn-generate:disabled{opacity:.45;cursor:not-allowed;color:#7a9c94;background:#25443d;border-color:#35584f}.brush-action-btn-clear{color:#ffd080;font:inherit;cursor:pointer;background:#2d2212d9;border:1px solid #ffb84d66;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:8.5px;transition:all .14s;display:inline-flex}.brush-action-btn-clear:hover{background:#46341af2;border-color:#ffb84d}.brush-action-btn-close{color:#8da49c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .14s;display:inline-flex}.brush-action-btn-close:hover{color:#ff6b6b;background:#ff6b6b1f;border-color:#ff6b6b4d}.sculpt-canvas-hud{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2f5f1;pointer-events:auto;background:#101c1aeb;border:1px solid #38f4ff66;border-radius:6px;align-items:center;gap:9px;padding:6px 12px;font-size:9.5px;animation:.2s ease-out hudAppear;display:flex;position:absolute;top:10px;left:12px;right:12px;box-shadow:0 4px 18px #0a141273}.sculpt-hud-pill{color:#38f4ff;font-family:var(--mono);letter-spacing:.6px;white-space:nowrap;background:#162d2af2;border:1px solid #38f4ff80;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.sculpt-hud-divider{background:#ffffff29;width:1px;height:14px}.sculpt-hud-hint{text-overflow:ellipsis;white-space:nowrap;color:#b2dbd4;flex:1;min-width:0;font-size:9px;overflow:hidden}.sculpt-hud-actions{align-items:center;gap:6px;display:inline-flex}.sculpt-hud-action-btn{color:#0b1a16;font:inherit;font-family:var(--mono);cursor:pointer;background:#38f4ff;border:1px solid #38f4ff;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:700;transition:all .14s;display:inline-flex}.sculpt-hud-action-btn:hover{background:#fff;border-color:#fff;box-shadow:0 0 10px #38f4ff80}.sculpt-symmetry-tag{color:#ffd080;font-family:var(--mono);background:#403016cc;border:1px solid #e4a94e66;border-radius:3px;padding:2px 6px;font-size:8.5px;font-weight:600}.sculpt-entry-card{background:linear-gradient(135deg,#258f781f,#38f4ff14);border:1px solid #38f4ff47;border-radius:6px;flex-direction:column;gap:8px;margin:10px 0 14px;padding:10px 12px;display:flex}.sculpt-entry-info{flex-direction:column;gap:2px;display:flex}.sculpt-entry-title{color:#a5f3e7;letter-spacing:.3px;font-size:10px;font-weight:700}.sculpt-entry-desc{color:#8da49c;font-size:8.5px;line-height:1.35}.sculpt-entry-btns-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sculpt-entry-btn{color:#0b1a16;width:100%;font:inherit;cursor:pointer;white-space:nowrap;background:#38f4ff;border:1px solid #38f4ff;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;transition:all .16s;display:inline-flex}.sculpt-entry-btn:hover{background:#7ef8ff;box-shadow:0 0 10px #38f4ff73}.brush-entry-btn{color:#064e3b;width:100%;font:inherit;cursor:pointer;white-space:nowrap;background:#d1fae5;border:1px solid #10b981;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;transition:all .16s;display:inline-flex}.brush-entry-btn:hover{background:#a7f3d0;box-shadow:0 0 10px #10b98159}.brush-entry-btn.active{background:#fff;border-color:#34d399;box-shadow:0 0 12px #34d39973}.brush-drawing-cta-card{background:linear-gradient(135deg,#10b98124,#38f4ff14);border:1px solid #10b98159;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;padding:8px 12px;transition:border-color .16s;display:flex}.brush-drawing-cta-card.active{border-color:#34d399;box-shadow:0 0 10px #10b98140}.brush-cta-info{flex-direction:column;gap:2px;min-width:0;display:flex}.brush-cta-header{color:#a7f3d0;align-items:center;gap:6px;font-size:10px;display:flex}.brush-cta-icon{color:#34d399}.brush-cta-desc{color:#8da49c;font-size:8.5px;line-height:1.3}.brush-cta-btn{color:#0b1a16;font:inherit;cursor:pointer;white-space:nowrap;background:#34d399;border:1px solid #34d399;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:700;transition:all .16s;display:inline-flex}.brush-cta-btn:hover{background:#6ee7b7;box-shadow:0 0 10px #34d39966}.brush-cta-btn.active{background:#fff;border-color:#fff;box-shadow:0 0 12px #38f4ff80}.custom-shape-inspector{flex-direction:column;gap:12px;margin:6px 0 14px;display:flex}.custom-shape-mode-banner{flex-direction:column;gap:6px;display:flex}.shape-mode-pills{background:#1c2723;border:1px solid #35453f;border-radius:5px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.shape-mode-pill{color:#8e9e97;height:27px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:9px;font-weight:600;transition:all .14s;display:inline-flex}.shape-mode-pill:hover{color:#fff}.shape-mode-pill.active{color:#fff;background:#2b3d36;box-shadow:0 1px 3px #00000059}.shape-action-bar{grid-template-columns:1.2fr 1fr 1fr;gap:5px;margin-bottom:2px;display:grid}.shape-tool-btn{color:#b0c2ba;height:28px;font:inherit;cursor:pointer;background:#273731;border:1px solid #3d4f47;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:8.5px;font-weight:600;transition:all .15s;display:inline-flex}.shape-tool-btn:hover{color:#fff;background:#2e413a;border-color:#587166}.shape-tool-btn.active{color:#0b1a16;background:#38f4ff;border-color:#38f4ff;box-shadow:0 0 8px #38f4ff59}.shape-tool-btn.subtle{color:#869990;background:0 0}.custom-sub-heading{color:#98a49e;font-family:var(--mono);letter-spacing:.5px;justify-content:space-between;align-items:center;margin:10px 0 6px;font-size:8.5px;display:flex}.custom-sub-heading small{color:#6d7f76;font-size:8px}.btn-add-node{color:#38f4ff;font:inherit;font-family:var(--mono);cursor:pointer;background:#38f4ff1f;border:1px solid #38f4ff4d;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:8px;font-weight:600;transition:all .14s;display:inline-flex}.btn-add-node:hover{color:#0b1a16;background:#38f4ff;border-color:#38f4ff}.edge-curves-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.curve-slider-card{background:#23312c;border:1px solid #384942;border-radius:4px;flex-direction:column;gap:4px;padding:7px 8px;display:flex}.curve-card-label{color:#c4d2cb;justify-content:space-between;align-items:center;font-size:8.5px;display:flex}.curve-card-label strong{color:#38f4ff;font-family:var(--mono);font-size:8.5px}.curve-slider-card input[type=range]{appearance:none;accent-color:#38f4ff;cursor:pointer;background:#3f524a;border-radius:4px;width:100%;height:3px;margin:4px 0 2px}.curve-card-hint{color:#7a8f85;font-size:7.5px}.custom-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:8px;display:grid}.custom-preset-btn{color:#bfd0c8;height:28px;font:inherit;cursor:pointer;background:#263530;border:1px solid #3c4d46;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:9px;transition:all .14s;display:flex}.custom-preset-btn:hover{color:#fff;background:#2e423b;border-color:#38f4ff}.selected-point-editor{background:#23312c;border:1px solid #394b44;border-radius:5px;flex-direction:column;gap:8px;padding:9px;display:flex}.point-selector-tabs{flex-wrap:wrap;gap:4px;display:flex}.point-tab{color:#8c9e96;min-width:26px;height:22px;font-family:var(--mono);cursor:pointer;background:#1d2925;border:1px solid #33433d;border-radius:3px;padding:0 5px;font-size:8.5px;font-weight:600;transition:all .12s}.point-tab:hover{color:#fff;border-color:#556960}.point-tab.active{color:#0b1a16;background:#ffb84d;border-color:#ffb84d;font-weight:700;box-shadow:0 0 6px #ffb84d66}.point-type-toggle{justify-content:space-between;align-items:center;gap:6px;display:flex}.point-type-toggle .control-label{color:#a4b4ad;font-size:9px}.type-buttons{gap:4px;display:flex}.type-btn{color:#92a49c;height:24px;font:inherit;cursor:pointer;background:#2a3a34;border:1px solid #3e5048;border-radius:3px;align-items:center;gap:4px;padding:0 7px;font-size:8.5px;transition:all .14s;display:inline-flex}.type-btn:hover{color:#fff}.type-btn.active{color:#0c1a16;background:#55c2a2;border-color:#55c2a2;font-weight:600}.point-coord-sliders{flex-direction:column;gap:6px;padding:6px 0;display:flex}.coord-row{color:#b2c2bb;grid-template-columns:64px 1fr 34px;align-items:center;gap:6px;font-size:8.5px;display:grid}.coord-row strong{color:#fff;font-family:var(--mono);text-align:right;font-size:8.5px}.coord-row input[type=range]{appearance:none;accent-color:#ffb84d;cursor:pointer;background:#3a4c44;border-radius:3px;width:100%;height:3px;margin:0}.point-footer-actions{border-top:1px solid #304039;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.point-info-badge{color:#7b8e84;font-family:var(--mono);font-size:7.5px}.point-delete-btn{color:#e59078;font:inherit;cursor:pointer;background:#e590781f;border:1px solid #e590784d;border-radius:3px;align-items:center;gap:4px;padding:3px 7px;font-size:8px;transition:all .14s;display:inline-flex}.point-delete-btn:hover:not(:disabled){color:#fff;background:#c84e32;border-color:#c84e32}.point-delete-btn:disabled{opacity:.35;cursor:default}.convert-to-custom-callout{background:#23312c;border:1px dashed #3e5048;border-radius:5px;flex-direction:column;gap:8px;padding:11px;display:flex}.convert-to-custom-callout p{color:#9ab0a6;margin:0;font-size:9px;line-height:1.4}.btn-convert-shape{color:#0b1a16;font:inherit;cursor:pointer;background:#38f4ff;border:1px solid #38f4ff;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:9.5px;font-weight:700;transition:all .16s;display:inline-flex}.btn-convert-shape:hover{background:#76f7ff;box-shadow:0 0 10px #38f4ff73}.theme-toggle-btn{color:#55665f;height:34px;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#edf2ee;border:1px solid #d5ded7;border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.theme-toggle-btn:hover{color:#1a2a24;background:#e2ede6;border-color:#b5c7bd}.theme-toggle-icon{color:#d97706;place-items:center;transition:transform .25s;display:grid}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(20deg)scale(1.1)}.theme-toggle-label{letter-spacing:.2px;font-size:11px}.app-shell[data-theme=dark]{--bg-app:#111a17;--paper:#16221e;--ink:#e5eee8;--quiet:#8ea297;--line:#283731}.app-shell[data-theme=dark] .topbar{background:#15201c;border-bottom:1px solid #273731}.app-shell[data-theme=dark] .breadcrumb{color:#8da197}.app-shell[data-theme=dark] .breadcrumb strong{color:#edf5f1}.app-shell[data-theme=dark] .breadcrumb-slash{color:#40524a}.app-shell[data-theme=dark] .draft-badge{color:#f7a983;background:#2b1f19;border-color:#4d3326}.app-shell[data-theme=dark] .view-mode-tabs{background:#1b2622;border-color:#2e3e37}.app-shell[data-theme=dark] .view-tab-btn{color:#8ea297}.app-shell[data-theme=dark] .view-tab-btn:hover{color:#fff;background:#ffffff14}.app-shell[data-theme=dark] .view-tab-btn.active{color:#e2fdf5;background:#283932;box-shadow:0 1px 4px #00000059}.app-shell[data-theme=dark] .theme-toggle-btn{color:#fbbf24;background:#1e2d27;border-color:#33473f}.app-shell[data-theme=dark] .theme-toggle-btn:hover{color:#fef08a;background:#273932;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b40}.app-shell[data-theme=dark] .theme-toggle-btn .theme-toggle-icon{color:#fbbf24}.app-shell[data-theme=dark] .reset-button{color:#8ea197;border-color:#2e3e37}.app-shell[data-theme=dark] .reset-button:hover{color:#fff;background:#23322c;border-color:#465b52}.app-shell[data-theme=dark] .export-button{color:#0b1a16;background:#34d399;border-color:#34d399;font-weight:700}.app-shell[data-theme=dark] .export-button:hover:not(:disabled){background:#6ee7b7;border-color:#6ee7b7;box-shadow:0 0 12px #34d39966}.app-shell[data-theme=dark] .canvas-heading h1{color:#f2f7f4}.app-shell[data-theme=dark] .eyebrow{color:#8da196}.app-shell[data-theme=dark] .canvas-meta{color:#8da096}.app-shell[data-theme=dark] .meta-divider{background:#33443d}.app-shell[data-theme=dark] .preview-board{background:#17231f;border-color:#2b3b34;box-shadow:0 6px 28px #0006}.app-shell[data-theme=dark] .preview-board.is-fullscreen{background:#111a16;box-shadow:0 0 120px #000000f2}.app-shell[data-theme=dark] .preview-board.is-fullscreen .board-toolbar{background:#15221d;border-bottom-color:#273830;box-shadow:0 2px 10px #0000004d}.app-shell[data-theme=dark] .board-toolbar{border-bottom:1px solid #27362f}.app-shell[data-theme=dark] .canvas-size-selector{background:#1a2722;border-color:#2d3e36}.app-shell[data-theme=dark] .canvas-size-label{color:#82958b}.app-shell[data-theme=dark] .canvas-size-btn{color:#9cb1a5}.app-shell[data-theme=dark] .canvas-size-btn:hover{color:#fff;background:#273831}.app-shell[data-theme=dark] .canvas-size-btn.active{color:#34d399;background:#2b3e36;box-shadow:0 1px 4px #0006}.app-shell[data-theme=dark] .hand-tool-btn{color:#9cb1a5;background:#1b2823;border-color:#2d3f37}.app-shell[data-theme=dark] .hand-tool-btn:hover{color:#fff;background:#263830;border-color:#3a5247}.app-shell[data-theme=dark] .hand-tool-btn.active{color:#38f4ff;background:#14352a;border-color:#38f4ff;box-shadow:0 0 0 1.5px #38f4ff40}.app-shell[data-theme=dark] .reset-view-btn{color:#9cb1a5;background:#1b2823;border-color:#2d3f37}.app-shell[data-theme=dark] .reset-view-btn:hover{color:#fff;background:#263830}.app-shell[data-theme=dark] .reset-view-btn.has-offsets{color:#38bdf8;background:#0f2d3d;border-color:#0284c7}.app-shell[data-theme=dark] .fit-view-btn{color:#9cb1a5;background:#1b2823;border-color:#2d3f37}.app-shell[data-theme=dark] .fit-view-btn:hover{color:#fff;background:#263830;border-color:#3a5247}.app-shell[data-theme=dark] .fullscreen-toggle-btn{color:#c9dbd1;background:#1b2823;border-color:#2d3f37}.app-shell[data-theme=dark] .fullscreen-toggle-btn:hover{color:#fff;background:#263830;border-color:#3a5247}.app-shell[data-theme=dark] .fullscreen-toggle-btn.active{color:#38f4ff;background:#0b1814;border-color:#38f4ff;box-shadow:0 0 12px #38f4ff66}.app-shell[data-theme=dark] .board-label{color:#92a49b}.app-shell[data-theme=dark] .playground-toggle-btn{color:#a4b8ad;background:#1e2d27;border-color:#33473f}.app-shell[data-theme=dark] .playground-toggle-btn:hover{color:#fff;background:#263831;border-color:#38bba2}.app-shell[data-theme=dark] .playground-toggle-btn.active{color:#17e2b0;background:#12382c;border-color:#2fb996;box-shadow:0 0 10px #2fb99659}.app-shell[data-theme=dark] .playground-sound-btn{color:#9db1a6;background:#1e2d27;border-color:#33473f}.app-shell[data-theme=dark] .playground-sound-btn:hover{color:#fff;background:#263831;border-color:#4da89c}.app-shell[data-theme=dark] .playground-sound-btn.active{color:#34d399;background:#16362b;border-color:#34d399}.app-shell[data-theme=dark] .guide-toggle{color:#8da196}.app-shell[data-theme=dark] .guide-toggle.active{color:#34d399;background:#17382d}.app-shell[data-theme=dark] .background-control,.app-shell[data-theme=dark] .pixel-perfect-control,.app-shell[data-theme=dark] .zoom-control{color:#8fa398}.app-shell[data-theme=dark] .background-control select{color:#e2ece7;background:#1d2b25;border-color:#364840}.app-shell[data-theme=dark] .zoom-control output{color:#8da196}.app-shell[data-theme=dark] .canvas-stage{background-color:#121c18;background-image:radial-gradient(#273830 .8px,#0000 .8px)}.app-shell[data-theme=dark] .canvas-viewport-wrapper{background:#121c1873;border-color:#55c2a259;box-shadow:0 16px 50px #0009,0 0 0 1px #55c2a240}.app-shell[data-theme=dark] .canvas-stage.in-playground{box-shadow:inset 0 0 0 1px #34d39966}.app-shell[data-theme=dark] .canvas-coordinate{color:#9cb1a6;background:#1b2723dd;border-color:#31433b}.app-shell[data-theme=dark] .preview-caption{color:#869a8f;border-top-color:#27362f}.app-shell[data-theme=dark] .preview-caption strong{color:#d8e5df}.app-shell[data-theme=dark] .caption-separator{background:#2b3b33}.app-shell[data-theme=dark] .states-header h2{color:#edf4f0}.app-shell[data-theme=dark] .states-hint{color:#85988e}.app-shell[data-theme=dark] .state-card{color:#d9e6e0;background:#182420;border-color:#2a3a33}.app-shell[data-theme=dark] .state-card:hover{background:#1e2c26;border-color:#4da58a;transform:translateY(-1px)}.app-shell[data-theme=dark] .state-card.active{background:#1c2e27;border-color:#34d399;box-shadow:inset 0 0 0 1px #34d39940,0 0 12px #34d39926}.app-shell[data-theme=dark] .state-info strong{color:#f0f6f2}.app-shell[data-theme=dark] .state-info>span{color:#8ea197}.app-shell[data-theme=dark] .export-error{color:#ffb4a2;background:#361f1a;border-color:#5c352d}.app-shell[data-theme=dark] .scale-preview{background:#182420;border-color:#2a3a33}.app-shell[data-theme=dark] .scale-preview-heading{border-bottom:1px solid #26362f}.app-shell[data-theme=dark] .scale-preview-heading strong{color:#edf4f0}.app-shell[data-theme=dark] .scale-preview-heading span{color:#83978d}.app-shell[data-theme=dark] .scale-preview-canvas{background-color:#121c18;background-image:radial-gradient(#273830 .7px,#0000 .7px)}.app-shell[data-theme=dark] .scale-preview-canvas+.scale-preview-canvas{border-left:1px solid #27362f}.app-shell[data-theme=dark] .scale-preview-canvas>span{color:#7b8e84}.app-shell[data-theme=dark] .scale-diagnostic-warning{color:#ffd599;background:#332617;border-top:1px solid #553e24}.app-shell[data-theme=dark] .scale-preview-invalid{color:#ff9f87;background:#381e18}.app-shell[data-theme=dark] .workspace-footer{color:#81958b;border-top-color:#24352e}.app-shell[data-theme=dark] .workspace-footer>span:first-child{color:#a8bcae}.app-shell[data-theme=dark] .workspace-footer>span:nth-child(2){border-left:1px solid #283932}.app-shell[data-theme=dark] .workspace-footer button{color:#a8bcae;border-color:#31433b}.app-shell[data-theme=dark] .workspace-footer button:hover:not(:disabled){color:#34d399;background:#1b2c25;border-color:#34d399}.app-shell[data-theme=dark] .export-dialog{color:#dbe6e0;background:#182420;border-color:#34473f;box-shadow:0 24px 90px #000000bf}.app-shell[data-theme=dark] .export-dialog-header h2{color:#f0f6f2}.app-shell[data-theme=dark] .export-field{color:#a4b7ad}.app-shell[data-theme=dark] .export-field input,.app-shell[data-theme=dark] .export-field select{color:#edf5f0;background:#121c18;border-color:#34483f}.app-shell[data-theme=dark] .export-field input:focus,.app-shell[data-theme=dark] .export-field select:focus{border-color:#34d399;outline:1px solid #34d39966}.app-shell[data-theme=dark] .export-segment{background:#121c18;border-color:#2f4139}.app-shell[data-theme=dark] .export-segment button{color:#889b91}.app-shell[data-theme=dark] .export-segment button[aria-pressed=true]{color:#fff;background:#263831;box-shadow:0 1px 4px #0006}.app-shell[data-theme=dark] .export-all-toggle{color:#a4b7ad}.app-shell[data-theme=dark] .export-summary{background:#131c19;border-color:#2a3a33}.app-shell[data-theme=dark] .export-summary>span{color:#788c82}.app-shell[data-theme=dark] .export-summary strong{color:#dbe6e0}.app-shell[data-theme=dark] .export-summary code{color:#8da498}.app-shell[data-theme=dark] .export-blocker{color:#ff9f87;background:#381e18;border-color:#592e24}.app-shell[data-theme=dark] .cancel-button{color:#a4b7ad;border-color:#34483f}.app-shell[data-theme=dark] .cancel-button:hover{color:#fff;background:#22322b;border-color:#4a6156}.app-shell[data-theme=dark] .scene-toolbar{background:#172420;border-color:#2b3b34;box-shadow:0 4px 18px #00000059}.app-shell[data-theme=dark] .scene-toolbar-label{color:#8fa398}.app-shell[data-theme=dark] .scene-tab-button{color:#a2b6ad;background:#1e2d27;border-color:#33473f}.app-shell[data-theme=dark] .scene-tab-button:hover{color:#fff;background:#263831;border-color:#38bba2}.app-shell[data-theme=dark] .scene-tab-button.active{color:#17e2b0;background:#12382c;border-color:#2fb996}.app-shell[data-theme=dark] .scene-category-tag{color:#7b8e85;background:#ffffff0f}.app-shell[data-theme=dark] .scene-tab-button.active .scene-category-tag{color:#34d399;background:#34d39926}.app-shell[data-theme=dark] .scene-bg-picker{color:#8fa398}.app-shell[data-theme=dark] .scene-bg-picker select{color:#e5eee8;background:#1e2c26;border-color:#364941}.app-shell[data-theme=dark] .scene-action-btn{color:#a2b6ad;background:#1e2d27;border-color:#33473f}.app-shell[data-theme=dark] .scene-action-btn:hover{color:#fff;background:#263831;border-color:#4da89c}.app-shell[data-theme=dark] .scene-action-btn.export-btn{color:#0b1a16;background:#34d399;border-color:#34d399}.app-shell[data-theme=dark] .scene-action-btn.export-btn:hover{background:#6ee7b7;border-color:#6ee7b7;box-shadow:0 0 10px #34d39966}.app-shell[data-theme=dark] .scene-canvas-container{background:#172420;border-color:#2b3b34}.workspace-module-card{background:#25332e;border:1px solid #3a4b44;border-radius:7px;flex-shrink:0;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.workspace-module-card.is-drag-target{border-color:#55c2a2;transform:translateY(-2px);box-shadow:0 0 0 2px #55c2a260,0 4px 14px #55c2a233}.workspace-module-card.is-card-collapsed .workspace-module-header{border-bottom:none}.workspace-module-header{cursor:grab;-webkit-user-select:none;user-select:none;background:#1e2b26;border-bottom:1px solid #33443d;align-items:center;gap:8px;padding:8px 10px;transition:background-color .15s;display:flex}.workspace-module-header:hover{background:#22322c}.workspace-module-header:active{cursor:grabbing}.module-drag-handle{color:#6d8077;cursor:grab;align-items:center;transition:color .15s;display:flex}.workspace-module-header:hover .module-drag-handle{color:#55c2a2}.module-header-icon{color:#72dbb6;background:#2b3b35;border-radius:4px;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.module-header-info{flex-direction:column;flex:1;min-width:0;display:flex}.module-header-title{color:#f1f5f3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.module-header-desc{color:#8fa199;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-family:var(--mono);overflow:hidden}.module-collapse-toggle{color:#8da097;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.module-collapse-toggle:hover{color:#fff;background:#2d3e37}.workspace-module-body{padding:10px 11px}.workspace-rail-bar{box-sizing:border-box;background:#1a2521;flex-direction:column;align-items:center;width:52px;height:100%;padding:8px 0;display:flex;position:relative;overflow:visible}.rail-header{border-bottom:1px solid #2e3e37;justify-content:center;width:100%;margin-bottom:8px;padding-bottom:8px;display:flex}.rail-expand-btn{color:#88dfbe;cursor:pointer;background:#24342d;border:1px solid #3a4c44;border-radius:7px;place-items:center;width:36px;height:36px;transition:all .16s;display:grid}.rail-expand-btn:hover{color:#fff;background:#2e443b;border-color:#55c2a2;box-shadow:0 0 10px #55c2a259}.rail-icons-list{flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;display:flex;overflow:visible}.rail-item-wrap{cursor:grab;justify-content:center;width:100%;display:flex;position:relative}.rail-item-wrap:active{cursor:grabbing}.rail-item-btn{color:#9cb1a7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:38px;height:38px;transition:all .16s;display:grid}.rail-item-wrap:hover .rail-item-btn{color:#5cebbd;background:#273932;border-color:#435b51;transform:scale(1.05);box-shadow:0 2px 8px #00000040}.rail-hover-tooltip{z-index:9999;pointer-events:none;opacity:0;visibility:hidden;background:#141e1b;border:1px solid #3c544a;border-radius:7px;width:220px;padding:9px 12px;transition:opacity .16s,visibility .16s,transform .16s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #0000008c,0 0 0 1px #55c2a240}.tooltip-right{left:calc(100% + 8px);transform:translateY(-50%)translate(-4px)}.tooltip-left{right:calc(100% + 8px);transform:translateY(-50%)translate(4px)}.rail-item-wrap:hover .rail-hover-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.rail-tooltip-title{color:#6ae5be;margin-bottom:3px;font-size:11.5px;font-weight:700}.rail-tooltip-desc{color:#d1ded8;margin-bottom:4px;font-size:10px;line-height:1.35}.rail-tooltip-hint{color:#7b9187;font-size:8px;font-family:var(--mono);border-top:1px solid #23332c;padding-top:4px}.workspace-top-dock{background:#1e2b26;border:1px solid #354940;border-radius:7px;flex:none;margin-bottom:4px;transition:all .2s;overflow:visible}.top-dock-bar{background:#18231f;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;height:36px;padding:0 10px;display:flex}.top-dock-label{color:#7d968b;font-size:9.5px;font-weight:700;font-family:var(--mono);letter-spacing:.6px;flex:none;align-items:center;gap:6px;display:flex}.top-dock-dot{background:#55c2a2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #55c2a280}.top-dock-chips{scrollbar-width:none;flex:1;align-items:center;gap:6px;display:flex;overflow-x:auto}.top-dock-chips::-webkit-scrollbar{display:none}.top-dock-chip-wrap{cursor:grab;position:relative}.top-dock-chip-wrap:active{cursor:grabbing}.top-dock-chip{color:#9cb1a7;cursor:pointer;white-space:nowrap;background:#25362f;border:1px solid #374b42;border-radius:5px;align-items:center;gap:6px;height:26px;padding:0 9px;font-size:10.5px;font-weight:600;transition:all .15s;display:flex}.top-dock-chip:hover{color:#fff;background:#2c4239;border-color:#55c2a2}.top-dock-chip.active{color:#4ddaa9;background:#1a4235;border-color:#4ddaa9;box-shadow:0 0 10px #4ddaa940}.chip-drag-hint{color:#647b70;cursor:grab;align-items:center;display:flex}.top-dock-chip:hover .chip-drag-hint{color:#55c2a2}.chip-icon{align-items:center;display:flex}.top-dock-tooltip{z-index:9999;pointer-events:none;opacity:0;visibility:hidden;background:#141e1b;border:1px solid #3c544a;border-radius:6px;width:200px;padding:8px 10px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 6px 20px #0000008c}.top-dock-chip-wrap:hover .top-dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dock-tooltip-title{color:#6ae5be;margin-bottom:2px;font-size:11px;font-weight:700}.dock-tooltip-desc{color:#d1ded8;margin-bottom:3px;font-size:9.5px;line-height:1.3}.dock-tooltip-hint{color:#7b9187;font-size:7.5px;font-family:var(--mono)}.top-dock-actions{flex:none}.top-dock-toggle-btn{color:#a4b8af;cursor:pointer;background:#25362f;border:1px solid #374b42;border-radius:4px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.top-dock-toggle-btn:hover{color:#fff;background:#2e443b;border-color:#55c2a2}.top-dock-body{scrollbar-width:thin;scrollbar-color:#3b4b45 transparent;background:#1b2622;border-top:1px solid #2e3e37;border-radius:0 0 6px 6px;max-height:230px;padding:10px 14px;overflow:hidden auto}.custom-canvas-dialog{width:min(100%,460px)}.custom-canvas-desc{color:#63736a;margin:0 0 16px;font-size:11px;line-height:1.45}.custom-canvas-fields-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.custom-canvas-fields-row .export-field{flex:1;margin:0}.custom-canvas-fields-cross{color:#8da094;-webkit-user-select:none;user-select:none;margin-top:16px;font-size:18px;font-weight:700}.custom-canvas-quick-presets{background:#f1f5f2;border:1px solid #dce4dd;border-radius:6px;flex-direction:column;gap:6px;margin-bottom:20px;padding:10px 12px;display:flex}.custom-canvas-quick-title{color:#55665d;font-size:9.5px;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px}.custom-canvas-chips{flex-wrap:wrap;gap:6px;display:flex}.custom-canvas-chips button{font-size:10px;font-weight:600;font-family:var(--mono);color:#2b4034;cursor:pointer;background:#fff;border:1px solid #d5ded7;border-radius:4px;padding:4px 8px;transition:all .15s}.custom-canvas-chips button:hover{color:#0b5943;background:#e2ede5;border-color:#40ba99}.app-shell[data-theme=dark] .custom-canvas-desc{color:#9cb1a5}.app-shell[data-theme=dark] .custom-canvas-fields-cross{color:#63776d}.app-shell[data-theme=dark] .custom-canvas-quick-presets{background:#17241e;border-color:#283a31}.app-shell[data-theme=dark] .custom-canvas-quick-title{color:#8da295}.app-shell[data-theme=dark] .custom-canvas-chips button{color:#c0d4c8;background:#213129;border-color:#31473c}.app-shell[data-theme=dark] .custom-canvas-chips button:hover{color:#38f4ff;background:#2c4238;border-color:#38f4ff}.quick-archetypes-bar{-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #e2e7e2f2;border-radius:10px;flex-direction:column;flex:none;gap:6px;margin-bottom:4px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #0000000a}.archetypes-bar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.archetypes-bar-title{font-family:var(--display,"Space Grotesk", sans-serif);letter-spacing:.8px;color:var(--ink,#1f2937);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.archetypes-icon-sparkle{color:#f59e0b;animation:2.2s ease-in-out infinite sparkle-pulse}@keyframes sparkle-pulse{0%,to{opacity:.85;transform:scale(1)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 4px #fbbf24);transform:scale(1.2)rotate(12deg)}}.archetypes-badge-1click{color:#0369a1;letter-spacing:.4px;text-transform:uppercase;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.archetypes-bar-hint{color:var(--quiet,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.archetypes-scroll-container{scrollbar-width:thin;align-items:center;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.archetypes-scroll-container::-webkit-scrollbar{height:4px}.archetypes-scroll-container::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.archetype-chip-wrapper{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.archetype-chip-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.archetype-chip-wrapper:hover .archetype-chip-btn{color:#0f172a;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.archetype-swatch-dot{border:1.5px solid #0000;border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:inset 0 0 2px #0000004d}.archetype-emoji{font-size:13px;line-height:1}.archetype-name{font-family:var(--display,"Space Grotesk", sans-serif);letter-spacing:.2px}.archetype-check-icon{color:#10b981;animation:.3s cubic-bezier(.175,.885,.32,1.275) check-pop}@keyframes check-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.archetype-chip-btn.just-applied{color:#065f46!important;background:#ecfdf5!important;border-color:#10b981!important;box-shadow:0 0 0 2px #10b98140!important}.archetype-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.archetype-chip-menu-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;height:28px;margin-left:-4px;padding:5px 4px;transition:all .15s;display:inline-flex}.archetype-chip-wrapper:has(.archetype-chip-menu-btn) .archetype-chip-btn{border-top-right-radius:0;border-bottom-right-radius:0}.archetype-chip-menu-btn:hover,.archetype-chip-menu-btn.open{color:#0f172a;background:#f1f5f9}.archetype-popover-menu{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:220px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.archetype-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:11px;font-weight:600;transition:all .12s;display:flex}.archetype-menu-item:hover{color:#166534;background:#f0fdf4}.app-shell[data-theme=dark] .quick-archetypes-bar{background:#16211cd9;border-color:#2b3e34;box-shadow:0 4px 14px #00000059}.app-shell[data-theme=dark] .archetypes-bar-title{color:#f1f5f9}.app-shell[data-theme=dark] .archetypes-badge-1click{color:#38bdf8;background:#0ea5e933;border-color:#38bdf866}.app-shell[data-theme=dark] .archetypes-bar-hint{color:#94a3b8}.app-shell[data-theme=dark] .archetype-chip-btn{color:#cbd5e1;background:#1b2823;border-color:#2e4337;box-shadow:0 2px 5px #0003}.app-shell[data-theme=dark] .archetype-chip-wrapper:hover .archetype-chip-btn{color:#f8fafc;background:#253930;border-color:#4ade80;box-shadow:0 4px 12px #0006,0 0 8px #4ade8033}.app-shell[data-theme=dark] .archetype-chip-btn.just-applied{color:#a7f3d0!important;background:#064e3b!important;border-color:#34d399!important}.app-shell[data-theme=dark] .archetype-chip-menu-btn{color:#94a3b8;background:#1b2823;border-color:#2e4337}.app-shell[data-theme=dark] .archetype-chip-menu-btn:hover,.app-shell[data-theme=dark] .archetype-chip-menu-btn.open{color:#f8fafc;background:#253930}.app-shell[data-theme=dark] .archetype-popover-menu{background:#1e2d27;border-color:#364e40;box-shadow:0 10px 25px #00000080}.app-shell[data-theme=dark] .archetype-menu-item{color:#e2e8f0}.app-shell[data-theme=dark] .archetype-menu-item:hover{color:#4ade80;background:#2b4237}.style-quick-archetypes-box .quick-archetypes-bar{border:1px solid var(--line,#e2e8f0);box-shadow:none;background:0 0;margin-bottom:0;padding:6px 8px}.style-quick-archetypes-box .archetypes-bar-hint{display:none}