@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin-standard-normal.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-latin-600-normal.woff2)format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin-500-normal.woff2)format("woff2");font-weight:500 600;font-display:swap}:root{--cs-ink:#1a1820;--cs-paper:#f6f4ef;--cs-volt:#16c75b;--cs-volt-deep:#0b9a47;--cs-volt-bright:#3bdc78;--cs-night:#141317;--cs-ash:#66626d;--cs-smoke:#e6e3dd;--cs-on-volt:#1a1820;--font-display:"Bricolage Grotesque", "Helvetica Neue", sans-serif;--font-ui:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--text-xl:22px;--text-2xl:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--topbar-h:48px;--contextbar-h:40px;--toolbar-w:76px;--tool-btn:34px;--inspector-w:304px;--layers-h:262px;--statusbar-h:28px;--ruler:20px;--control-h:30px;--motion-fast:.12s;--motion-base:.18s;--ease:cubic-bezier(.2, .7, .2, 1)}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--panel:#fff;--line:#e6e3dd;--fg:#1a1820;--muted:#66626d;--paste:#e7e5e0;--hover:#f0eeea;--field:#f3f1ee;--accent:var(--cs-volt-deep);--accent-soft:#16c75b29;--rule:#c9c5ce;--selection:var(--cs-volt);--shadow-artboard:0 1px 2px #1a182014, 0 18px 40px #1a182024;--shadow-pop:0 30px 80px #1a182040}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141317;--panel:#1c1b20;--line:#2d2b32;--fg:#edebe7;--muted:#a19da8;--paste:#0f0e11;--hover:#27252c;--field:#26242b;--accent:var(--cs-volt-bright);--accent-soft:#3bdc782e;--rule:#4a4751;--selection:var(--cs-volt);--shadow-artboard:0 1px 2px #00000080, 0 18px 48px #0009;--shadow-pop:0 30px 80px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141317;--panel:#1c1b20;--line:#2d2b32;--fg:#edebe7;--muted:#a19da8;--paste:#0f0e11;--hover:#27252c;--field:#26242b;--accent:var(--cs-volt-bright);--accent-soft:#3bdc782e;--rule:#4a4751;--shadow-artboard:0 1px 2px #00000080, 0 18px 48px #0009;--shadow-pop:0 30px 80px #0009}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--text-md);-webkit-font-smoothing:antialiased;line-height:1.35;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--cs-volt);outline-offset:2px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.icon{flex-shrink:0;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);white-space:nowrap;height:32px;transition:background var(--motion-fast) var(--ease);background:0 0;padding:0 14px;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--cs-volt);color:var(--cs-on-volt);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--cs-volt-bright)}.btn-ghost{border-color:#0000}.btn-lg{height:44px;font-size:var(--text-lg);padding:0 18px}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--fg);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn.sm{border-radius:var(--radius-sm);width:26px;height:26px}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.kbd{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 6px}.field{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--field);border:1px solid #0000;min-width:0;display:flex}.field:focus-within{border-color:var(--accent)}.field>.label{color:var(--muted);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:12px}.field input,.field select{width:100%;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);background:0 0;border:0;outline:0}.field select{font-family:var(--font-ui);appearance:none;cursor:pointer}.text-input{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);outline:0;width:100%;height:34px;padding:0 10px}.text-input:focus{border-color:var(--accent)}.segmented{border-radius:var(--radius-md);background:var(--field);gap:2px;padding:2px;display:flex}.segmented button{border-radius:var(--radius-sm);height:26px;color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:1;padding:0 10px}.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--panel);color:var(--fg);font-weight:500;box-shadow:0 1px 2px #0000001f}.check{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.check input{width:16px;height:16px;accent-color:var(--cs-volt);margin:0}.chip{border:1px solid var(--line);height:26px;font-size:var(--text-sm);color:var(--muted);white-space:nowrap;background:0 0;border-radius:13px;padding:0 9px}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.sep-v{background:var(--line);flex-shrink:0;width:1px;height:20px}.editor{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding:0 10px;display:flex}.topbar .mark{border-radius:var(--radius-md);background:0 0;border:0;padding:4px 6px 4px 2px;display:flex}.menus{display:flex}.menu-trigger{border-radius:var(--radius-sm);background:0 0;border:0;height:30px;padding:0 9px}.menu-trigger:hover,.menu-trigger[data-state=open]{background:var(--hover)}.tabs{flex-shrink:1;gap:4px;min-width:0;display:flex;overflow:hidden}.doc-tab{border-radius:var(--radius-md);height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;min-width:0;max-width:220px;padding:0 6px 0 10px;display:flex}.doc-tab:hover{background:var(--hover)}.doc-tab[aria-selected=true]{background:var(--hover);color:var(--fg)}.doc-tab .name{text-overflow:ellipsis;overflow:hidden}.doc-tab[aria-selected=true] .name{font-weight:500}.doc-tab .ext{color:var(--muted)}.doc-tab .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.doc-tab .close{opacity:0;width:18px;height:18px;color:var(--muted);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.doc-tab:hover .close,.doc-tab[aria-selected=true] .close{opacity:1}.doc-tab .close:hover{background:var(--line);color:var(--fg)}.search-btn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);width:280px;min-width:120px;height:32px;color:var(--muted);flex-shrink:1;align-items:center;gap:10px;padding:0 10px;display:flex}.search-btn span{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.contextbar{height:var(--contextbar-h);background:var(--panel);border-bottom:1px solid var(--line);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;padding:0 12px;display:flex;overflow:hidden}.contextbar .hint{color:var(--muted);text-overflow:ellipsis;min-width:0;overflow:hidden}.contextbar .group{align-items:center;gap:10px;min-width:0;display:flex}.ctx-btn{border-radius:var(--radius-sm);background:0 0;border:0;height:28px;padding:0 9px}.ctx-btn:hover:not(:disabled){background:var(--hover)}.ctx-btn:disabled{opacity:.4;cursor:default}.ctx-field{flex-shrink:0;width:104px}.workspace{flex:1;min-height:0;display:flex;position:relative}.toolbar{width:var(--toolbar-w);background:var(--panel);border-right:1px solid var(--line);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:8px 0;display:flex;overflow:hidden auto}.toolbar::-webkit-scrollbar{display:none}.tool-btn{width:var(--tool-btn);height:var(--tool-btn);color:var(--fg);background:0 0;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-btn:hover{box-shadow:inset 0 0 0 1px var(--line)}.tool-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.tool-group{grid-template-columns:repeat(2, var(--tool-btn));flex-shrink:0;gap:2px;display:grid}.tool-sep{width:calc(var(--tool-btn) * 2 + 2px);background:var(--line);flex-shrink:0;height:1px;margin:5px 0}.swatch-pair{flex-shrink:0;width:40px;height:40px;margin:auto 0 6px;position:relative}.swatch-pair .fill-sw,.swatch-pair .stroke-sw{border-radius:6px;width:24px;height:24px;padding:0;position:absolute}.swatch-pair .fill-sw{z-index:1;box-shadow:inset 0 0 0 1px #0000002e, 0 0 0 1px var(--panel);border:0;top:0;left:0}.swatch-pair .stroke-sw{background:var(--panel);border:6px solid var(--sw-color,var(--fg));box-shadow:0 0 0 1px var(--muted), inset 0 0 0 1px var(--muted);bottom:0;right:0}.swatch-pair .focused{z-index:2;outline:2px solid var(--accent);outline-offset:1px}.swatch-pair .none{background:var(--panel)}.swatch-pair .none:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - 1px),#e5484d calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:2px}.swatch-pair .sw-mini{width:14px;height:14px;color:var(--muted);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.swatch-pair .sw-mini:hover{color:var(--fg);background:var(--hover)}.swatch-pair .swap{top:-1px;right:-1px}.swatch-pair .reset{bottom:-1px;left:-1px}.swatch-pair .reset .mini-fill,.swatch-pair .reset .mini-stroke{border-radius:1.5px;width:7px;height:7px;position:absolute}.swatch-pair .reset .mini-fill{box-shadow:0 0 0 1px var(--rule);background:#fff;top:2px;left:2px}.swatch-pair .reset .mini-stroke{border:2px solid var(--fg);bottom:2px;right:2px}.canvas-wrap{grid-template-columns:var(--ruler) 1fr;grid-template-rows:var(--ruler) 1fr;background:var(--paste);flex:1;min-width:0;display:grid;position:relative}.canvas-wrap.no-rulers{grid-template-rows:0 1fr;grid-template-columns:0 1fr}.ruler-corner{background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ruler{background:var(--panel);touch-action:none;position:relative;overflow:hidden}.ruler canvas{width:100%;height:100%;position:absolute;inset:0}.ruler.h{border-bottom:1px solid var(--line)}.ruler.h.can-guide{cursor:row-resize}.ruler.v.can-guide{cursor:col-resize}.ruler.v{border-right:1px solid var(--line)}.canvas-host{touch-action:none;outline:none;position:relative;overflow:hidden}.canvas-host canvas{width:100%;height:100%;position:absolute;inset:0}.artboard-label{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:default;padding-bottom:6px;position:absolute;transform:translateY(-100%)}.artboard-label.active{color:var(--fg)}.isolation-banner{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-artboard);font-size:var(--text-sm);z-index:3;border-radius:16px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.text-editor{outline:1px dashed var(--cs-volt);resize:none;white-space:pre;z-index:4;caret-color:var(--cs-volt);transform-origin:0 0;background:0 0;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.inspector{width:var(--inspector-w);background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.inspector.drawer{z-index:10;box-shadow:var(--shadow-pop);position:absolute;top:0;bottom:0;right:0}.insp-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:4px;height:40px;padding:0 12px;display:flex}.insp-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 8px;font-weight:600}.insp-tabs button[aria-selected=true]{border-bottom-color:var(--fg);color:var(--fg)}.insp-scroll{flex:1;min-height:0;overflow:auto}.insp-section{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px;display:flex}.insp-section h3{font-size:var(--text-sm);margin:0;font-weight:600}.insp-head{justify-content:space-between;align-items:center;min-height:26px;display:flex}.insp-head .actions{gap:2px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.row{align-items:center;gap:8px;display:flex}.sel-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:52px;padding:14px;display:flex}.sel-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sel-header .meta{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;margin-left:auto}.sel-header input{border:1px solid var(--accent);background:var(--field);border-radius:4px;width:140px;padding:2px 4px;font-size:14px;font-weight:600}.ap-row{border-radius:var(--radius-sm);background:var(--field);text-align:left;border:0;align-items:center;gap:8px;width:100%;height:34px;padding:0 4px 0 8px;display:flex;position:relative}.ap-row.active{box-shadow:inset 0 0 0 1px var(--accent)}.ap-row .kind{width:44px;color:var(--muted);flex-shrink:0}.ap-row .value{font-family:var(--font-mono);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ap-row .pct{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted)}.ap-row .row-actions{opacity:0;display:flex}.ap-row:hover .row-actions,.ap-row:focus-within .row-actions{opacity:1}.ap-row.hidden-item .value,.ap-row.hidden-item .kind{opacity:.45}.ap-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;height:100%;padding:0;display:flex}.swatch{background-image:var(--sw), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, #fff 25%, #fff 75%, #ccc 75%);background-position:0 0,0 0,4px 4px;background-size:100% 100%,8px 8px,8px 8px;border-radius:4px;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}.swatch.stroke{border:3px solid var(--sw-color,var(--fg));box-shadow:0 0 0 1px var(--rule), inset 0 0 0 1px var(--rule);background:0 0}.drag-handle{cursor:grab;color:var(--muted);display:flex}.combine-note{font-size:var(--text-sm);color:var(--muted);margin:0}.small-btn{border:1px solid var(--line);border-radius:var(--radius-sm);height:30px;font-size:var(--text-sm);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.small-btn:hover:not(:disabled){background:var(--hover)}.small-btn:disabled{opacity:.4;cursor:default}.small-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.empty-insp{color:var(--muted);font-size:var(--text-sm);flex-direction:column;gap:12px;padding:24px 14px;display:flex}.layers{border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;min-height:120px;display:flex;position:relative}.layers-resize{cursor:row-resize;z-index:2;height:8px;position:absolute;top:-4px;left:0;right:0}.layers-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 6px;display:flex}.layers-head h3{font-size:var(--text-sm);margin:0;font-weight:600}.layers-filter{border-radius:var(--radius-sm);background:var(--field);max-width:140px;height:26px;font-size:var(--text-sm);border:1px solid #0000;outline:0;flex:1;padding:0 8px}.layers-filter:focus{border-color:var(--accent)}.layers-list{flex:1;padding:0 8px 8px;overflow:auto}.layer-row{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:8px;height:28px;padding-right:4px;display:flex;position:relative}.layer-row:hover{background:var(--hover)}.layer-row.selected{background:var(--accent-soft);font-weight:600}.layer-row.artboard{font-weight:600}.layer-row.hidden-node .layer-name{opacity:.45}.layer-row .twisty{width:14px;height:14px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.layer-row .layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-row .layer-name input{width:100%;font-weight:inherit;border:1px solid var(--accent);background:var(--field);border-radius:4px;padding:1px 4px}.layer-row .toggle{opacity:0;width:22px;height:22px}.layer-row:hover .toggle,.layer-row .toggle.on{opacity:1}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";background:var(--cs-volt);border-radius:1px;height:2px;position:absolute;left:6px;right:6px}.layer-row.drop-before:before{top:-1px}.layer-row.drop-after:after{bottom:-1px}.layer-row.drop-inside{box-shadow:inset 0 0 0 2px var(--cs-volt)}.statusbar{height:var(--statusbar-h);background:var(--panel);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:18px;padding:0 12px;display:flex;overflow:hidden}.statusbar .spacer{flex:1}.statusbar .ok-dot{background:var(--cs-volt);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.statusbar button{font:inherit;color:var(--fg);background:0 0;border:0;border-radius:4px;padding:2px 4px;font-weight:600}.statusbar button:hover{background:var(--hover)}.menu-content,.popover{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-pop);z-index:100;color:var(--fg);font-size:var(--text-md);max-height:var(--radix-dropdown-menu-content-available-height,80vh);padding:6px;overflow:auto}.popover{min-width:0;max-height:none;padding:12px}.menu-item{border-radius:var(--radius-sm);cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:16px;height:30px;padding:0 10px;display:flex}.menu-item[data-highlighted]{background:var(--hover)}.menu-item[data-disabled]{opacity:.4}.menu-item .kbd-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);margin-left:auto}.menu-sep{background:var(--line);height:1px;margin:4px 6px}.tooltip{background:var(--cs-ink);color:var(--cs-paper);font-size:var(--text-sm);border-radius:var(--radius-sm);z-index:200;align-items:center;gap:8px;max-width:280px;padding:5px 8px;display:flex}.tooltip .kbd{color:var(--cs-paper);border-color:#f6f4ef4d}.dialog-overlay{z-index:50;animation:fade var(--motion-base) var(--ease);background:#0c0b0e8c;position:fixed;inset:0}.dialog{z-index:51;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);width:min(480px,100vw - 32px);max-height:calc(100vh - 32px);animation:pop var(--motion-base) var(--ease);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog:focus{outline:none}.dialog-head{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 20px;display:flex}.dialog-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:700}.dialog-body{flex-direction:column;gap:14px;padding:20px;display:flex;overflow:auto}.dialog-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}.dialog-desc{color:var(--muted);margin:0}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}.cp{flex-direction:column;gap:10px;width:244px;display:flex}.cp-area{border-radius:var(--radius-md);cursor:crosshair;touch-action:none;height:150px;position:relative}.cp-area .knob,.cp-slider .knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,0 1px 3px #0006}.cp-slider{cursor:pointer;touch-action:none;border-radius:6px;height:12px;position:relative}.cp-slider .knob{top:50%}.cp-swatches{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.cp-swatches button{aspect-ratio:1;border:0;border-radius:4px;padding:0;box-shadow:inset 0 0 0 1px #00000026}.cp-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}[data-sonner-toaster]{--normal-bg:var(--panel);--normal-text:var(--fg);--normal-border:var(--line);font-family:var(--font-ui)}.crash{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);color:var(--fg);font-size:var(--text-sm);flex-direction:column;align-items:flex-start;gap:10px;margin:12px;padding:16px;display:flex}.crash.full{max-width:440px;margin:auto}.crash strong{font-size:var(--text-md)}.crash .row{flex-wrap:wrap}.viewonly-banner{display:none}@media (max-width:759px){.viewonly-banner{font-size:var(--text-sm);background:var(--accent-soft);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;display:flex}.editor .menus,.editor .tabs,.editor .search-btn,.editor .contextbar,.editor .toolbar,.editor .inspector,.editor .statusbar .hide-sm,.editor .topbar .hide-sm{display:none!important}.editor .topbar .spacer-sm{flex:1}}.doc-swatches{flex-wrap:wrap;gap:8px;display:flex}.doc-swatch{border-radius:var(--radius-md);border:0;width:38px;height:38px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.doc-swatch:hover{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--accent)}.doc-swatch.add{border:1px dashed var(--rule);box-shadow:none;color:var(--muted);background:0 0;justify-content:center;align-items:center;display:flex}.symbol-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.symbol-cell{aspect-ratio:1;border-radius:var(--radius-md);background:var(--field);border:0;justify-content:center;align-items:center;padding:0;display:flex}.symbol-cell:hover{box-shadow:inset 0 0 0 1px var(--accent)}.shortcut-cols{columns:3 220px;column-gap:28px}.shortcut-cols>div{break-inside:avoid;margin-bottom:18px}.shortcut-cols h4{font-size:var(--text-sm);color:var(--muted);margin:0 0 6px;font-weight:600}.sc-row{font-size:var(--text-sm);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.report-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.pref-row{justify-content:space-between;align-items:center;gap:16px;min-height:34px;display:flex}.drawer-toggle{z-index:11;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-artboard);position:absolute;top:32px;right:12px}.op-field{flex-shrink:0;width:112px}.field select{text-overflow:ellipsis;min-width:0}.ctx-font{flex-shrink:0;width:180px}.ctx-font-style{flex-shrink:0;width:116px}.contextbar .cs-fp-trigger .cs-fp-value{font-size:var(--text-md)}.contextbar .segmented button{justify-content:center;align-items:center;display:inline-flex}.blend-row{margin-top:2px}.field-suffix{width:20px;height:20px;color:var(--muted);background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-4px;padding:0;display:inline-flex}.field-suffix:hover{background:var(--hover);color:var(--fg)}.field-suffix[aria-pressed=true]{color:var(--accent)}.drawer-close{margin:auto 0 auto auto}@media (max-width:759px){.drawer-toggle{display:none!important}}.field-steps{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;gap:1px;width:14px;padding:3px 0;display:flex}.field-steps button,.field-drop{color:var(--muted);background:0 0;border:0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.field-steps button{flex:1}.field-drop{align-self:stretch;width:18px;margin:3px 0}.field-steps button:hover,.field-drop:hover,.field-drop[data-state=open]{background:var(--hover);color:var(--fg)}.field-steps button:active{background:var(--accent-soft);color:var(--accent)}.field-menu{min-width:96px;max-height:280px;font-family:var(--font-mono);font-size:var(--text-sm)}.field-menu .menu-item{height:26px}.field-menu .menu-item.current{color:var(--accent);font-weight:600}.doc-stats{font-size:var(--text-xs)}.cp-channels.wide{flex:100%;order:3}.cp-channels.wide .label{font-size:11px}.field:has(>select){cursor:pointer;position:relative}.field>select{flex:1;align-self:stretch;padding-right:18px}.field:has(>select):after{content:"";right:calc(var(--space-2) + 5px);background:var(--muted);pointer-events:none;width:8px;height:5px;margin-top:-2px;position:absolute;top:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.field:has(>select):hover{background:var(--hover)}.field:has(>select):hover:after{background:var(--fg)}.wh-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:8px;display:grid}.wh-span{grid-column:2/4}.wh-link{width:24px;height:24px;color:var(--muted)}.wh-link.on{color:var(--accent)}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.editor,.home{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.editor input,.editor textarea,.editor [contenteditable],.home input{-webkit-user-select:text;user-select:text}.touch-bar{left:calc(var(--ruler) + 12px);z-index:6;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-pop);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px}.touch-key{min-width:44px;height:40px;color:var(--fg);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:17px;display:inline-flex}.touch-key:disabled{color:var(--muted);opacity:.5}.touch-key[aria-pressed=true]{background:var(--cs-volt);color:var(--cs-on-volt)}.touch-sep{background:var(--line);width:1px;height:24px;margin:0 4px}@media (hover:none){.doc-tab .close,.ap-row .row-actions,.layer-row .toggle,.file-card .file-remove{opacity:1;visibility:visible}.search-btn kbd{display:none}}@media (pointer:coarse){.icon-btn.sm,.doc-tab .close,.field-drop{position:relative}.icon-btn.sm:after,.doc-tab .close:after,.field-drop:after{content:"";position:absolute;inset:-8px}.field-steps button{position:relative}.field-steps button:after{content:"";position:absolute;inset:0 -8px 0 0}}@media (max-width:1000px){.search-btn{justify-content:center;width:36px;min-width:36px;padding:0}.search-btn span,.search-btn kbd{display:none}.doc-tab{min-width:72px}}@media (max-width:1180px){.doc-tab .ext{display:none}}.doc-tab .ext,.doc-tab .dot,.doc-tab .close{flex-shrink:0}.field.has-steps,.field.has-options{padding-right:3px}.field.has-steps .field-steps,.field.has-options .field-drop{margin-left:-4px}.menu-check{width:14px;color:var(--accent);flex-shrink:0;margin-right:-8px;display:inline-flex}.guide-row{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;display:grid}.grid-checks{flex-wrap:wrap;gap:16px}.statusbar button{align-items:center;gap:5px;display:inline-flex}.status-chevron{color:var(--muted);flex-shrink:0}.statusbar button[data-on]{color:var(--accent)}.statusbar .status-save{color:var(--muted);font-weight:400}.status-pop{width:280px;font-family:var(--font-ui);flex-direction:column;gap:10px;padding:14px;display:flex}.status-pop-title{font-weight:600;font-size:var(--text-sm)}@media (hover:none),(max-width:1100px){.statusbar .status-cursor{display:none}}@media (max-width:900px){.statusbar{gap:10px}}.shape-popover{width:340px;padding:0}.shape-list{flex-direction:column;display:flex}.shape-search{border-radius:var(--radius-md);background:var(--field);height:32px;color:var(--muted);border:1px solid #0000;align-items:center;gap:8px;margin:10px;padding:0 10px;display:flex}.shape-search:focus-within{border-color:var(--accent)}.shape-search input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1}.shape-scroll{max-height:min(460px,70vh);padding:0 6px 8px;overflow:auto}.shape-group{font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:8px 6px 4px;font-weight:600}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.shape-item{border-radius:var(--radius-md);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;height:36px;padding:0 8px;display:flex;overflow:hidden}.shape-item span{text-overflow:ellipsis;overflow:hidden}.shape-item:hover,.shape-item:focus-visible{background:var(--hover)}.shape-item[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.shape-item[aria-selected=true] span{color:var(--fg)}.shape-glyph{flex-shrink:0}.tool-btn.has-flyout{position:relative}.tool-btn.has-flyout:after{content:"";opacity:.55;border-bottom:4px solid;border-left:4px solid #0000;width:0;height:0;position:absolute;bottom:3px;right:3px}.ctx-shape{border-radius:var(--radius-sm);background:var(--field);white-space:nowrap;border:0;align-items:center;gap:8px;height:28px;padding:0 8px 0 6px;display:inline-flex}.ctx-shape:hover,.ctx-shape[data-state=open]{box-shadow:inset 0 0 0 1px var(--line)}.cs-fp{gap:var(--space-2);display:grid}.cs-fp-field{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-width:0;height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--field);color:var(--fg);font-family:var(--font-ui);font-size:var(--text-md);text-align:left;cursor:pointer;transition:box-shadow var(--motion-fast) var(--ease);border:0;display:flex}.cs-fp-field:hover{box-shadow:inset 0 0 0 1px var(--line)}.cs-fp-field[data-state=open],.cs-fp-field:focus-visible{box-shadow:inset 0 0 0 1px var(--accent);outline:none}.cs-fp-trigger .cs-fp-value{font-size:var(--text-lg)}.cs-fp-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.2;overflow:hidden}.cs-fp-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;color:var(--muted);flex:none}.cs-fp-icon-wrap{display:flex}.cs-fp-check{color:var(--accent)}.cs-fp-pop{z-index:50;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);font-family:var(--font-ui);font-size:var(--text-md)}.cs-fp-pop:focus{outline:none}.cs-fp-panel{gap:var(--space-2);width:min(320px, calc(100vw - var(--space-4)));padding:var(--space-2);flex-direction:column;display:flex}.cs-fp-search{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--field);display:flex}.cs-fp-search:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.cs-fp-search input{min-width:0;height:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.cs-fp-search input::placeholder{color:var(--muted)}.cs-fp-chips{border-radius:var(--radius-md);background:var(--field);scrollbar-width:none;gap:2px;padding:2px;display:flex;overflow-x:auto}.cs-fp-chips::-webkit-scrollbar{display:none}.cs-fp-chip{height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--muted);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none}.cs-fp-chip:hover{color:var(--fg)}.cs-fp-chip[aria-pressed=true]{background:var(--panel);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.cs-fp-chip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cs-fp-list{overscroll-behavior:contain;position:relative;overflow-y:auto}.cs-fp-list:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cs-fp-sizer{position:relative}.cs-fp-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex;position:absolute;left:0;right:0}.cs-fp-row[data-highlighted]{background:var(--hover)}.cs-fp-row[aria-selected=true]{background:var(--accent-soft)}.cs-fp-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);line-height:1.2;overflow:hidden}.cs-fp-meta{color:var(--muted);font-size:var(--text-xs);flex:none}.cs-fp-empty{padding:var(--space-3) var(--space-2);color:var(--muted)}.cs-fp-select{min-width:var(--radix-select-trigger-width);max-height:min(320px, var(--radix-select-content-available-height));overflow:hidden}.cs-fp-select-viewport{padding:var(--space-1)}.cs-fp-select-item{justify-content:space-between;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}.cs-fp-select-item[data-highlighted]{background:var(--hover)}.cs-fp-select-indicator{display:flex}.home{background:var(--bg);height:100%;display:flex;overflow:hidden}.home-side{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:22px 14px 18px;display:flex}.home-logo{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.wm-dark,:root[data-theme=dark] .wm-light{display:none}:root[data-theme=dark] .wm-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wm-light{display:none}:root:not([data-theme=light]) .wm-dark{display:block}}.side-item{border-radius:var(--radius-md);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;height:38px;padding:0 12px;font-size:14px;display:flex}.side-item:hover{background:var(--hover)}.side-item[aria-current=page]{background:var(--accent-soft);font-weight:500}.side-foot{border-top:1px solid var(--line);color:var(--muted);gap:2px;margin-top:8px;padding:10px 4px 0;display:flex}.side-foot .icon-btn{color:var(--muted)}.home-main{flex:1;min-width:0;overflow:hidden auto}.home-content{max-width:1220px;padding:40px 56px 16px}.home-content>:last-child{margin-bottom:0}.home-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.home-head h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.035em;margin:0;font-weight:700}.home-search{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);width:280px;height:40px;color:var(--muted);align-items:center;gap:10px;padding:0 10px 0 14px;display:flex}.home-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.home-main h2{margin:0 0 14px;font-size:15px;font-weight:600}.presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:36px;display:grid}.preset{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);text-align:left;transition:border-color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.preset:hover{border-color:var(--accent)}.preset strong{margin-top:10px;font-weight:600}.preset .mono{font-size:var(--text-xs);margin-top:8px}.preset.custom{background:0 0;border-style:dashed}.preset-thumb{border-radius:var(--radius-md);background:var(--paste);justify-content:center;align-items:center;width:100%;height:96px;display:flex}.preset-thumb.plain{color:var(--muted);background:0 0}.preset-paper{background:#fff;box-shadow:0 1px 2px #1a18201f}.dropzone{border:1px dashed var(--rule);border-radius:var(--radius-lg);transition:background var(--motion-fast) var(--ease);align-items:center;gap:24px;margin-bottom:40px;padding:28px;display:flex}.dropzone.over{background:var(--accent-soft);border-color:var(--accent)}.drop-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:52px;height:52px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drop-text{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.drop-text strong{font-size:15px;font-weight:600}.drop-text .muted{font-size:var(--text-sm)}.chips{flex-wrap:wrap;gap:6px;display:flex}.fmt{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--field);border-radius:4px;padding:3px 8px}.fmt.native{background:var(--fg);color:var(--bg)}.browse{border-color:var(--fg)}.section-head{justify-content:space-between;align-items:baseline;display:flex}.link-btn{color:var(--muted);background:0 0;border:0}.link-btn:hover{color:var(--fg)}.file-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.file-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);position:relative;overflow:hidden}.file-card:hover{border-color:var(--accent)}.file-open{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.file-thumb{background:var(--paste);height:150px;color:var(--muted);justify-content:center;align-items:center;display:flex;overflow:hidden}.file-thumb img{max-width:82%;max-height:86%;box-shadow:0 1px 2px #1a18201f}.file-meta{flex-direction:column;gap:2px;padding:12px 14px 14px;display:flex}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-meta span{font-size:var(--text-sm);color:var(--muted)}.file-remove{background:var(--panel);opacity:0;position:absolute;top:8px;right:8px}.file-card:hover .file-remove,.file-remove:focus-visible{opacity:1}.empty-files{align-items:center;gap:16px;padding:20px 0;display:flex}.lede{margin:-12px 0 24px}@media (max-width:1100px){.presets{grid-template-columns:repeat(3,minmax(0,1fr))}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){.home{flex-direction:column;overflow:auto}.home-side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;width:auto;padding:12px 16px}.home-side nav{display:flex}.home-side .side-item{width:auto}.home-logo{padding:0 8px 0 0}.side-foot{border:0;margin:0;padding:0}.home-main{overflow:visible}.home-content{padding:24px 16px 32px}.home-head{flex-direction:column;align-items:stretch}.home-head h1{font-size:30px}.home-search{width:100%}.presets,.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dropzone{flex-direction:column;align-items:flex-start}}.home-head h1{white-space:nowrap}@media (max-width:900px){.home-head{flex-wrap:wrap}.home-head .home-search{flex:100%}}.palette{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(620px,100vw - 32px);box-shadow:var(--shadow-pop);z-index:60;color:var(--fg);position:fixed;top:14vh;left:50%;overflow:hidden;transform:translate(-50%)}.palette-input{border-bottom:1px solid var(--line);height:52px;color:var(--muted);align-items:center;gap:10px;padding:0 16px;display:flex}.palette-input input{color:var(--fg);background:0 0;border:0;outline:0;flex:1;font-size:15px}.palette [cmdk-list]{max-height:min(420px,60vh);padding:6px;overflow:auto}.palette [cmdk-group-heading]{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:10px 10px 4px;font-weight:600}.palette [cmdk-item]{border-radius:var(--radius-md);cursor:default;align-items:center;gap:10px;height:36px;padding:0 10px;display:flex}.palette [cmdk-item]>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.palette [cmdk-item][data-selected=true]{background:var(--hover)}.palette [cmdk-empty]{text-align:center;color:var(--muted);padding:24px}.palette .small{font-size:var(--text-sm)}.pal-swatch{border-radius:4px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026;flex:0 0 16px!important}