@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:100;src:url(./geist-sans-latin-100-normal.CdXtokqn.woff2) format("woff2"),url(./geist-sans-latin-100-normal.CafeGBe6.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:200;src:url(./geist-sans-latin-200-normal.C4oXjfQB.woff2) format("woff2"),url(./geist-sans-latin-200-normal.CEPp-wnL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./geist-sans-latin-300-normal.C3kkMBb6.woff2) format("woff2"),url(./geist-sans-latin-300-normal.plFOEHCX.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-sans-latin-400-normal.gapTbOY8.woff2) format("woff2"),url(./geist-sans-latin-400-normal.BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./geist-sans-latin-500-normal.uokXdC-Q.woff2) format("woff2"),url(./geist-sans-latin-500-normal.CN2lyvyL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-sans-latin-600-normal.DFOURf8L.woff2) format("woff2"),url(./geist-sans-latin-600-normal.CA1yjETN.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-sans-latin-700-normal.BmN9tIp5.woff2) format("woff2"),url(./geist-sans-latin-700-normal.CjScfYeH.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-sans-latin-800-normal.EH2RlpXL.woff2) format("woff2"),url(./geist-sans-latin-800-normal.XNjooQKs.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:900;src:url(./geist-sans-latin-900-normal.yM37RqPD.woff2) format("woff2"),url(./geist-sans-latin-900-normal.Bo3O536z.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100;src:url(./geist-mono-latin-100-normal.pdI6W8EE.woff2) format("woff2"),url(./geist-mono-latin-100-normal.D3Rid1kg.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:200;src:url(./geist-mono-latin-200-normal.DrTlUhvP.woff2) format("woff2"),url(./geist-mono-latin-200-normal.D9Q7ibyz.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:300;src:url(./geist-mono-latin-300-normal.DofeytYw.woff2) format("woff2"),url(./geist-mono-latin-300-normal.63tOSYu7.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-mono-latin-400-normal.LC9RFr9I.woff2) format("woff2"),url(./geist-mono-latin-400-normal.CoULgQGM.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./geist-mono-latin-500-normal.D3o2eNa9.woff2) format("woff2"),url(./geist-mono-latin-500-normal.DOxI7kZ4.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-mono-latin-600-normal.DQQBcVN0.woff2) format("woff2"),url(./geist-mono-latin-600-normal.DsVeri3b.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-mono-latin-700-normal.D6izGJRP.woff2) format("woff2"),url(./geist-mono-latin-700-normal.QGw08Lff.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-mono-latin-800-normal.yoa1kcZw.woff2) format("woff2"),url(./geist-mono-latin-800-normal.DvMqam8Z.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:900;src:url(./geist-mono-latin-900-normal.Cu5MFKsu.woff2) format("woff2"),url(./geist-mono-latin-900-normal.CmoKXrdK.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:100;src:url(./geist-sans-latin-100-normal.CdXtokqn.woff2) format("woff2"),url(./geist-sans-latin-100-normal.CafeGBe6.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:200;src:url(./geist-sans-latin-200-normal.C4oXjfQB.woff2) format("woff2"),url(./geist-sans-latin-200-normal.CEPp-wnL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./geist-sans-latin-300-normal.C3kkMBb6.woff2) format("woff2"),url(./geist-sans-latin-300-normal.plFOEHCX.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-sans-latin-400-normal.gapTbOY8.woff2) format("woff2"),url(./geist-sans-latin-400-normal.BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./geist-sans-latin-500-normal.uokXdC-Q.woff2) format("woff2"),url(./geist-sans-latin-500-normal.CN2lyvyL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-sans-latin-600-normal.DFOURf8L.woff2) format("woff2"),url(./geist-sans-latin-600-normal.CA1yjETN.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-sans-latin-700-normal.BmN9tIp5.woff2) format("woff2"),url(./geist-sans-latin-700-normal.CjScfYeH.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-sans-latin-800-normal.EH2RlpXL.woff2) format("woff2"),url(./geist-sans-latin-800-normal.XNjooQKs.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:900;src:url(./geist-sans-latin-900-normal.yM37RqPD.woff2) format("woff2"),url(./geist-sans-latin-900-normal.Bo3O536z.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100;src:url(./geist-mono-latin-100-normal.pdI6W8EE.woff2) format("woff2"),url(./geist-mono-latin-100-normal.D3Rid1kg.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:200;src:url(./geist-mono-latin-200-normal.DrTlUhvP.woff2) format("woff2"),url(./geist-mono-latin-200-normal.D9Q7ibyz.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:300;src:url(./geist-mono-latin-300-normal.DofeytYw.woff2) format("woff2"),url(./geist-mono-latin-300-normal.63tOSYu7.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-mono-latin-400-normal.LC9RFr9I.woff2) format("woff2"),url(./geist-mono-latin-400-normal.CoULgQGM.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./geist-mono-latin-500-normal.D3o2eNa9.woff2) format("woff2"),url(./geist-mono-latin-500-normal.DOxI7kZ4.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-mono-latin-600-normal.DQQBcVN0.woff2) format("woff2"),url(./geist-mono-latin-600-normal.DsVeri3b.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-mono-latin-700-normal.D6izGJRP.woff2) format("woff2"),url(./geist-mono-latin-700-normal.QGw08Lff.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-mono-latin-800-normal.yoa1kcZw.woff2) format("woff2"),url(./geist-mono-latin-800-normal.DvMqam8Z.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:900;src:url(./geist-mono-latin-900-normal.Cu5MFKsu.woff2) format("woff2"),url(./geist-mono-latin-900-normal.CmoKXrdK.woff) format("woff")}:root{--bg0: #070708;--bg1: #0e0f11;--panel0: rgba(18, 18, 20, .82);--panel1: rgba(22, 23, 26, .9);--stroke0: rgba(255, 255, 255, .08);--stroke1: rgba(255, 255, 255, .14);--text0: rgba(255, 255, 255, .92);--text1: rgba(255, 255, 255, .7);--text2: rgba(255, 255, 255, .5);--accent: #f97316;--accent-soft: rgba(249, 115, 22, .16);--accent-stroke: rgba(249, 115, 22, .45);--radius-md: 3px;--radius-sm: 2px;--shadow-panel: 0 12px 30px rgba(0, 0, 0, .38);--font-ui: "Geist Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--left-w: 380px;--right-w: 430px}body{margin:0;padding:0;font-family:var(--font-ui);background:radial-gradient(1200px 720px at 18% 8%,rgba(249,115,22,.1),transparent 60%),radial-gradient(980px 620px at 86% 22%,rgba(255,255,255,.06),transparent 58%),radial-gradient(860px 560px at 50% 92%,rgba(249,115,22,.06),transparent 62%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text0);overflow:hidden}button,input,select,textarea{font-family:var(--font-ui)}*{box-sizing:border-box}.mono{font-family:var(--font-mono);font-size:.8rem;color:#cbd5e1}.app{display:flex;height:100vh;width:100vw}.editor-shell{height:100vh;width:100vw;display:flex;flex-direction:column}.desktop-grid{flex:1;display:grid;grid-template-columns:var(--left-w) 10px 1fr 10px var(--right-w);min-height:0;height:100%}.desktop-grid>*{min-height:0}.panel-left,.panel-right{min-height:0;height:100%;overflow:hidden}.panel-center{min-height:0;position:relative;display:flex}.panel-handle{cursor:col-resize;position:relative}.panel-handle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff05,#ffffff0f);opacity:.55}.panel-handle:hover:before{opacity:.95}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid var(--stroke0);background:#0a0a0cc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-left{justify-content:flex-start;flex:0 0 auto}.topbar-right{justify-content:flex-end;flex:1 1 auto;min-width:0}.topbar-actions{display:flex;align-items:center;gap:.5rem}.topbar-btn{height:36px;width:40px;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#1414168c;color:var(--text0);cursor:pointer;display:grid;place-items:center}.topbar-btn-primary{border-color:var(--accent-stroke);background:var(--accent-soft)}.topbar-btn-primary:hover:not(:disabled){background:#fff;border-color:#ffffff8c;color:#111}.topbar-btn:disabled{opacity:.55;cursor:not-allowed}.topbar-btn:hover:not(:disabled){border-color:var(--stroke1);background:#ffffff0f}.topbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:0}.topbar-brand{display:flex;align-items:center;gap:.6rem;min-width:0}.brand-mark{width:1.15em;height:1.15em;flex:0 0 auto}.topbar-title{font-weight:720;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-search{position:relative;max-width:560px;width:min(52vw,560px);min-width:220px}.topbar-search input{width:100%;height:36px;padding:0 .85rem 0 2.2rem;border-radius:var(--radius-md);border:1px solid var(--stroke0);background:#14141666;color:var(--text0);outline:none}.topbar-search input:focus-visible{border-color:var(--accent-stroke);box-shadow:0 0 0 3px #f9731629}.topbar-search input::placeholder{color:var(--text2)}.mobile-brand{display:flex;align-items:center;gap:.6rem;min-width:0}.mobile-title{font-weight:650;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-actions{display:flex;gap:.5rem}.mobile-btn{height:36px;width:40px;border-radius:8px;border:1px solid var(--stroke0);background:#1414168c;color:var(--text0);cursor:pointer;display:grid;place-items:center}.mobile-btn:disabled{opacity:.55;cursor:not-allowed}.mobile-btn-primary{border-color:var(--accent-stroke);background:var(--accent-soft)}.mobile-btn-primary:hover:not(:disabled){background:#fff;border-color:#ffffff8c;color:#111}.mobile-drawer{display:none;position:fixed;left:0;right:0;bottom:0;height:min(78vh,640px);transform:translateY(102%);transition:transform .22s cubic-bezier(.2,.9,.25,1);background:#0c0c0edb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--stroke0)}.mobile-drawer.open{transform:translateY(0)}.mobile-drawer-tabs{display:flex;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid var(--stroke0)}.mobile-tab{flex:1;height:38px;border-radius:var(--radius-md);border:1px solid var(--stroke0);background:#14141659;color:var(--text1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:650}.mobile-tab.active{color:var(--text0);border-color:#ffffff2e;background:#ffffff0f}.mobile-drawer-body{height:calc(100% - 56px);overflow:hidden}@media (max-width: 980px){.topbar-left,.topbar-right{min-width:0}.topbar-search{width:min(54vw,420px);min-width:140px}.topbar-title{max-width:140px}[data-mobile-only]{display:grid}.desktop-grid{grid-template-columns:1fr}.panel-left,.panel-right,.panel-handle{display:none}.mobile-drawer{display:block}}@media (min-width: 981px){[data-mobile-only]{display:none}}.control-section{background:#1212149e;border-radius:var(--radius-sm);border:1px solid var(--stroke0);box-shadow:0 10px 24px #0000002e;overflow:hidden}.error-box{background:#dc26261f;border:1px solid rgba(220,38,38,.35);color:#fecaca;padding:.6rem .75rem;border-radius:8px;font-size:.85rem;line-height:1.25;white-space:pre-wrap}.panel{display:block}.panel-header{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;width:100%;border:none;background:linear-gradient(180deg,#ffffff08,#ffffff04);color:var(--text0);cursor:pointer;text-align:left}.panel-header:hover{background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.panel-icon{display:grid;place-items:center;width:18px;height:18px;opacity:.92}.panel-icon-empty{opacity:0}.panel-title{font-weight:720;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}.panel-spacer{flex:1}.panel-randomize{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;margin-right:.15rem;border:1px solid var(--stroke1);border-radius:999px;background:#ffffff09;color:var(--text1);cursor:pointer}.panel-randomize:hover{border-color:var(--accent-stroke);background:#f9731624;color:var(--text0)}.panel-chevron{opacity:.75;transition:transform .18s cubic-bezier(.2,.9,.25,1)}.panel.open .panel-chevron{transform:rotate(180deg)}.panel-body{overflow:visible}.panel-body-inner{padding:.6rem .7rem .75rem}.control-section h3{margin:0 0 .75rem;font-size:.85rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.export-controls{display:flex;gap:.5rem}.export-controls button{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--accent-stroke);background:linear-gradient(180deg,#f9731638,#f973161a);color:var(--text0);font-weight:650;font-size:.875rem;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.export-controls button:hover:not(:disabled){background:#fff;border-color:#ffffff8c;color:#111}.export-controls button:disabled{opacity:.5;cursor:not-allowed}.randomize-buttons{display:flex;gap:.5rem;flex-wrap:nowrap}.randomize-buttons button{flex:1;min-width:0;padding:.45rem .5rem;font-size:.8125rem;white-space:nowrap}.cli-controls{display:flex;gap:.5rem;align-items:stretch}.cli-text{flex:1;padding:.5rem;border-radius:6px;border:1px solid #333;background:#0f0f14;color:#d7d7e3;font-size:.75rem;line-height:1.25;resize:vertical;min-height:4.5rem}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.performance-card{border:1px solid var(--stroke0);border-radius:8px;padding:.45rem .55rem;background:#121214ad}.performance-card-wide{grid-column:1 / -1}.performance-label{font-size:.7rem;color:var(--text2);letter-spacing:.02em;text-transform:uppercase}.performance-value{font-size:.83rem;margin-top:.2rem;color:var(--text0);font-weight:620}.performance-actions{margin-top:.55rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.performance-actions button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-benchmark{margin-top:.55rem;border-top:1px solid var(--stroke0);padding-top:.5rem}.performance-inline{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin-top:.2rem;font-size:.8rem;color:var(--text1)}.performance-table{margin-top:.45rem;display:grid;gap:.25rem}.performance-row{display:grid;grid-template-columns:1.8fr .6fr .7fr .7fr .7fr;gap:.4rem;font-size:.75rem;align-items:center}.performance-head{color:var(--text2);text-transform:uppercase;letter-spacing:.02em;font-size:.68rem}.cli-buttons{display:flex;flex-direction:column;gap:.5rem}.cli-toggle{padding:.5rem .75rem;border-radius:6px;border:1px solid #333;background:#1a1a24;color:#d7d7e3;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s;white-space:nowrap}.cli-toggle:hover{background:#2a2a36}.cli-copy{padding:.5rem .75rem;border-radius:6px;border:1px solid #333;background:#252530;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s;white-space:nowrap}.cli-copy:hover{background:#333}.preset-buttons{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.preset-buttons button{padding:.375rem .625rem;border-radius:4px;border:1px solid #333;background:#252530;color:#aaa;cursor:pointer;font-size:.75rem;transition:all .2s}.preset-buttons button:hover{background:#333;color:#fff;border-color:#444}.palette-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.palette-row{display:flex;gap:.5rem;align-items:center}.palette-nav{padding:.375rem .5rem;border-radius:6px;border:1px solid #333;background:#1b1b24;color:#ddd;cursor:pointer;font-weight:600;font-size:.75rem;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.palette-nav:hover{background:#333;color:#fff;border-color:#444}.palette-nav.locked{border-color:#f973168c;background:#f9731629;color:#ffddb8}.palette-nav.locked:hover{border-color:#f97316b8;background:#f973163d;color:#fff3e7}.palette-lock-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text2);border-color:var(--stroke0);background:#ffffff08}.palette-lock-btn svg{width:14px;height:14px}.palette-lock-btn.locked{border-color:#ef444499;background:#ef44442e;color:#fecaca}.palette-lock-btn.locked:hover{border-color:#ef4444c7;background:#ef444447;color:#fff}.palette-preview{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #00000040 inset}.swatch-bg{width:22px}.input-row{display:flex;gap:.5rem}.input-row label{flex:1;display:flex;align-items:center;gap:.5rem}.input-row label span{font-size:.75rem;color:#888;min-width:1rem}.input-row input[type=number]{flex:1;padding:.375rem;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#14141666;color:var(--text0);font-size:.875rem;width:0;outline:none}.input-row input[type=number]:focus-visible{border-color:var(--accent-stroke);box-shadow:0 0 0 3px #f9731629}.colors-list{display:flex;flex-direction:column;gap:.375rem}.palette-list{gap:.7rem}.palette-item{border:1px solid var(--stroke0);border-radius:10px;background:#ffffff05;padding:.5rem;overflow:hidden}.palette-item.is-drop-target{border-color:var(--accent-stroke);box-shadow:0 0 0 1px #f9731673 inset}.palette-item-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem}.palette-drag-handle{width:22px;height:22px;border-radius:6px;border:1px solid var(--stroke0);background:#ffffff05;color:var(--text2);cursor:grab;display:grid;place-items:center;line-height:1;padding:0}.palette-drag-handle:active{cursor:grabbing}.palette-drag-handle:hover{border-color:var(--stroke1);color:var(--text1)}.override-pill{margin-left:auto;font-size:.68rem;line-height:1;border:1px solid var(--stroke0);border-radius:999px;padding:.16rem .42rem;color:var(--text2);background:#ffffff08}.override-pill.active{border-color:#f9731673;color:#fff0e1f2;background:#f973161f}.palette-item-grid{display:grid;gap:.45rem;grid-template-columns:minmax(72px,88px) minmax(0,1fr)}.palette-field{display:flex;flex-direction:column;gap:.25rem}.palette-field span{font-size:.7rem;color:var(--text2)}.palette-field input[type=number],.palette-field input[type=text]{width:100%;padding:.28rem .38rem;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#14141680;color:var(--text0);outline:none;font-size:.78rem}.palette-field input[type=number]:focus-visible,.palette-field input[type=text]:focus-visible{border-color:var(--accent-stroke);box-shadow:0 0 0 3px #f9731629}.palette-item-actions{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;margin-bottom:.15rem;flex-wrap:wrap}.palette-delete{margin-left:.25rem;border-color:#dc262673;color:#fecaca;background:#dc262624}.palette-delete:hover:not(:disabled){border-color:#ef4444a6;color:#fff;background:#ef444447}.palette-delete:disabled{opacity:.45;cursor:not-allowed}.palette-inline-override{margin-top:.45rem}.control-details .row-actions{margin-bottom:.5rem}.palette-inline-override .palette-override-item{margin-top:0}.color-item{display:flex;align-items:center;gap:.5rem}.palette-overrides{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.palette-override-item{border:1px solid #252530;border-radius:8px;background:#141420;padding:.25rem .5rem}.palette-override-summary{display:flex;align-items:center;gap:.5rem}.palette-override-summary .swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.14)}.color-item input[type=color]{flex:1;height:32px;border:1px solid var(--stroke0);border-radius:var(--radius-sm);background:transparent;cursor:pointer}@media (max-width: 760px){.palette-item-grid{grid-template-columns:1fr}.palette-item-grid .color-field,.palette-item-grid .palette-field:nth-child(2){grid-column:span 1}}.add-btn{padding:.5rem;border-radius:4px;border:1px dashed #444;background:transparent;color:#888;cursor:pointer;font-size:.875rem;transition:all .2s}.add-btn:hover{border-color:#666;color:#fff;background:#252530}.control-row{display:flex;align-items:center;margin-bottom:.5rem}.control-row:last-child{margin-bottom:0}.divider{border-top:1px solid var(--stroke0);margin-top:.75rem;padding-top:.75rem}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.control-details{margin-top:.5rem;padding-top:.25rem}.control-details-summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8125rem;color:var(--text2);margin-bottom:.5rem;padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#ffffff08;outline:none}.control-details[open] .control-details-summary{color:var(--text0);border-color:var(--stroke1)}.control-row .setting-title{min-width:100px;font-size:.875rem;color:var(--text1);text-align:left}.setting-hint{margin-left:auto;font-size:.75rem;color:var(--text2);white-space:nowrap}.setting-title{cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;padding:0;font:inherit;line-height:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-title:not(.locked):hover{color:var(--text0)}.setting-title.locked{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-md);background:#f9731624;border:1px solid rgba(249,115,22,.45);color:#ffffffe6}.setting-title.locked:hover{background:#f973162e}.lock-title-btn{display:inline-flex;align-items:center;gap:.35rem}.lock-title-btn svg{width:14px;height:14px}.control-row input[type=color]{width:50px;height:28px;border:1px solid var(--stroke0);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.control-row.slider{flex-direction:column;align-items:stretch;gap:.375rem}.control-row.slider .setting-title{min-width:auto;font-size:.8125rem;color:var(--text2)}.control-row input[type=range]{width:100%;height:4px;background:#ffffff24;border-radius:2px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.control-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.control-row.checkbox{display:flex;align-items:center;gap:.5rem}.control-row.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.control-row.checkbox .setting-title{min-width:auto}.sidebar{width:300px;min-width:300px;background:#111118;border-right:1px solid #222;display:flex;flex-direction:column;overflow:hidden}.inspector{height:100%;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--panel1),var(--panel0));border-right:1px solid var(--stroke0);border-left:1px solid var(--stroke0);box-shadow:var(--shadow-panel)}.inspector-host{height:100%;min-height:0;display:flex;flex-direction:column}.panel-right .inspector{border-left:1px solid var(--stroke0);border-right:none}.panel-left .inspector{border-right:1px solid var(--stroke0);border-left:none}.inspector-top{padding:.6rem .65rem .5rem;border-bottom:1px solid var(--stroke0);background:#0a0a0c9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.inspector-title{display:flex;align-items:center;gap:.55rem}.inspector-title-icon{opacity:.95}.inspector-top h2{margin:0;font-size:.92rem;font-weight:700;letter-spacing:.01em}.inspector-tools{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.inspector-search-meta{font-size:.75rem;color:var(--text2);padding:0 .2rem;white-space:nowrap}.inspector-search{flex:1;position:relative}.inspector-search input{width:100%;height:36px;padding:0 .7rem 0 2.2rem;border-radius:var(--radius-md);border:1px solid var(--stroke0);background:#14141666;color:var(--text0);outline:none}.inspector-search input:focus-visible{border-color:var(--accent-stroke);box-shadow:0 0 0 3px #f9731629}.inspector-search input::placeholder{color:var(--text2)}.inspector-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);opacity:.75}.inspector-cols{height:36px;width:40px;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#14141666;color:var(--text0);cursor:pointer;display:grid;place-items:center}.inspector-scroll{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.inspector-scroll::-webkit-scrollbar{width:10px}.inspector-scroll::-webkit-scrollbar-track{background:transparent}.inspector-scroll::-webkit-scrollbar-thumb{background:#fff0;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.inspector-scroll:hover::-webkit-scrollbar-thumb{background:#ffffff29;border:2px solid transparent;background-clip:padding-box}.inspector-content{padding:.65rem .65rem 2rem;display:grid;grid-template-columns:1fr;gap:.6rem}.inspector-empty{padding:.85rem .8rem;border-radius:var(--radius-sm);border:1px dashed rgba(255,255,255,.12);background:#1414188c;color:var(--text2);font-size:.85rem}.control-row.search-match{background:#f9731624;border-radius:8px;padding:.35rem .6rem}.panel.search-match .panel-header{background:linear-gradient(180deg,#f973161f,#f973160a);border-bottom:1px solid rgba(249,115,22,.22)}.control-details-summary.search-match{color:#fdba74}.inspector-content-scroll{min-height:0}.inspector-content.cols2{display:block;column-count:2;column-gap:.6rem;grid-template-columns:none}.inspector-content.cols2 .panel{break-inside:avoid;display:inline-block;width:100%;margin-bottom:.6rem}@media (max-width: 980px){.inspector{height:100%;border:none;box-shadow:none;background:transparent}.inspector-top{position:sticky;top:0;z-index:2;background:#0c0c0ebd}.inspector-content{padding-bottom:1.5rem}}.sidebar-header{padding:1rem;border-bottom:1px solid #222;background:#0d0d12}.sidebar-header h1{margin:0;font-size:1.25rem;font-weight:650;color:var(--text0)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.desktop-grid{position:relative}.preview-area{flex:1;min-height:0;width:100%;background:transparent;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative}.canvas-container{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;background:#0a0a0c66;border-radius:10px;border:1px solid var(--stroke0);box-shadow:0 22px 60px #00000061;position:relative;overflow:hidden}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.canvas-container canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;touch-action:none}.preview-overlay{position:absolute;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .14s ease,transform .16s ease;-webkit-user-select:none;user-select:none}.preview-overlay.visible{opacity:1;transform:translateY(0);pointer-events:auto}.fullscreen-toggle{position:absolute;z-index:4;left:50%;top:14px;margin-left:-20px;opacity:1;transform:none;pointer-events:auto}.fullscreen-btn{height:40px;width:40px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0a0a0cc7;color:#fff;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-btn:hover{background:#ffffff1f}.fullscreen-btn:active{background:#ffffff29}.fullscreen-btn svg{width:20px;height:20px}.camera-overlay{right:14px;bottom:14px;display:grid;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0a0a0cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-overlay-row{display:flex;gap:8px;justify-content:center}.camera-overlay-zoom{justify-content:space-between}.camera-btn{min-width:72px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;font-size:.85rem;cursor:pointer}.camera-btn:hover{background:#ffffff1f}.camera-btn:active{background:#ffffff29}.camera-overlay-hint{font-size:.72rem;opacity:.78;text-align:center}.perf-overlay{left:14px;top:14px;display:grid;gap:.45rem;min-width:250px;max-width:min(48vw,360px);padding:.55rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a0a0cc7;color:#f2f2f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.perf-overlay.perf-overlay-maximized-docked{left:50%;top:auto;bottom:14px;transform:translate(-50%)}.perf-overlay-title{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffffeb}.perf-overlay-grid{display:grid;grid-template-columns:auto 1fr;gap:.2rem .55rem;font-size:.76rem;line-height:1.3}.perf-overlay-grid>span{color:#ffffffad}.perf-overlay-grid>strong{font-weight:620;color:#fffffff2}.perf-overlay-benchmark{display:grid;gap:.15rem;font-size:.74rem;border-top:1px solid rgba(255,255,255,.12);padding-top:.45rem}.perf-overlay-benchmark>span{color:#ffffffad}.perf-overlay-benchmark>strong{font-weight:620;color:#ffffffeb}@media (hover: none){.preview-overlay{opacity:1;transform:none;pointer-events:auto}}@media (min-width: 981px){.editor-shell.settings-maximized .desktop-grid{grid-template-columns:1fr}.editor-shell.settings-maximized .panel-handle{display:block;position:absolute;top:12px;bottom:12px;width:10px;z-index:4}.editor-shell.settings-maximized .panel-handle[data-handle=left]{left:calc(12px + var(--left-w))}.editor-shell.settings-maximized .panel-handle[data-handle=right]{right:calc(12px + var(--right-w))}.editor-shell.settings-maximized .panel-left,.editor-shell.settings-maximized .panel-right{position:absolute;top:12px;bottom:12px;z-index:3;transition:opacity .16s ease,transform .16s ease}.editor-shell.settings-maximized .panel-left{left:12px;width:var(--left-w)}.editor-shell.settings-maximized .panel-right{right:12px;width:var(--right-w)}.editor-shell.settings-maximized .panel-center{grid-column:1 / -1}.editor-shell.settings-maximized .panel-left .inspector,.editor-shell.settings-maximized .panel-right .inspector{background:linear-gradient(180deg,#141418f7,#0e0e12f2);box-shadow:0 14px 36px #0000006b}.editor-shell.settings-maximized .panel-left .inspector-top,.editor-shell.settings-maximized .panel-right .inspector-top{background:#0c0c10e0}.editor-shell.settings-maximized .preview-area{padding:0}.editor-shell.settings-maximized .canvas-container{background:transparent;border:0;border-radius:0;box-shadow:none}.editor-shell.settings-maximized .canvas-container canvas{border-radius:0}.editor-shell.settings-maximized:not(.settings-overlay-visible) .panel-left,.editor-shell.settings-maximized:not(.settings-overlay-visible) .panel-right,.editor-shell.settings-maximized:not(.settings-overlay-visible) .panel-handle{opacity:0;pointer-events:none;transform:translateY(6px)}.editor-shell.settings-maximized.settings-overlay-visible .panel-left,.editor-shell.settings-maximized.settings-overlay-visible .panel-right,.editor-shell.settings-maximized.settings-overlay-visible .panel-handle{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.preview-area{padding:1rem}}.lucide-icon.svelte-wek9zw{display:inline-flex;align-items:center;justify-content:center;line-height:0}.lucide-icon.svelte-wek9zw svg{display:block;overflow:visible}.dropdown.svelte-1ep8unq{position:relative;flex:1;min-width:0}.dropdown-trigger.svelte-1ep8unq{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .6rem;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#14141666;color:var(--text0);cursor:pointer;outline:none;text-align:left}.dropdown[data-size=sm].svelte-1ep8unq .dropdown-trigger:where(.svelte-1ep8unq){height:30px;font-size:.8125rem;padding:0 .5rem}.dropdown.disabled.svelte-1ep8unq .dropdown-trigger:where(.svelte-1ep8unq){opacity:.55;cursor:not-allowed}.dropdown-trigger.svelte-1ep8unq:hover:not(:disabled){border-color:var(--stroke1)}.dropdown-trigger.svelte-1ep8unq:focus-visible{border-color:var(--accent-stroke);box-shadow:0 0 0 3px #f9731629}.dropdown-label.svelte-1ep8unq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev.svelte-1ep8unq{opacity:.8;transition:transform .14s ease}.chev.open.svelte-1ep8unq{transform:rotate(180deg)}.dropdown-pop.svelte-1ep8unq{position:absolute;z-index:1;pointer-events:auto;border-radius:var(--radius-sm);border:1px solid var(--stroke0);background:#0c0c0ef5;box-shadow:0 20px 55px #0000008c;padding:.25rem;max-height:min(56vh,520px);overflow:auto}.dropdown-group.svelte-1ep8unq{padding:.35rem .5rem .2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text2)}.dropdown-item.svelte-1ep8unq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .5rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text0);cursor:pointer;text-align:left}.dropdown-item.svelte-1ep8unq:hover:not(.disabled){background:#ffffff0f;border-color:#ffffff14}.dropdown-item.active.svelte-1ep8unq{border-color:var(--accent-stroke);background:var(--accent-soft)}.dropdown-item.disabled.svelte-1ep8unq{opacity:.45;cursor:not-allowed}.svg-long.svelte-1s32bcw{margin-top:.5rem;max-height:420px;overflow:auto;padding-right:.25rem}.icon-picker.svelte-x287y3{margin-top:.5rem}.icon-picker-top.svelte-x287y3{display:grid;gap:.5rem}.icon-picker-toolbar.svelte-x287y3{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.icon-search-row.svelte-x287y3{margin-bottom:0}.icon-expand.svelte-x287y3{height:36px;padding:0 .75rem;border-radius:10px;border:1px solid var(--stroke0);background:#1414168c;color:var(--text0);cursor:pointer}.icon-expand.svelte-x287y3:hover{border-color:var(--stroke1);background:#ffffff0f}.icon-provider-filters.svelte-x287y3{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.provider-chip.svelte-x287y3{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .55rem;border-radius:var(--radius-md);border:1px solid var(--stroke0);background:#ffffff0a;color:var(--text1);cursor:pointer;-webkit-user-select:none;user-select:none}.provider-chip.subtle.svelte-x287y3{padding:.32rem .6rem;color:var(--text2)}.provider-chip.is-on.svelte-x287y3{border-color:var(--accent-stroke);background:var(--accent-soft);color:var(--text0)}.provider-chip-label.svelte-x287y3{font-size:.82rem}.icon-provider-badge.svelte-x287y3{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.22rem .45rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.icon-provider-badge.tone-blue.svelte-x287y3{background:#60a5fa24;border-color:#60a5fa59;color:#bfdbfe}.icon-provider-badge.tone-teal.svelte-x287y3{background:#2dd4bf24;border-color:#2dd4bf59;color:#99f6e4}.icon-provider-badge.tone-green.svelte-x287y3{background:#4ade8024;border-color:#4ade8059;color:#bbf7d0}.icon-provider-badge.tone-amber.svelte-x287y3{background:#fbbf2424;border-color:#fbbf2459;color:#fde68a}.icon-provider-badge.tone-rose.svelte-x287y3{background:#fb718524;border-color:#fb718559;color:#fecdd3}.icon-provider-badge.tone-subtle.svelte-x287y3{background:#ffffff0f;border-color:#ffffff14;color:#a9a9b3;min-width:2.2rem}.icon-picker-results.svelte-x287y3{margin-top:.5rem;max-height:320px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;padding:.1rem}.icon-picker-results.is-expanded.svelte-x287y3{max-height:min(62vh,720px);grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.icon-picker-status.svelte-x287y3{opacity:.75;padding:.35rem .1rem}.icon-picker-item.svelte-x287y3{width:100%;min-height:88px;display:grid;justify-items:center;align-content:start;gap:.55rem;padding:.7rem .55rem .65rem;border-radius:10px;border:1px solid var(--stroke0);background:#1414168c;color:var(--text0);text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.icon-picker-item.svelte-x287y3:hover,.icon-picker-item.svelte-x287y3:focus-visible{border-color:var(--stroke1);background:#ffffff0f;transform:translateY(-1px);box-shadow:0 0 0 1px #f973161f,0 10px 18px #00000059;outline:none}.icon-picker-preview.svelte-x287y3{width:2.65rem;height:2.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);color:var(--text0)}.icon-picker-preview.svelte-x287y3 svg{width:18px;height:18px;display:block}.icon-picker-preview-fallback.svelte-x287y3{width:.85rem;height:.85rem;border-radius:999px;background:#ffffff2e}.icon-picker-copy.svelte-x287y3{min-width:0;width:100%;display:grid;justify-items:center;gap:.4rem}.icon-picker-name.svelte-x287y3{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-picker-meta.svelte-x287y3{margin-top:.5rem;opacity:.7;line-height:1.45}.icon-picker-dialog.svelte-x287y3{padding:0;border:1px solid var(--stroke0);border-radius:12px;background:#0c0c0ef5;color:var(--text0);width:min(1080px,92vw)}.icon-picker-dialog.svelte-x287y3::backdrop{background:#0000008c}.dialog-shell.svelte-x287y3{display:grid;gap:.75rem;padding:.85rem}.dialog-head.svelte-x287y3{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dialog-title.svelte-x287y3{font-weight:700;letter-spacing:.01em}.dialog-close.svelte-x287y3{height:34px;padding:0 .75rem;border-radius:8px;border:1px solid var(--stroke0);background:#ffffff0a;color:var(--text0);cursor:pointer}.dialog-close.svelte-x287y3:hover{border-color:var(--stroke1);background:#ffffff0f}.dialog-body.svelte-x287y3{display:grid;gap:.6rem}@media (max-width: 640px){.icon-picker-toolbar.svelte-x287y3{grid-template-columns:1fr}.icon-expand.svelte-x287y3{width:100%}.icon-picker-results.svelte-x287y3{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:280px}.icon-picker-item.svelte-x287y3{min-height:82px;padding-inline:.45rem}.provider-chip-label.svelte-x287y3{display:none}}.svg-long.svelte-1ywklr1{margin-top:.5rem;max-height:420px;overflow:auto;padding-right:.25rem}.editor-core-root.svelte-1pyv4cb{width:100%;height:100%}.readonly.svelte-1pyv4cb{-webkit-user-select:none;user-select:none}.readonly.svelte-1pyv4cb input,.readonly.svelte-1pyv4cb select,.readonly.svelte-1pyv4cb textarea,.readonly.svelte-1pyv4cb button{pointer-events:none}