@font-face{font-family:Geist;src:url(../fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Square.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--desk:#ecebe6;--paper:#fbfaf8;--ink:#1b1a17;--muted:#6a675f;--line:#dedbd3;--tray:#fff;--agent:#5b5bd6;--agent-soft:color-mix(in srgb, var(--agent) 14%, transparent);--hover:color-mix(in srgb, var(--ink) 7%, transparent);--sans:"Geist", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--pixel:"Geist Pixel", "Geist Mono", monospace;--pill-shadow:0 12px 32px -18px #14120c59, 0 1px 2px #14120c0f}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%;margin:0}body{background:var(--desk);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}#app{grid-template-rows:auto 1fr auto;height:100dvh;display:grid}.top{z-index:3;justify-content:space-between;align-items:center;padding:16px 24px 8px;display:flex;position:relative}.identity{align-items:baseline;gap:16px;display:flex}.tagline{color:var(--muted);font-size:12px}.wordmark{appearance:none;font-family:var(--pixel);letter-spacing:.04em;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;margin-left:-10px;padding:6px 10px;font-size:22px}.wordmark:hover,.wordmark[aria-expanded=true]{background:var(--hover)}.status{font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.zoom{border:1px solid var(--line);background:var(--tray);border-radius:10px;align-items:center;gap:2px;padding:2px;display:flex}.zoom .tool{width:30px;height:30px}.zoom .readout{width:auto;min-width:52px;font-family:var(--mono);color:var(--ink);font-size:12px}.chip{background:var(--tray);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.chip .dot{background:var(--muted);opacity:.5;border-radius:50%;width:7px;height:7px}.chip.on{color:var(--agent);border-color:var(--agent);background:var(--agent-soft)}.chip.on .dot{background:var(--agent);opacity:1;animation:1.2s ease-out infinite pulse}.chip.off{opacity:.7}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--agent) 55%, transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb, var(--agent) 0%, transparent)}}.menu{z-index:4;background:var(--tray);border:1px solid var(--line);border-radius:16px;width:420px;max-height:calc(100dvh - 90px);padding:8px;position:absolute;top:58px;left:24px;overflow:auto;box-shadow:0 24px 60px -24px #000000b3}.menu[hidden]{display:none}.menu-row{gap:4px;display:flex}.menu-row+.menu-row{margin-top:4px}.mitem{color:var(--ink);font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.mitem:hover{background:var(--hover)}.mitem:disabled{opacity:.4;cursor:default}.mitem span{flex:1}.mitem kbd{font-family:var(--mono);color:var(--muted);font-size:11px}.menu-title{font-family:var(--pixel);letter-spacing:.06em;color:var(--muted);align-items:center;gap:8px;padding:12px 10px 6px;font-size:12px;display:flex}.menu-title em{font-family:var(--mono);margin-left:auto;font-size:11px;font-style:normal}.library{grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 6px 6px;display:grid}.card{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;position:relative;overflow:hidden}.card.current{outline:2px solid var(--agent);outline-offset:-1px}.card img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.card-meta{justify-content:space-between;gap:6px;padding:6px 8px;font-size:11px;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-date{color:var(--muted);font-family:var(--mono);flex-shrink:0}.card-delete{background:color-mix(in srgb, var(--tray) 85%, transparent);width:26px;height:26px;color:var(--ink);cursor:pointer;opacity:0;border:0;border-radius:8px;position:absolute;top:4px;right:4px}.card-delete svg{width:16px;height:16px}.card:hover .card-delete{opacity:1}.stage{place-items:center;min-height:0;padding:10px 28px 14px;display:grid;position:relative}canvas{box-shadow:0 0 0 1px var(--line), 0 18px 56px -20px #00000059;cursor:crosshair;background:0 0;border-radius:10px;display:block}.inspector{z-index:3;width:240px;max-height:calc(100% - 28px);position:absolute;bottom:14px;right:28px;overflow:auto}.inspector[hidden]{display:none}.layers{z-index:3;width:210px;box-shadow:var(--pill-shadow);background:color-mix(in srgb, var(--tray) 92%, transparent);border:1px solid var(--line);max-height:calc(100% - 24px);font-family:var(--mono);border-radius:14px;padding:6px;font-size:12px;position:absolute;top:12px;right:28px;overflow:auto}.layers[hidden]{display:none}.layers-title{font-family:var(--pixel);letter-spacing:.06em;color:var(--muted);padding:4px 8px 6px;font-size:12px}.layer{border-radius:8px;align-items:center;gap:6px;padding:3px 4px 3px 2px;display:flex}.layer:hover{background:var(--hover)}.layer.off .name,.layer.off .meta{opacity:.4}.layer .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer .meta{color:var(--muted);font-size:11px}.layer .eye,.layer .order{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;padding:0;display:grid}.layer .eye svg,.layer .order svg{width:16px;height:16px}.layer .eye:hover,.layer .order:hover{background:var(--hover)}.layer .order{opacity:0}.layer:hover .order{opacity:1}@media (width<=900px){.layers{display:none}}.strip{background:var(--tray);border:1px solid var(--line);width:340px;box-shadow:var(--pill-shadow);border-radius:18px;align-items:center;gap:4px;padding:5px 8px;display:flex}.strip .tool{border-radius:9px;width:34px;height:34px}.strip .tool svg{width:20px;height:20px}.strip[hidden]{display:none}.clock{font-family:var(--mono);color:var(--muted);text-align:center;min-width:78px;font-size:11px}.scrub{flex:1;align-items:center;height:34px;display:flex;position:relative}.scrub input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0}.scrub input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}.scrub input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--agent);width:12px;height:12px;box-shadow:0 0 0 3px var(--tray);border-radius:50%;margin-top:-4.5px}.scrub input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:3px}.scrub input[type=range]::-moz-range-thumb{background:var(--agent);border:0;border-radius:50%;width:12px;height:12px}.ticks{pointer-events:none;height:0;position:absolute;top:50%;left:6px;right:6px}.ticks i{background:color-mix(in srgb, var(--agent) 55%, transparent);border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:-5px}.tray{padding:0 20px max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.picker{z-index:2;animation:.14s ease-out rise;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.tray-inner,.picker{background:var(--tray);border:1px solid var(--line);box-shadow:var(--pill-shadow);border-radius:18px;align-items:center;padding:6px;display:flex}.picker{border-radius:14px;gap:4px;padding:5px 8px}.picker[hidden]{display:none}.pgroup{align-items:center;gap:2px;display:flex}.picker .sep,.group+.group{position:relative}.picker .sep{background:var(--line);width:1px;height:22px;margin:0 8px}.group{align-items:center;gap:2px;padding:0 6px;display:flex}.group+.group{border-left:1px solid var(--line)}.tool{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;transition:background .12s,color .12s,transform .12s;display:inline-grid}.tool svg{width:24px;height:24px;overflow:visible}.tool:hover{background:var(--hover)}.tool:active{transform:scale(.94)}.tool.active{background:var(--agent-soft);color:var(--agent)}.tool.active svg{filter:drop-shadow(0 0 .4px)}.tool.text{width:auto;height:34px;font-family:var(--mono);padding:0 12px;font-size:12px}.tool:disabled{opacity:.4;cursor:default}.picker .tool{border-radius:9px;width:36px;height:36px}.picker .tool svg{width:20px;height:20px}.tool.width i{background:currentColor;border-radius:3px;width:18px;display:block}.tool:focus-visible,.swatch:focus-visible,.wordmark:focus-visible,.mitem:focus-visible{outline:2px solid var(--agent);outline-offset:2px}.colors{gap:6px;padding:0 2px}.swatch{background:var(--swatch);width:24px;height:24px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent) inset;cursor:pointer;border:0;border-radius:50%;margin:0;padding:0;transition:transform .12s;position:relative}.swatch:hover{transform:scale(1.08)}.swatch.active{box-shadow:0 0 0 2px var(--tray), 0 0 0 4px var(--agent)}.swatch.custom{background:conic-gradient(#f0605d,#f5c04a,#74c36c,#57b1f0,#8f76f2,#f0605d);display:block}.swatch.custom.active{background:var(--swatch)}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hint{text-align:center;width:min(80%,420px);font-family:var(--mono);color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hint[hidden]{display:none}.notice{background:var(--tray);border:1px solid var(--line);width:min(560px,100% - 48px);color:var(--ink);box-shadow:var(--pill-shadow);border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.45;position:absolute;top:12px;left:50%;transform:translate(-50%)}.notice code{font-family:var(--mono);background:var(--hover);border-radius:4px;padding:1px 5px;font-size:12px}@media (width<=760px){.top{padding:12px 16px 4px}.tagline,#cursor,.zoom{display:none}.status{gap:4px;font-size:10px}.stage{padding:10px 16px}.tray{padding:8px 12px max(12px, env(safe-area-inset-bottom))}.group{padding:0 2px}.tool{width:40px;height:40px}.menu{width:calc(100% - 24px);left:12px}.library{grid-template-columns:repeat(2,1fr)}}@media (pointer:coarse){.tool{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.chip,.tool,.swatch{transition:none}.chip.on .dot{animation:none}}:root{--select-marquee:color-mix(in srgb, var(--agent) 12%, transparent);--select-handle:var(--paper,#fff)}.inspector{background:color-mix(in srgb, var(--tray) 92%, transparent);border:1px solid var(--line);box-shadow:var(--pill-shadow);font-family:var(--mono);color:var(--ink);scrollbar-width:thin;border-radius:14px;padding:4px 2px;font-size:12px}.insp-sec{padding:6px 8px 8px}.insp-sec+.insp-sec{border-top:1px solid var(--line)}.insp-title{font-family:var(--pixel);letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:400}.insp-count{color:var(--ink);margin-bottom:6px;font-size:12px;display:block}.insp-row{align-items:center;gap:8px;min-height:26px;display:flex}.insp-row+.insp-row{margin-top:4px}.insp-label{color:var(--muted);letter-spacing:.02em;flex:0 0 46px;font-size:11px}.insp-ctl{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.inspector .swatch{width:18px;height:18px}.inspector .swatch:hover{transform:scale(1.12)}.inspector .swatch.custom{display:inline-block}.insp-text,.insp-select{border:1px solid var(--line);background:var(--paper);min-width:0;height:24px;color:var(--ink);font-family:var(--mono);border-radius:7px;flex:1;padding:0 6px;font-size:12px}.insp-select{cursor:pointer}.insp-text::placeholder{color:var(--muted);opacity:.7}.insp-text:focus-visible,.insp-select:focus-visible{outline:2px solid var(--agent);outline-offset:1px}.insp-slider{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.insp-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.insp-slider input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}.insp-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--agent);width:11px;height:11px;box-shadow:0 0 0 2px var(--tray);border-radius:50%;margin-top:-4px}.insp-slider input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:3px}.insp-slider input[type=range]::-moz-range-thumb{background:var(--agent);border:0;border-radius:50%;width:11px;height:11px}.insp-num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 30px;font-size:11px}.insp-toggle{appearance:none;border:1px solid var(--line);height:24px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:999px;padding:0 9px;font-size:11px;transition:background .12s,color .12s,border-color .12s}.insp-toggle:hover{background:var(--hover);color:var(--ink)}.insp-toggle.on{background:var(--agent-soft);border-color:var(--agent);color:var(--agent)}.insp-icons{gap:2px;display:flex}.inspector .tool{border-radius:7px;width:26px;height:26px}.inspector .tool svg{width:17px;height:17px}.insp-toggle:focus-visible,.inspector .tool:focus-visible,.inspector .swatch:focus-visible{outline:2px solid var(--agent);outline-offset:2px}.insp-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:24px;height:20px;padding:0}@media (width<=900px){.inspector{display:none}}@media (prefers-reduced-motion:reduce){.insp-toggle{transition:none}}