:root{--bg:#0b0f16;--panel:#ffffff0f;--panel-2:#ffffff17;--border:#ffffff1f;--text:#ffffffeb;--muted:#ffffffb8;--shadow:#00000059;--primary:#3b82f6;--primary-soft:#3b82f633;--primary-border:#3b82f66b;--success:#22c55e;--success-soft:#22c55e33;--success-border:#22c55e7a;--danger:#ef4444;--danger-soft:#ef444424;--danger-border:#ef44446b;--overlay-bg:#0a0e15eb;--bg-accent-1:#3b82f63d;--bg-accent-2:#22c55e29;--bg-accent-3:#ef44441f;--radius:14px;--font-scale:1}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,var(--bg-accent-1),transparent 60%),radial-gradient(900px 700px at 85% 20%,var(--bg-accent-2),transparent 55%),radial-gradient(900px 700px at 60% 90%,var(--bg-accent-3),transparent 60%),var(--bg);font-size:calc(16px*var(--font-scale));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.appShell{--chatdock-width:360px;isolation:isolate;grid-template:"header header""leftRail main"1fr"footer footer""chatDock chatDock"/280px 1fr;gap:10px;min-height:100vh;padding:14px;display:grid;position:relative}.appShell:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.appShell>*{z-index:1;position:relative}.appShell.studioSurface:before{opacity:.95;background:radial-gradient(760px 320px at 18% 0,#3b82f61f,#0000 70%),radial-gradient(840px 420px at 100% 10%,#22c55e14,#0000 74%),linear-gradient(#ffffff04,#0000 28%)}.shellLayout{grid-template-rows:auto 1fr auto;gap:18px;min-height:100vh;padding:22px;display:grid}.shellTopBar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.shellBrand{gap:4px;display:grid}.shellEyebrow,.shellHeroEyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.shellTitle{font-size:clamp(18px,2.2vw,26px);font-weight:700}.shellSubtitle{color:var(--muted);max-width:760px;line-height:1.45}.shellHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.shellCanvas{background:radial-gradient(700px 320px at 50% 10%,#3b82f61a,#0000 72%),linear-gradient(#080c1266,#080c121a);border:1px solid #ffffff14;border-radius:30px;min-height:0;padding:28px;position:relative;overflow:hidden}.shellCanvas:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000000f2,#0000 88%);mask-image:radial-gradient(circle,#000000f2,#0000 88%)}.shellComposer{border:1px solid var(--border);box-shadow:0 16px 50px var(--shadow);background:linear-gradient(#090c12d1,#090c12ad);border-radius:24px;width:min(100%,980px);max-width:980px;margin:0 auto;overflow:hidden}.shellLanding{align-content:center;gap:24px;min-height:min(68vh,720px);display:grid}.shellHero{isolation:isolate;text-align:center;justify-items:center;gap:12px;padding:52px 12px 18px;display:grid;position:relative}.shellHero:before{content:"";filter:blur(18px);opacity:.85;z-index:0;background:radial-gradient(circle,#3b82f638,#0000 72%);border-radius:999px;height:220px;position:absolute;inset:-18% 18% auto}.shellHero>*{z-index:1;position:relative}.shellHero h1{letter-spacing:-.03em;max-width:920px;margin:0;font-size:clamp(32px,5vw,64px);line-height:1.02}.shellHero p{max-width:760px;color:var(--muted);margin:0;font-size:clamp(15px,1.8vw,19px);line-height:1.5}.shellHeroBadge{color:#ffffffe0;letter-spacing:.08em;text-transform:uppercase;background:#3b82f61f;border:1px solid #3b82f647;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.shellExamples{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:1080px;margin:0 auto;display:grid}.shellExamplesBlock{gap:12px;display:grid}.shellExamplesMeta{text-align:center;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px}.shellExampleCard,.shellRecentCard,.shellQuickCard{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff08);border-radius:18px;padding:16px;transition:transform .12s,border-color .12s,background .12s}.shellExampleCard:hover,.shellRecentCard:hover,.shellQuickCard:hover{background:linear-gradient(#ffffff17,#ffffff0a);border-color:#ffffff42;transform:translateY(-1px)}.shellExampleCard span{color:var(--muted);line-height:1.45;display:block}.shellExampleCard small{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;display:inline-flex}.shellExampleCard strong{font-size:15px;font-weight:600;display:block}.shellLandingNote{text-align:center;max-width:820px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.5}.shellSections{gap:16px;width:100%;max-width:1080px;margin:0 auto;display:grid}.shellSectionCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff14;border-radius:22px;padding:18px}.shellSectionHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.shellSectionHeader h2{margin:0;font-size:16px}.shellRecentGrid,.shellQuickGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.shellRecentCard,.shellQuickCard{gap:6px;display:grid}.shellRecentCard strong,.shellQuickCard strong{font-size:14px}.shellRecentCard span,.shellQuickCard span{color:var(--muted);line-height:1.45}.shellInlineFooter{margin-top:16px}.shellComposerMeta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.45;display:flex}.appShell.layout-split{grid-template-columns:280px 1fr minmax(320px,var(--chatdock-width));grid-template-rows:auto 1fr auto;grid-template-areas:"header header header""leftRail main chatDock""footer footer footer"}.appShell.layout-split.noLeftRail{grid-template-columns:1fr minmax(320px,var(--chatdock-width));grid-template-areas:"header header""main chatDock""footer footer"}.appShell.layout-focus{grid-template:"header header""leftRail main"1fr"footer footer"/280px 1fr}.appShell.layout-focus.noLeftRail{grid-template-columns:1fr;grid-template-areas:"header""main""footer"}.appShell.noLeftRail{grid-template-columns:1fr;grid-template-areas:"header""main""footer""chatDock"}.headerRegion{grid-area:header}.leftRailRegion{grid-area:leftRail;padding:12px;overflow:auto}.mainRegion{grid-area:main}.footerRegion{grid-area:footer}.chatDock{grid-area:chatDock}.region{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),#ffffff08);border-radius:var(--radius);box-shadow:0 16px 50px var(--shadow);overflow:hidden}.appShell.studioSurface .region,.appShell.studioSurface .chatDock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0c121cd6,#0a0e169e);border-color:#ffffff1a;border-radius:20px}.appShell.studioSurface .headerRegion{background:radial-gradient(480px 160px at 10% 0,#3b82f61f,#0000 75%),linear-gradient(#0c121ceb,#0a0e16b8);border-color:#3b82f633}.appShell.studioSurface .leftRailRegion{background:radial-gradient(420px 240px at 0 0,#3b82f617,#0000 78%),linear-gradient(#0c121ce0,#0a0e16ad)}.appShell.studioSurface .mainRegion{background:radial-gradient(620px 260px at 50% 0,#3b82f614,#0000 78%),linear-gradient(#0c121cd1,#0a0e168f)}.appShell.studioSurface .footerRegion{background:linear-gradient(#0c121ce0,#0a0e16b3)}.headerRegion,.footerRegion{padding:10px 12px}.mainRegion{padding:12px;position:relative}.chatDock{border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 16px 50px var(--shadow);background:linear-gradient(#090c12c7,#090c129e);overflow:hidden}.appShell.studioSurface .chatDock{border-color:#3b82f62e;box-shadow:0 24px 70px #0006}.appShell.layout-stack .chatDock{z-index:20;margin-top:10px;position:sticky;bottom:12px}.appShell.layout-stack .footerRegion{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;position:static;bottom:auto}.appShell.layout-split .chatDock{align-items:stretch;min-height:0;margin-top:0;display:flex;position:relative}.chatDockInner{gap:10px;padding:10px;display:grid}.appShell.layout-split .chatDockInner{width:100%;height:100%;overflow:auto}.chatDockResizeHandle{cursor:ew-resize;background:linear-gradient(#ffffff0f,#ffffff05);border-right:1px solid #ffffff14;width:8px}.chatDockResizeHandle:hover{background:linear-gradient(#ffffff1f,#ffffff0d)}.appShell.studioSurface .chatDockResizeHandle{background:linear-gradient(#3b82f624,#ffffff08);border-right-color:#3b82f629}.appShell.studioSurface .chatDockResizeHandle:hover{background:linear-gradient(#3b82f633,#ffffff0d)}.focusDockButton{z-index:850;position:fixed;bottom:16px;right:16px}.inboxCaptureButton{z-index:845;position:fixed;bottom:64px;right:16px}.chatDockSheetBackdrop{z-index:900;background:#0000006b;place-items:end;padding:16px;display:grid;position:fixed;inset:0}.chatDockSheet{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);width:min(520px,100vw - 32px);max-height:min(72vh,760px);box-shadow:0 16px 50px var(--shadow);background:linear-gradient(#090c12e6,#090c12c2);overflow:auto}.overlayBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.overlayPanel{border:1px solid var(--border);background:var(--overlay-bg);border-radius:18px;width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 30px 90px #0000008c}.overlayFooterRegion{background:linear-gradient(#ffffff08,#ffffff05);border-top:1px solid #ffffff14;padding:12px 14px 14px}.debugPanel{z-index:2000;background:linear-gradient(#180c0ceb,#0e0808e6);border:1px solid #ef444459;border-radius:18px;padding:14px;position:fixed;inset:12px;overflow:auto;box-shadow:0 30px 90px #0000008c}.debugTitle{justify-content:space-between;align-items:center;gap:10px;display:flex}.debugTitle h2{letter-spacing:.2px;margin:0;font-size:16px}.code{border:1px solid var(--border);color:#ffffffe0;background:#ffffff0f;border-radius:12px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.35;overflow:auto}.chipRow{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:#ffffffdb;cursor:pointer;background:#ffffff0f;border-radius:999px;padding:6px 10px;font-size:12px}.chipPrimary{border-color:var(--primary-border);background:var(--primary-soft)}.chipGhost{background:0 0}.chipDanger{border-color:var(--danger-border);background:var(--danger-soft)}.inputRow{gap:10px;display:flex}.textInput{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0f;border-radius:12px;outline:none;padding:10px 12px}.btn{border:1px solid var(--primary-border);background:var(--primary-soft);color:#fffffff0;cursor:pointer;border-radius:12px;padding:10px 12px}.btn:disabled{opacity:.6;cursor:not-allowed}.btnSecondary{background:#ffffff14;border-color:#ffffff2e}.btnDanger{border-color:var(--danger-border);background:var(--danger-soft)}.actionBar{align-items:center;gap:10px;display:flex}.grid,.cardGrid{gap:10px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),#ffffff0a);cursor:pointer;border-radius:16px;transition:transform .12s,border-color .12s;overflow:hidden}.card:hover{border-color:#fff3;transform:translateY(-1px)}.cardSelected{border-color:var(--success-border);box-shadow:0 0 0 1px var(--success-soft)inset}.cardMedia{aspect-ratio:16/9;object-fit:cover;background:#ffffff0d;width:100%;display:block}.cardBody{gap:6px;padding:10px 12px 12px;display:grid}.cardTitleRow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cardTitle{margin:0;font-size:15px;font-weight:650}.cardSubtitle{color:var(--muted);margin:0;font-size:12px}.cardDesc{color:#ffffffc7;margin:0;font-size:12px;line-height:1.35}.miniBtn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:12px}.miniBtnPrimary{border-color:var(--primary-border);background:var(--primary-soft)}.blockHeader{gap:4px;padding:4px 0 8px;display:grid}.blockHeaderTitle{font-size:calc(18px*var(--font-scale));margin:0;font-weight:700}.blockHeaderSubtitle{color:var(--muted);font-size:calc(13px*var(--font-scale));margin:0}@media (max-width:920px){.shellLayout{padding:14px}.shellTopBar{flex-direction:column}.shellHeaderActions{justify-content:flex-start}.shellCanvas{border-radius:24px;padding:18px}.shellHero{padding-top:12px}.shellComposer{width:100%}}