*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #e8edf5;--border: rgba(16,24,36,.09);--border-hi: rgba(16,24,36,.15);--text: #101824;--text-dim: #4b576b;--text-muted: #5d6678;--accent: #008052;--accent-dim: rgba(0,128,82,.13);--accent-glow: rgba(0,128,82,.3);--accent-deep: #006743;--accent-soft: #daf0e6;--accent-ink: #ffffff;--green: #297d22;--red: #e0463a;--red-ink: #b3261e;--amber: #c97a16;--canvas-mat: #e8edf5;--topbar-h: 44px;--panel-w: 280px;--panel-collapsed-w: 216px;--timeline-h: 160px;--props-w: 260px;--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--r-pill: 999px;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--font-num: "Saira Condensed", sans-serif;--shadow-panel: 0 4px 24px rgba(16,24,36,.1);--shadow-float: 0 14px 44px rgba(16,24,36,.18);--z-canvas-ui: 10;--z-resize: 20;--z-panel: 50;--z-topbar: 100;--z-snap: 200;--z-menu: 800;--z-banner: 900;--z-backdrop: 1000;--z-modal: 1010;--z-palette: 1020;--z-toast: 1080;--z-tutorial: 1090}:root[data-theme=carbon]{--bg: #0b0c0e;--surface: #15181d;--surface-2: #1b1f26;--surface-3: #242a32;--border: rgba(255,255,255,.075);--border-hi: rgba(255,255,255,.15);--text: #f3f0ea;--text-dim: #a8a39a;--text-muted: #9a948b;--accent: #1ec189;--accent-dim: rgba(30,193,137,.15);--accent-glow: rgba(30,193,137,.4);--accent-deep: #69deac;--accent-soft: rgba(30,193,137,.15);--accent-ink: #07140d;--green: #53c75d;--red: #ff5747;--red-ink: #ff6a5a;--amber: #ffb020;--canvas-mat: #0b0c0e;--shadow-panel: 0 1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.5);--shadow-float: 0 30px 70px rgba(0,0,0,.62)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.studio{display:grid;grid-template-rows:var(--topbar-h) 1fr var(--timeline-h);grid-template-columns:auto 1fr var(--props-w);height:100vh;height:100dvh;width:100vw;overflow:hidden;position:relative}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 68%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.drop-overlay__card{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:26px 40px;border:2px dashed var(--accent);border-radius:14px;background:var(--surface);color:var(--text);font-family:var(--font-ui);box-shadow:0 12px 40px #00000040}.drop-overlay__card strong{font-size:17px;letter-spacing:.01em}.drop-overlay__card span{font-size:13px;color:var(--text-dim)}.studio-topbar{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-topbar)}.studio-panel{grid-column:1;grid-row:2;width:var(--panel-w);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden;z-index:var(--z-panel)}.studio-panel.collapsed{width:var(--panel-collapsed-w)}.panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.studio-panel.collapsed .panel-content{display:none}.studio-canvas{grid-column:2;grid-row:2;position:relative;overflow:hidden;background:var(--canvas-mat);container-type:size;display:grid;place-items:center}.studio-props{grid-column:3;grid-row:2;width:var(--props-w);background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}.studio-timeline{grid-column:1 / -1;grid-row:3;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);z-index:var(--z-panel)}.studio-props.data-hidden{visibility:hidden;pointer-events:none}.studio-scrim{display:none}@media (max-width: 900px){.studio{grid-template-columns:auto 1fr}.studio-panel,.studio-panel.collapsed{width:56px;z-index:var(--z-menu)}.studio-panel .icon-btn{width:44px;height:44px}.studio-panel:not(.collapsed) .panel-content{position:fixed;top:var(--topbar-h);bottom:var(--timeline-h);left:56px;width:min(78vw,300px);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-float);z-index:var(--z-menu)}.studio-props{position:fixed;left:0;right:0;top:auto;bottom:var(--timeline-h);width:auto;max-height:48vh;border-left:none;border-top:1px solid var(--border-hi);box-shadow:var(--shadow-float);z-index:var(--z-menu);transform:translateY(110%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.studio-props:not(.data-hidden){transform:translateY(0)}.studio-props.data-hidden{transform:translateY(110%)}.studio-scrim{display:block;position:fixed;inset:var(--topbar-h) 0 var(--timeline-h) 0;background:#00000073;border:none;padding:0;cursor:pointer;z-index:calc(var(--z-menu) - 1)}@media (prefers-reduced-motion: reduce){.studio-props{transition:none}}}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .1s,color .1s;font-size:16px}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.active{background:var(--accent-dim);color:var(--accent-deep)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn:active{background:var(--surface-3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--border-hi);background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .1s,border-color .1s,box-shadow .1s;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--border-hi)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn.btn-accent{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:700;box-shadow:0 3px 10px var(--accent-glow)}.btn.btn-accent:hover{filter:brightness(1.05)}.btn.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim);box-shadow:none}.btn.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:disabled:hover,.btn[disabled]:hover{filter:none}input[type=text],input[type=number],select{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:12px;padding:4px 8px;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}input[type=text].input--invalid,input[type=number].input--invalid,input[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 22%,transparent)}input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:none;cursor:pointer}@media (pointer: coarse){input[type=color]{width:40px;height:36px}}.panel-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.divider{height:1px;background:var(--border);margin:4px 0}.overlay-widget{position:absolute;cursor:grab;outline:none}.overlay-widget:active{cursor:grabbing}.overlay-widget.selected{outline:1.5px solid var(--accent);outline-offset:1px}.overlay-widget:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.overlay-toolbar{position:absolute;top:-26px;left:0;display:none;align-items:center;gap:4px;background:var(--surface-3);border:1px solid var(--border-hi);border-radius:var(--r-sm) var(--r-sm) 0 0;padding:2px 6px;font-size:11px;white-space:nowrap;z-index:var(--z-canvas-ui)}.overlay-widget.selected .overlay-toolbar,.overlay-widget:hover .overlay-toolbar{display:flex}.overlay-toolbar-label{color:var(--text-dim);flex:1}.toolbar-btn{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:11px;padding:0 2px;line-height:1}.toolbar-btn:hover{color:var(--text)}.toolbar-btn.danger:hover{color:var(--red)}.overlay-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid transparent;border-radius:2px;z-index:1}.overlay-widget.selected .overlay-border{border-color:var(--accent)}.overlay-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.resize-handle{position:absolute;width:10px;height:10px;background:var(--accent);border:1px solid #000;border-radius:2px;z-index:var(--z-resize);opacity:0;transition:opacity .1s}.overlay-widget.selected .resize-handle{opacity:1}.rh-nw{top:-5px;left:-5px;cursor:nw-resize}.rh-ne{top:-5px;right:-5px;cursor:ne-resize}.rh-sw{bottom:-5px;left:-5px;cursor:sw-resize}.rh-se{bottom:-5px;right:-5px;cursor:se-resize}.rh-n{top:-4px;left:50%;transform:translate(-50%);cursor:n-resize}.rh-s{bottom:-4px;left:50%;transform:translate(-50%);cursor:s-resize}.rh-w{left:-4px;top:50%;transform:translateY(-50%);cursor:w-resize}.rh-e{right:-4px;top:50%;transform:translateY(-50%);cursor:e-resize}.snap-guide{position:absolute;background:var(--accent);opacity:.5;pointer-events:none;z-index:var(--z-snap)}.snap-guide.h{height:1px;left:0;right:0}.snap-guide.v{width:1px;top:0;bottom:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a161347}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:var(--z-backdrop)}.modal{background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r-lg);padding:24px;min-width:360px;max-width:520px;box-shadow:var(--shadow-float)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:700;font-size:15px}.cmd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-palette);background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:120px}.cmd-palette{background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r-lg);width:560px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-float);overflow:hidden}.cmd-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:14px 16px;font-size:15px;color:var(--text);outline:none}.cmd-list{max-height:360px;overflow-y:auto}.cmd-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .1s;font-size:13px}.cmd-item:hover,.cmd-item.focused{background:var(--surface-3)}.cmd-item .cmd-title{flex:1}.cmd-item .cmd-group{font-size:11px;color:var(--text-muted)}.cmd-item .cmd-kbd{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);padding:1px 5px;border:1px solid var(--border-hi);border-radius:3px}.progress-bar{height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .15s}.auth-backdrop.svelte-1n6rdjz.svelte-1n6rdjz{background:#1018248c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.auth-modal.svelte-1n6rdjz.svelte-1n6rdjz{min-width:0;width:100%;max-width:400px;padding:28px}.auth-brand.svelte-1n6rdjz.svelte-1n6rdjz{display:flex;justify-content:center;color:var(--text);margin-bottom:14px}.auth-title.svelte-1n6rdjz.svelte-1n6rdjz{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.auth-close.svelte-1n6rdjz.svelte-1n6rdjz{display:grid;place-items:center;width:38px;height:38px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-dim);border-radius:var(--r-sm);transition:color .12s,background .12s}.auth-close.svelte-1n6rdjz.svelte-1n6rdjz:hover{color:var(--text);background:var(--surface-2)}@media (pointer: coarse){.auth-close.svelte-1n6rdjz.svelte-1n6rdjz{width:44px;height:44px}}.auth-tabs.svelte-1n6rdjz.svelte-1n6rdjz{display:flex;border:1px solid var(--border-hi);border-radius:var(--r-sm);overflow:hidden;margin-bottom:14px}.auth-tab.svelte-1n6rdjz.svelte-1n6rdjz{flex:1;padding:7px 0;background:var(--surface-3);color:var(--text-dim);border:none;cursor:pointer;font:inherit;font-size:12px;font-weight:600;transition:background .1s,color .1s}.auth-tab.svelte-1n6rdjz+.auth-tab.svelte-1n6rdjz{border-left:1px solid var(--border-hi)}.auth-tab.svelte-1n6rdjz.svelte-1n6rdjz:hover{color:var(--text)}.auth-tab.active.svelte-1n6rdjz.svelte-1n6rdjz{background:var(--accent);color:var(--accent-ink)}.auth-label.svelte-1n6rdjz.svelte-1n6rdjz{display:block;font-size:11px;color:var(--text-dim);font-weight:600;margin:8px 0 4px}.auth-input.svelte-1n6rdjz.svelte-1n6rdjz{width:100%;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:13px;padding:8px 10px;outline:none;transition:border-color .15s}.auth-input.svelte-1n6rdjz.svelte-1n6rdjz:focus{border-color:var(--accent)}.auth-error.svelte-1n6rdjz.svelte-1n6rdjz{margin:14px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--red) 8%,transparent);border:1px solid color-mix(in srgb,var(--red) 24%,transparent);color:var(--red-ink);font-size:12px;line-height:1.45}.auth-submit.svelte-1n6rdjz.svelte-1n6rdjz{width:100%;justify-content:center;margin-top:14px}.auth-google.svelte-1n6rdjz.svelte-1n6rdjz{width:100%;justify-content:center;margin-top:8px}.auth-links.svelte-1n6rdjz.svelte-1n6rdjz{display:flex;justify-content:center;margin-top:12px}.auth-link.svelte-1n6rdjz.svelte-1n6rdjz{background:none;border:none;color:var(--text-dim);cursor:pointer;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px}.auth-link.svelte-1n6rdjz.svelte-1n6rdjz:hover{color:var(--accent)}.auth-trust.svelte-1n6rdjz.svelte-1n6rdjz{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:11.5px;line-height:1.5;color:var(--text-dim);text-align:center}.auth-trust-link.svelte-1n6rdjz.svelte-1n6rdjz{color:var(--text-dim);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.auth-trust-link.svelte-1n6rdjz.svelte-1n6rdjz:hover{color:var(--text)}