:root{--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}.app{--banner-height:46px;background:var(--bg);min-height:100svh;color:var(--text)}.promo-banner{min-height:var(--banner-height);border-bottom:1px solid var(--border);color:var(--text);background:color-mix(in srgb, var(--surface), var(--bg) 35%);justify-content:center;align-items:center;gap:16px;padding:8px clamp(18px,4vw,48px);display:flex}.promo-banner-copy{min-width:0;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:13px;line-height:1.25;display:inline-flex}.promo-spark{color:#7a5200;background:#f6d777;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid;box-shadow:0 0 16px #f6d77747}.promo-banner button{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.promo-banner svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.theme-light{--bg:#f7f7f4;--surface:#fff;--surface-muted:#f0f0ec;--surface-strong:#fafaf8;--text:#171717;--muted:#6c6c66;--faint:#9c9c95;--border:#deded8;--grid:#1717170e;--shadow:0 22px 55px #14141014;--accent:#d6b24c;--accent-soft:#d6b24c2e;--accent-contrast:#18130a;--active-contrast:#fff;--active-tool-bg:#171717}.theme-dark{--bg:#10100f;--surface:#181817;--surface-muted:#20201e;--surface-strong:#151514;--text:#f4f2ed;--muted:#aaa79f;--faint:#77746d;--border:#33322f;--grid:#f4f2ed12;--shadow:0 22px 55px #00000052;--accent:#d6b24c;--accent-soft:#d6b24c33;--accent-contrast:#18130a;--active-contrast:#f4f2ed;--active-tool-bg:#d6b24c2e}.home-shell{grid-template-rows:68px auto auto auto;gap:42px;min-height:100svh;padding:0 32px 48px;display:grid}.has-banner .home-shell{min-height:calc(100svh - var(--banner-height))}.has-banner .canvas-shell{height:calc(100svh - var(--banner-height))}.topbar,.canvas-topbar{justify-content:space-between;align-items:center;min-width:0;display:flex}.brand,.canvas-title{color:var(--text);align-items:center;gap:9px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.brand,.canvas-logo-button{background:0 0;border:0;justify-content:center;width:30px;height:30px;padding:0}.canvas-logo-button{flex:none;align-items:center;display:inline-flex}.brand-logo{background:var(--text);width:22px;height:24px;display:block;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.mark{width:24px;height:24px;color:var(--bg);background:var(--text);font:700 8px/1 var(--mono);letter-spacing:0;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.topbar-actions,.canvas-actions,.composer-actions,.composer-tools,.prompt-chips,.dock-actions{align-items:center;gap:7px;display:flex}button,textarea{font:inherit}button{appearance:none;cursor:pointer}.pill-button,.avatar-button,.composer-tools button,.prompt-chips button,.section-heading button,.dock-actions button,.credit-pill{border:1px solid var(--border);min-height:36px;color:var(--text);background:color-mix(in srgb, var(--surface), transparent 4%);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 15px;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}.avatar-button{border-radius:50%;width:30px;height:30px;min-height:30px;padding:0;font-size:12px;font-weight:650;overflow:hidden}.upgrade-button{border:1px solid color-mix(in srgb, var(--accent), var(--border) 40%);min-height:28px;color:var(--accent-contrast);background:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:13px;font-weight:620;transition:transform .16s ease-out,filter .16s ease-out;display:inline-flex}.topbar-actions .pill-button,.canvas-actions .pill-button{min-height:28px;padding-inline:11px;font-size:13px}.upgrade-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.upgrade-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.theme-switch{border:1px solid var(--border);width:62px;height:28px;color:var(--muted);background:color-mix(in srgb, var(--surface), transparent 4%);border-radius:999px;justify-content:space-between;align-items:center;padding:3px;transition:border-color .18s ease-out,background .18s ease-out;display:inline-flex;position:relative}.theme-switch-thumb{background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.16,1,.3,1),background .18s ease-out;position:absolute;top:3px;left:3px;transform:translate(0);box-shadow:0 8px 18px #00000029}.theme-dark .theme-switch-thumb{background:#24384a}.theme-light .theme-switch-thumb{background:#fff;transform:translate(34px)}.theme-switch-icon{z-index:1;color:#8a8a84;place-items:center;width:20px;height:20px;transition:color .18s ease-out,filter .18s ease-out,transform .18s ease-out;display:grid;position:relative}.theme-switch-icon.moon,.theme-switch-icon.sun{margin-left:0}.theme-switch-icon svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.theme-switch-icon.active{transform:scale(1.03)}.theme-switch-icon.moon.active{color:#f4f2ed;filter:drop-shadow(0 0 7px #f4f2ed8c)}.theme-switch-icon.sun.active{color:#f59e0b;filter:drop-shadow(0 0 8px #f59e0b70)}.theme-dark .theme-switch{background:#181817;border-color:#33322f}.theme-light .theme-switch{background:#f0f0ec;border-color:#d8d8d0}.pill-button:hover,.avatar-button:hover,.theme-switch:hover,.credit-pill:hover,.icon-button:hover,.mode-switch:hover,.select-control select:hover,.enhance-toggle:hover,.prompt-chips button:hover,.section-heading button:hover,.dock-actions button:hover{background:var(--surface-muted);border-color:color-mix(in srgb, var(--border), var(--text) 18%)}.home-center{align-content:center;justify-items:center;gap:24px;display:grid}.home-copy{text-align:center;width:min(1120px,100%)}.eyebrow{color:var(--muted);letter-spacing:0;margin:15px 0 0;font-size:18px;font-weight:450;line-height:1.35}.hero-heading{color:var(--text);letter-spacing:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 13px;margin:0;font-size:clamp(34px,4vw,48px);font-weight:650;line-height:1.08;display:flex}.hero-brand-lockup{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.hero-logo-badge{background:var(--text);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:inline-grid}.hero-logo-badge:before{content:"";background:var(--bg);width:35px;height:38px;display:block;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}h1,h2,p{margin:0}h2{color:var(--text);letter-spacing:0;font-size:20px;font-weight:650;line-height:1.2}.composer{border:1px solid var(--border);background:var(--surface);width:min(920px,100%);min-height:168px;box-shadow:var(--shadow);border-radius:8px;grid-template-rows:1fr auto;display:grid;overflow:visible}.composer textarea{resize:none;width:100%;min-height:104px;color:var(--text);background:0 0;border:0;outline:0;padding:23px 22px 10px;font-size:17px;line-height:1.35}.composer textarea::placeholder,.prompt-dock textarea::placeholder{color:var(--faint)}.composer-actions{justify-content:flex-start;align-items:center;gap:10px;padding:0 14px 14px;display:flex;position:relative}.composer-left-controls,.composer-right-controls{align-items:center;gap:10px;display:flex}.composer-left-controls{flex:0 auto;justify-content:flex-start;min-width:0}.composer-right-controls{flex:none;justify-content:flex-end;margin-left:auto}.composer-right-controls .send-button{margin-left:0}.attach-control{flex:none;order:1;position:relative}.mode-switch{order:2}.select-control.model-select{order:3}.select-control.aspect{order:4}.select-control.resolution{order:5}.select-control.duration-select{order:6}.select-control.output{order:7}.enhance-toggle{order:8}.icon-button,.mode-switch button{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);background:color-mix(in srgb, var(--surface), transparent 4%);border-radius:50%;flex:none;place-items:center;display:inline-grid}.attach-button{color:var(--text)}.attach-menu{z-index:8;border:1px solid var(--border);background:var(--surface);width:190px;box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0}.attach-menu button{min-height:32px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:flex}.attach-menu button:hover{background:var(--surface-muted)}.attach-menu button:disabled{cursor:progress;opacity:.55}.mode-switch{border:1px solid var(--border);background:color-mix(in srgb, var(--surface), transparent 4%);border-radius:7px;flex:none;justify-content:space-between;align-items:center;width:112px;height:28px;padding:2px;display:inline-block;position:relative}.mode-switch-thumb{background:var(--text);border-radius:5px;width:52px;height:22px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.mode-switch-thumb[data-mode=video]{transform:translate(54px)}.mode-switch button{z-index:1;width:52px;height:22px;color:var(--faint);letter-spacing:0;background:0 0;border:0;padding:0;font-size:12px;font-weight:560;position:absolute;top:2px}.mode-switch button:first-of-type{left:2px}.mode-switch button:last-of-type{right:2px}.mode-switch button.active{color:var(--bg)}.mode-switch svg{width:13px;height:13px}.select-control{min-width:0;display:inline-flex}.select-control select{appearance:none;border:1px solid var(--border);width:136px;min-width:0;height:28px;color:var(--text);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) right 13px center / 4px 4px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) right 9px center / 4px 4px no-repeat, color-mix(in srgb, var(--surface), transparent 4%);font:560 12px/1 var(--font);border-radius:999px;padding:0 24px 0 11px}.select-control.compact select{width:104px}.select-control.resolution select{width:86px}.select-control.duration-select select{width:76px}.select-control.tiny select{width:96px}.enhance-toggle{border:1px solid var(--border);height:28px;color:var(--muted);background:color-mix(in srgb, var(--surface), transparent 4%);border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:560;display:inline-flex}.enhance-toggle.active{color:var(--accent-contrast);border-color:var(--accent);background:var(--accent)}.send-button{width:30px;height:30px;color:var(--accent-contrast);background:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .16s ease-out,background .16s ease-out;display:inline-grid}.send-button:hover{transform:translateY(-1px)}.send-button:disabled{cursor:progress;opacity:.66;transform:none}.send-button svg{width:15px;height:15px}.reference-strip{flex-wrap:wrap;gap:8px;margin:-4px 16px 14px;display:flex}.reference-chip{border:1px solid var(--border);max-width:180px;height:34px;color:var(--text);background:color-mix(in srgb, var(--surface), transparent 3%);border-radius:8px;align-items:center;gap:7px;padding:3px 8px 3px 3px;display:inline-flex}.reference-chip span{background-position:50%;background-size:cover;border-radius:6px;flex:none;width:28px;height:28px}.reference-chip small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:560;overflow:hidden}.reference-chip svg{flex:none;width:12px;height:12px}.reference-picker{z-index:20;border:1px solid var(--border);background:var(--surface);width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:14px;display:grid;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.reference-picker-header,.reference-picker-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.reference-picker-header h2{font-size:15px}.reference-picker-header button{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:inline-grid}.reference-picker-header svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.reference-picker-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;max-height:260px;display:grid;overflow:auto}.reference-picker-grid button{border:1px solid var(--border);min-width:0;color:var(--muted);background:var(--surface-muted);text-align:left;border-radius:8px;gap:7px;padding:6px;display:grid}.reference-picker-grid button.selected{color:var(--text);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.reference-picker-grid span{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:6px}.reference-picker-grid small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.composer-status{color:var(--muted);margin:-4px 16px 14px;font-size:12px;line-height:1.35}.composer-status.error{color:#d95b48}.prompt-chips{flex-wrap:wrap;justify-content:center}.recent-work{justify-self:center;width:min(1500px,100%)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading button{min-height:32px;color:var(--muted);background:0 0}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.project-card{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.project-thumb,.new-project:before{border:1px solid var(--border);background:var(--surface-muted);background-position:50%;background-size:cover;border-radius:8px;height:clamp(112px,12vw,160px);display:block;overflow:hidden}.new-project{position:relative}.new-project:before{content:"";background:linear-gradient(130deg, #fff3, transparent 42%), var(--surface-strong)}.new-project>span{z-index:1;color:var(--faint);font-size:24px;position:absolute;top:calc(clamp(112px,12vw,160px)/2 - 10px);left:50%;transform:translate(-50%)}.canvas-project .project-thumb:not([style]){background:linear-gradient(110deg, transparent 0%, color-mix(in srgb, var(--surface), var(--text) 8%) 44%, transparent 62%), var(--surface-muted);background-size:240% 100%,auto}.project-card strong{font-size:14px;font-weight:620}.project-card small{color:var(--muted);font-size:12px}.access-request{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);justify-self:center;align-items:center;gap:18px;width:min(1500px,100%);padding-top:22px;display:grid}.access-request h2{margin-bottom:6px;font-size:16px}.access-request p{color:var(--muted);font-size:13px;line-height:1.4}.access-request form{justify-content:flex-end;gap:8px;display:flex}.access-request input{border:1px solid var(--border);min-width:0;height:34px;color:var(--text);background:var(--surface);border-radius:999px;padding:0 12px}.access-request input[type=email]{width:180px}.access-request input[type=text]{width:min(260px,100%)}.access-request .composer-status{text-align:right;grid-column:2;margin:-8px 0 0}.canvas-shell{background:var(--bg);grid-template-rows:48px 1fr;height:100svh;display:grid;overflow:hidden}.canvas-topbar{z-index:6;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg), transparent 5%);padding:0 16px 0 18px;position:relative}.canvas-title{font-size:13px}.canvas-logo-button{cursor:pointer}.credit-pill{min-height:28px;color:var(--muted);gap:6px;padding:0 11px 0 8px;font-size:13px;font-weight:560}.credit-coin{color:#7a5200;background:linear-gradient(#ffe08a,#e2af34);border-radius:50%;place-items:center;width:16px;height:16px;display:inline-grid;box-shadow:0 0 12px #e2af343d}.credit-coin svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.canvas-workspace{touch-action:none;background:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--bg);cursor:default;background-size:34px 34px;position:relative;overflow:hidden}.canvas-workspace.is-panning{cursor:grab}.canvas-workspace.is-panning:active{cursor:grabbing}.canvas-stage{transform-origin:0 0;width:1440px;height:1040px;position:absolute;inset:0}.canvas-stage.is-zooming{transition:transform .14s cubic-bezier(.16,1,.3,1)}.canvas-asset{touch-action:none;border:1px solid color-mix(in srgb, var(--border), transparent 25%);background:var(--surface-muted);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:2px;position:absolute;overflow:hidden;box-shadow:0 12px 30px #00000024}.canvas-asset:after{content:"";opacity:0;border:1px solid var(--accent);transition:opacity .14s ease-out;position:absolute;inset:0}.canvas-asset:hover:after,.canvas-asset:focus-visible:after,.canvas-asset.selected:after{opacity:1}.canvas-asset.selected{box-shadow:0 0 0 1px var(--accent), 0 16px 38px #0000002e}.selection-marquee{z-index:4;pointer-events:none;border:1px solid color-mix(in srgb, var(--accent), #fff 14%);background:color-mix(in srgb, var(--accent), transparent 82%);position:absolute}.snap-guide{z-index:5;pointer-events:none;background:color-mix(in srgb, var(--accent), #fff 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 50%);position:absolute}.snap-guide.x{width:1px}.snap-guide.y{height:1px}.canvas-asset-delete,.canvas-asset-download{z-index:3;border:1px solid color-mix(in srgb, var(--border), transparent 10%);width:28px;height:28px;color:var(--text);background:color-mix(in srgb, var(--surface), transparent 8%);opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .14s ease-out,transform .14s ease-out,background .14s ease-out;display:grid;position:absolute;top:8px;transform:translateY(-3px);box-shadow:0 8px 18px #0000002e}.canvas-asset-delete{right:8px}.canvas-asset-download{right:44px}.canvas-asset-delete svg,.canvas-asset-download svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.canvas-asset:hover .canvas-asset-delete,.canvas-asset:focus-within .canvas-asset-delete,.canvas-asset.selected .canvas-asset-delete,.canvas-asset:hover .canvas-asset-download,.canvas-asset:focus-within .canvas-asset-download,.canvas-asset.selected .canvas-asset-download{opacity:1;transform:translateY(0)}.canvas-asset-delete:hover,.canvas-asset-download:hover{background:color-mix(in srgb, var(--surface), var(--accent) 18%)}.canvas-asset.video{color:#fff}.canvas-asset.pending{color:var(--muted);background:linear-gradient(110deg, transparent 0%, color-mix(in srgb, var(--surface), var(--text) 8%) 46%, transparent 64%), var(--surface-muted);background-size:260% 100%,auto;place-items:center;animation:1.5s ease-in-out infinite pending-sheen;display:grid}.canvas-asset.failed{color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-muted), #c43 10%), var(--surface-muted));animation:none}.canvas-asset.failed:after{border-color:color-mix(in srgb, #c43, var(--accent) 25%);opacity:.6}.pending-asset-copy{border:1px solid var(--border);color:var(--text);background:color-mix(in srgb, var(--surface), transparent 15%);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:620;display:inline-flex}.pending-asset-copy svg{stroke:currentColor;stroke-width:1.8px;fill:none;width:14px;height:14px}.retry-asset-button{border:1px solid var(--border);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;margin-left:4px;padding:4px 8px;font-size:11px}.retry-asset-button:hover{border-color:var(--accent)}.canvas-workspace:not(.is-panning) .canvas-asset{cursor:grab}.canvas-workspace:not(.is-panning) .canvas-asset:active{cursor:grabbing}.canvas-asset video,.preview-image video{object-fit:contain;width:100%;height:100%;display:block}.play-indicator{background:#0000002e;place-items:center;display:grid;position:absolute;inset:0}.play-indicator:before{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:18px solid;width:0;height:0;transform:translate(2px)}.duration{color:#fff;font:600 11px/1 var(--mono);background:#0000008c;border-radius:5px;padding:4px 7px;position:absolute;bottom:8px;left:8px}.tool-rail{z-index:5;gap:8px;display:grid;position:absolute;top:88px;left:16px}.tool-rail button,.bottom-toolbar button{border:1px solid var(--border);color:var(--muted);background:var(--surface);place-items:center;transition:transform .17s ease-out,color .17s ease-out,background .17s ease-out,border-color .17s ease-out;display:grid}.theme-dark .pill-button,.theme-dark .avatar-button,.theme-dark .theme-switch,.theme-dark .credit-pill,.theme-dark .icon-button,.theme-dark .mode-switch,.theme-dark .select-control select,.theme-dark .enhance-toggle,.theme-dark .tool-rail button,.theme-dark .bottom-toolbar button{color:#aaa79f;border-color:#33322f;box-shadow:inset 0 0 0 999px #181817;background:#181817!important}.theme-dark .theme-switch,.theme-dark .mode-switch{box-shadow:none}.theme-dark .attach-menu{background:#181817;border-color:#33322f}.theme-dark .enhance-toggle.active{color:var(--accent-contrast);border-color:var(--accent);box-shadow:none;background:var(--accent)!important}.tool-rail button{border-radius:8px;width:42px;height:42px;box-shadow:0 12px 25px #0000000f}.theme-dark .tool-rail button{box-shadow:inset 0 0 0 999px #181817,0 12px 25px #00000038}.tool-rail button:hover,.bottom-toolbar button:hover{color:var(--text);transform:translateY(-1px)}.tool-rail button.active,.bottom-toolbar button.active{color:var(--text);border-color:color-mix(in srgb, var(--accent), var(--border) 45%);background:var(--accent-soft)}.theme-dark .tool-rail button.active,.theme-dark .bottom-toolbar button.active{color:#f4f2ed;border-color:#6fa1ffb3;box-shadow:inset 0 0 0 999px #6fa1ff29;background:#6fa1ff29!important}.theme-dark .tool-rail button.active{box-shadow:inset 0 0 0 999px #6fa1ff29,0 12px 25px #00000038}.tool-rail svg,.bottom-toolbar svg,.composer svg,.prompt-dock svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.composer .icon-button svg,.composer .attach-menu svg,.composer .send-button svg{width:15px;height:15px}.composer .mode-switch svg{width:13px;height:13px}.bottom-toolbar{z-index:6;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-60%)}.arrange-toolbar{z-index:7;border:1px solid var(--border);color:var(--text);background:color-mix(in srgb, var(--surface), transparent 4%);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:6px;padding:7px;display:flex;position:absolute;bottom:82px;left:50%;transform:translate(-60%)}.arrange-toolbar span{color:var(--muted);white-space:nowrap;padding:0 8px;font-size:12px;font-weight:640}.arrange-toolbar button{border:1px solid var(--border);min-height:30px;color:var(--muted);background:var(--surface);font:650 12px/1 var(--font);cursor:pointer;border-radius:6px;padding:0 10px;transition:color .16s ease-out,border-color .16s ease-out,background .16s ease-out}.arrange-toolbar button:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent), var(--border) 45%);background:var(--accent-soft)}.theme-dark .arrange-toolbar,.theme-dark .arrange-toolbar button{background:#181817;border-color:#33322f}.bottom-toolbar button{border-radius:6px;width:36px;height:36px}.bottom-toolbar button.active{color:var(--active-contrast);background:var(--active-tool-bg);border-color:color-mix(in srgb, var(--accent), var(--border) 45%)}.zoom-readout{z-index:4;color:var(--muted);font:600 12px/1 var(--mono);position:absolute;bottom:28px;left:24px}.inspector{z-index:5;border-left:1px solid var(--border);background:var(--surface);grid-template-rows:auto 1fr auto;width:min(360px,31vw);min-width:300px;display:grid;position:absolute;top:0;bottom:0;right:0}.inspector-preview{border-bottom:1px solid var(--border);padding:18px 18px 14px}.inspector-preview h2{max-width:280px;font-size:17px;line-height:1.25}.preview-image{background:var(--surface-muted);background-position:50%;background-size:cover;border-radius:4px;height:248px;margin-top:14px}.run-steps{color:var(--muted);align-content:start;gap:14px;margin:0;padding:18px;font-size:13px;line-height:1.35;list-style:none;display:grid}.run-steps li{border-left:2px solid var(--border);padding-left:13px}.run-steps li.active{color:var(--text);border-color:var(--accent)}.run-steps li.error{color:#d95b48;border-color:#d95b48}.prompt-dock{border-top:1px solid var(--border);gap:11px;padding:14px;display:grid;position:relative}.prompt-dock textarea{resize:none;border:1px solid var(--border);width:100%;min-height:92px;color:var(--text);background:var(--bg);border-radius:8px;outline:0;padding:13px;font-size:13px;line-height:1.35}.dock-actions{justify-content:space-between}.dock-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dock-controls .select-control.model-select select{width:146px}.dock-controls .select-control.compact select{width:82px}.dock-controls .select-control.resolution select{width:78px}.dock-controls .select-control.duration-select select{width:70px}.dock-controls .select-control.tiny select{width:82px}.dock-controls .enhance-toggle{max-width:100%}.dock-controls .send-button{margin-left:auto}.prompt-dock .reference-strip,.prompt-dock .composer-status{margin:0}.dock-actions button:first-child{min-height:32px;color:var(--text);background:var(--accent-soft);border-color:#0000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.tool-rail button.active svg{animation:1.5s ease-out infinite rail-tool-pulse}.send-button svg{animation:1.2s ease-out infinite arrow-settle}}@keyframes rail-tool-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes arrow-settle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes pending-sheen{0%{background-position:140% 0,0 0}to{background-position:-120% 0,0 0}}@media (width<=1020px){.home-shell{gap:28px;padding-bottom:32px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-request{grid-template-columns:1fr}.access-request form{justify-content:flex-start}.access-request .composer-status{text-align:left;grid-column:1}.canvas-actions .credit-pill{display:none}.inspector{width:310px}}@media (width<=720px){.home-shell{grid-template-rows:62px auto auto;padding-inline:12px}.canvas-title span{display:none}.topbar-actions{gap:6px}.hero-heading{gap:4px 8px;font-size:clamp(26px,8vw,34px);line-height:1.08}.hero-brand-lockup{gap:8px}.hero-logo-badge{width:38px;height:38px}.hero-logo-badge:before{width:25px;height:28px}.eyebrow{margin-top:12px;font-size:15px}.theme-switch{width:58px;height:28px}.theme-switch-thumb{width:20px;height:20px}.theme-light .theme-switch-thumb{transform:translate(30px)}.theme-switch-icon{width:20px;height:20px}.theme-switch-icon.moon,.theme-switch-icon.sun{margin-left:0}.credit-pill{min-height:28px;padding:0 9px 0 8px}.upgrade-button{min-height:28px;padding:0 10px}.avatar-button{width:30px;height:30px}.composer-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.composer-left-controls,.composer-right-controls{flex-wrap:wrap;width:100%;display:flex}.composer-left-controls{grid-template-columns:auto auto minmax(0,1fr);display:grid}.select-control,.select-control select,.select-control.compact select,.select-control.resolution select,.select-control.duration-select select,.select-control.tiny select{width:100%}.select-control.compact,.select-control.tiny,.enhance-toggle{grid-column:1/-1}.composer-right-controls{justify-content:space-between;display:flex}.composer-right-controls .send-button{margin-left:auto}.enhance-toggle{flex:1}.project-grid{grid-template-columns:1fr}.access-request form{display:grid}.access-request input,.access-request input[type=email],.access-request input[type=text]{width:100%}.canvas-shell{grid-template-rows:46px 1fr}.inspector{border-left:0;border-top:1px solid var(--border);grid-template-rows:auto auto;width:auto;min-width:0;height:300px;top:auto;left:0}.inspector-preview,.run-steps{display:none}.prompt-dock{align-self:end}.tool-rail{top:72px}.bottom-toolbar{max-width:calc(100vw - 32px);bottom:316px;left:50%;overflow-x:auto;transform:translate(-50%)}.arrange-toolbar{max-width:calc(100vw - 32px);bottom:372px;left:50%;right:auto;overflow-x:auto;transform:translate(-50%)}}