:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f7f5;--panel:#fff;--panel-2:#f0f4f2;--ink:#18211e;--muted:#68746f;--line:#dfe7e3;--line-strong:#c7d2cc;--jade:#0d6f5d;--blue:#326f9d;--copper:#a95d43;--saffron:#c4871d;--nav:#14211d;--nav-muted:#9fb3aa;--danger:#9f3c4f;--shadow:0 16px 48px #18211e12}.studio-toast-region{z-index:80;pointer-events:none;width:min(520px,100vw - 36px);position:fixed;top:90px;right:18px}.studio-toast{min-height:52px;color:var(--cz-text);pointer-events:auto;background:#151517f5;border:1px solid #e8743c57;border-radius:8px;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 18px 70px #00000057}.studio-toast span{overflow-wrap:anywhere;min-width:0;color:var(--cz-text);font-size:.9rem;font-weight:720;line-height:1.35}.studio-toast>svg{color:var(--cz-accent)}.studio-toast button{border:1px solid var(--cz-border);width:28px;height:28px;color:var(--cz-muted);background:#f5f4f10a;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.studio-toast button:hover{color:var(--cz-text);border-color:#e8743c66}.production-board-message{background:linear-gradient(135deg, #131316f5, #0b0c0efa), var(--cz-surface);width:min(920px,100%)}.production-board-message>svg{color:var(--cz-accent)}.production-board-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.production-board-heading p{color:var(--cz-muted)}.production-board-heading>span,.production-board-heading>strong{min-width:58px;height:38px;color:var(--cz-accent);background:#e8743c1a;border:1px solid #e8743c59;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;font-weight:860;display:inline-flex}.production-total-meter,.agent-track i{background:#f5f4f114;border-radius:999px;position:relative;overflow:hidden}.production-total-meter{height:12px;margin:14px 0}.production-total-meter i,.agent-track i:after{width:var(--track-progress);border-radius:inherit;background:linear-gradient(90deg, var(--cz-accent), var(--cz-cognitive));content:"";height:100%;transition:width .42s;display:block}.agent-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.agent-progress-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-track{border:1px solid var(--cz-border);min-width:0;min-height:82px;color:var(--cz-text);text-align:left;background:#f5f4f109;border-radius:8px;gap:8px;padding:10px;display:grid;position:relative}.agent-track span{gap:3px;min-width:0;display:grid}.agent-track strong,.agent-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-track strong{color:var(--cz-text);font-size:.86rem}.agent-track small{color:var(--cz-muted);text-transform:uppercase;font-size:.74rem;font-weight:760}.agent-track i{height:7px}.agent-track i:after{background:var(--track-color)}.agent-track.running{border-color:color-mix(in srgb, var(--track-color) 55%, var(--cz-border));background:color-mix(in srgb, var(--track-color) 10%, transparent)}.agent-track.completed{border-color:color-mix(in srgb, var(--track-color) 42%, var(--cz-border))}.agent-track.failed{background:#c9614b1f;border-color:#c9614ba3}.agent-tooltip{z-index:4;border:1px solid var(--cz-border);color:var(--cz-text);background:#0d0d0ffa;border-radius:8px;padding:9px 10px;font-size:.78rem;font-style:normal;line-height:1.35;display:none;position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;box-shadow:0 16px 50px #0000004d}.agent-track:hover .agent-tooltip,.agent-track:focus-visible .agent-tooltip{display:block}.production-board-panel{gap:14px;padding:14px;display:grid}@media (prefers-reduced-motion:reduce){.production-total-meter i,.agent-track i:after{transition:none}}@media (max-width:1320px){.studio-shell .studio-topbar{grid-template-columns:minmax(180px,.6fr) minmax(0,1fr) auto}.studio-shell .topbar-nav{grid-column:1/-1}}@media (max-width:1080px){.studio-shell .studio-stage{grid-template-columns:1fr}.agent-progress-grid,.agent-progress-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.studio-toast-region{width:calc(100vw - 20px);top:12px;right:10px}.studio-shell .topbar-nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.studio-shell .topbar-nav button{min-width:0;padding:0 4px}.agent-progress-grid,.agent-progress-grid.expanded,.production-board-heading{grid-template-columns:1fr}}.studio-shell{--cz-bg:#0e0f12;--cz-surface:#16181d;--cz-artifact:#1e2128;--cz-elevated:#232630;--cz-border:#262a33;--cz-border-strong:#333845;--cz-text:#f2f3f5;--cz-muted:#a9aebb;--cz-tertiary:#6b7280;--cz-accent:#6e7bff;--cz-accent-hover:#8490ff;--cz-accent-muted:#6e7bff1f;--cz-success:#3ecf8e;--cz-warning:#f5b94e;--cz-error:#f0625f;--cz-cognitive:#4fb8f0;--cz-cognitive-muted:#4fb8f01f;--cz-preview-canvas:#0a0b0e;--cz-selection-glow:#6e7bff66;--cz-shadow:0 12px 40px #00000080;--panel:var(--cz-surface);--panel-2:var(--cz-elevated);--ink:var(--cz-text);--muted:var(--cz-muted);--line:var(--cz-border);--jade:var(--cz-accent);background:radial-gradient(circle at 22% 0%, #6e7bff26, transparent 28vw), radial-gradient(circle at 92% 18%, #3ecf8e14, transparent 22vw), linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(180deg, #ffffff05 1px, transparent 1px) 0 0 / 56px 56px, var(--cz-bg);color:var(--cz-text);padding:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studio-shell:before{background:linear-gradient(#ffffff0f,#0000 220px)}.studio-shell .studio-topbar{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#0e0f12c7;border-color:#ffffff0f;border-radius:14px;grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto;min-height:56px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff0a}.studio-shell .studio-brand strong{color:var(--cz-text);letter-spacing:-.01em;font-size:1rem}.studio-shell .studio-brand span,.studio-shell .artifact-breadcrumb{color:var(--cz-muted)}.studio-shell .artifact-breadcrumb span:last-child{background:var(--cz-accent-muted);min-height:24px;color:var(--cz-accent);border:1px solid #6e7bff57;border-radius:999px;align-items:center;padding:0 8px;font-size:.75rem;display:inline-flex}.studio-shell .studio-stage{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:stretch;gap:10px;min-height:calc(100vh - 86px)}.studio-shell .primary-panel,.studio-shell .result-rail,.studio-shell .context-rail,.studio-shell .studio-disclosure,.studio-shell .testing-cockpit,.studio-shell .chat-message,.studio-shell .context-card,.studio-shell .context-activity-feed,.studio-shell .mini-preview,.studio-shell .ownership-panel>div,.studio-shell .parity-card,.studio-shell .supabase-wizard{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#16181dd1;border-color:#ffffff0f;border-radius:14px;box-shadow:inset 0 1px #ffffff0a}.studio-shell .artifact-stage-panel{background:#0e0f12b3;border-radius:14px;min-height:calc(100vh - 86px)}.studio-shell .artifact-stage-header{background:#16181db8;border-bottom-color:#ffffff0f;min-height:58px;padding:12px 16px}.studio-shell .artifact-stage-header h1{color:var(--cz-text);letter-spacing:-.01em;margin-top:2px;font-size:1.35rem;line-height:1.2}.studio-shell .artifact-stage-header span,.studio-shell .testing-cockpit-header span,.studio-shell .workshop-canvas-topbar span,.studio-shell .context-card>span,.studio-shell .context-activity-feed>span,.studio-shell .supabase-wizard-heading span{color:var(--cz-tertiary);letter-spacing:.02em;text-transform:none;font-size:.72rem;font-weight:650}.studio-shell .chat-view{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-auto-flow:dense;gap:12px;min-height:0;padding:14px;display:grid}.studio-shell .testing-cockpit{background:linear-gradient(135deg,#6e7bff1f,#3ecf8e0d),#16181ddb;grid-column:1/-1;gap:12px;margin:0;padding:14px}.studio-shell .testing-cockpit-header h2{color:var(--cz-text);font-size:1.12rem}.studio-shell .testing-cockpit-header p{color:var(--cz-muted)}.studio-shell .testing-cockpit-header>strong{background:var(--cz-accent-muted);min-width:58px;min-height:42px;color:var(--cz-accent);border-color:#6e7bff57;font-size:1.05rem}.studio-shell .testing-cockpit-meter{background:#ffffff0f;height:7px}.studio-shell .testing-cockpit-meter i{background:linear-gradient(90deg, var(--cz-accent), var(--cz-cognitive), var(--cz-success))}.studio-shell .testing-flow-steps{grid-template-columns:repeat(7,minmax(96px,1fr));padding-bottom:2px;overflow-x:auto}.studio-shell .testing-flow-step{min-height:78px;color:var(--cz-text);background:#1e2128db;border-color:#ffffff0f}.studio-shell .testing-flow-step svg{color:var(--cz-muted)}.studio-shell .testing-flow-step.active{background:var(--cz-accent-muted);border-color:#6e7bff94;box-shadow:0 0 24px #6e7bff1f}.studio-shell .testing-flow-step.active svg,.studio-shell .testing-flow-step.done svg{color:var(--cz-accent)}.studio-shell .testing-flow-step.done{background:#3ecf8e17;border-color:#3ecf8e4d}.studio-shell .testing-flow-step.blocked{background:#f0625f14;border-color:#f0625f66}.studio-shell .workshop-canvas{background:var(--cz-preview-canvas);min-height:min(62vh,680px);box-shadow:var(--cz-shadow);border:1px solid #ffffff0f;border-radius:18px;grid-area:span 4/1;display:grid;overflow:hidden}.studio-shell .workshop-canvas-topbar{background:#0e0f12d1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px;display:flex}.studio-shell .workshop-canvas-topbar strong{color:var(--cz-text);margin-top:2px;font-size:.9rem;display:block}.studio-shell .workshop-canvas-actions{gap:6px;display:inline-flex}.studio-shell .workshop-preview-frame{min-height:0;padding:18px;display:grid;position:relative}.studio-shell .workshop-preview-frame iframe{background:#fff;border:0;border-radius:14px;width:100%;height:100%;min-height:520px;box-shadow:0 24px 64px #0000006b}.studio-shell .workshop-preview-empty{min-height:420px;color:var(--cz-muted);text-align:center;background:linear-gradient(90deg,#ffffff07 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/32px 32px,#16181d6b;border:1px dashed #6e7bff47;border-radius:14px;align-content:center;place-items:center;gap:10px;padding:28px;display:grid}.studio-shell .workshop-preview-empty svg{color:var(--cz-accent)}.studio-shell .workshop-preview-empty strong{color:var(--cz-text);font-size:1.05rem}.studio-shell .workshop-preview-empty span{max-width:440px;line-height:1.45}.studio-shell .chat-thread,.studio-shell .composer-box,.studio-shell .generation-mode-control,.studio-shell .prompt-actions,.studio-shell .studio-disclosure{grid-column:2}.studio-shell .chat-thread{max-height:42vh;padding-right:2px;overflow:auto}.studio-shell .chat-message{color:var(--cz-text);padding:12px}.studio-shell .chat-message p,.studio-shell .chat-message small,.studio-shell .context-card small,.studio-shell .context-activity-feed p,.studio-shell .studio-disclosure summary,.studio-shell .supabase-step small{color:var(--cz-muted)}.studio-shell .composer-box textarea,.studio-shell .generation-mode-control select,.studio-shell input,.studio-shell textarea,.studio-shell select{color:var(--cz-text);background:#0e0f12b8;border-color:#ffffff14;border-radius:10px}.studio-shell .primary-action,.studio-shell .ownership-panel button,.studio-shell .source-control-form button[type=submit]{background:var(--cz-accent);color:#fff;border:1px solid #8490ff33;border-radius:10px;min-height:36px;font-size:.82rem;font-weight:650;box-shadow:0 4px 20px #6e7bff38}.studio-shell .primary-action:hover{background:var(--cz-accent-hover);transform:translateY(-1px)}.studio-shell .secondary-action,.studio-shell .secondary-action.quiet,.studio-shell .icon-button,.studio-shell .workspace-menu-trigger,.studio-shell .workspace-menu-panel,.studio-shell .workspace-menu-panel button,.studio-shell .source-control-form button,.studio-shell .design-system-actions button,.studio-shell .file-buttons button{min-height:34px;color:var(--cz-text);box-shadow:none;background:#1e2128c7;border-color:#ffffff14;border-radius:10px}.studio-shell .secondary-action:hover,.studio-shell .icon-button:hover,.studio-shell .workspace-menu-trigger:hover,.studio-shell .workspace-menu-panel button:hover,.studio-shell .source-control-form button:hover{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#6e7bff6b}.studio-shell .workspace-menu-trigger{min-height:36px;padding:0 12px}.studio-shell .workspace-menu-panel button.selected{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#6e7bff7a}.studio-shell .context-rail{background:#16181dd1;border-radius:14px;max-height:calc(100vh - 88px);top:76px}.studio-shell .context-lens-switcher{background:#0e0f12b8;border-color:#ffffff0f;border-radius:10px}.studio-shell .context-lens-switcher button{min-height:32px;color:var(--cz-muted);border-radius:8px}.studio-shell .context-lens-switcher button.selected,.studio-shell .context-lens-switcher button:hover{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#6e7bff66}.studio-shell .mini-preview iframe{border-radius:10px}.studio-shell .supabase-wizard{background:linear-gradient(135deg,#3ecf8e1a,#4fb8f00f),#16181dd1}.studio-shell .supabase-step{background:#1e2128b8;border-color:#ffffff0f}.studio-shell .supabase-step.ready{border-color:#3ecf8e5c}.studio-shell .supabase-step.manual{border-color:#f5b94e5c}.studio-shell .supabase-step.blocked{border-color:#f0625f52}.studio-shell .studio-toast{color:var(--cz-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16181deb;border-color:#6e7bff47;border-radius:12px;box-shadow:0 12px 40px #0000007a}@media (max-width:1180px){.studio-shell .studio-stage{grid-template-columns:minmax(0,1fr)}.studio-shell .context-rail{max-height:none;position:static}.studio-shell .chat-view{grid-template-columns:minmax(0,1fr)}.studio-shell .workshop-canvas,.studio-shell .chat-thread,.studio-shell .composer-box,.studio-shell .generation-mode-control,.studio-shell .prompt-actions,.studio-shell .studio-disclosure{grid-column:1}.studio-shell .chat-thread{max-height:none}}@media (max-width:720px){.studio-shell{padding:8px}.studio-shell .studio-stage{min-height:auto}.studio-shell .artifact-stage-header{display:none}.studio-shell .chat-view,.studio-shell .artifact-registry-view,.studio-shell .studio-activity-view,.studio-shell .publish-view,.studio-shell .qa-view,.studio-shell .files-view,.studio-shell .result-view{padding:10px}.studio-shell .testing-cockpit{border-radius:16px;gap:10px;padding:12px}.studio-shell .testing-cockpit-header{grid-template-columns:minmax(0,1fr) 58px;align-items:center}.studio-shell .testing-cockpit-header span{font-size:.68rem}.studio-shell .testing-cockpit-header h2{margin:2px 0 0;font-size:1.08rem}.studio-shell .testing-cockpit-header p{display:none}.studio-shell .testing-cockpit-header>strong{min-height:38px;font-size:1rem}.studio-shell .testing-cockpit-meter{height:5px}.studio-shell .testing-flow-steps{grid-template-columns:1fr}.studio-shell .testing-flow-step{min-height:64px;padding:10px 12px}.studio-shell .testing-flow-step:not(.active):not(.blocked){display:none}.studio-shell .testing-flow-step span{font-size:.98rem}.studio-shell .testing-flow-step small{font-size:.78rem}.studio-shell .testing-cockpit-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-shell .testing-cockpit-actions .primary-action{grid-column:1/-1}.studio-shell .testing-cockpit-actions>button{min-height:42px;font-size:.88rem}.studio-shell .workshop-canvas{border-radius:14px;min-height:330px}.studio-shell .workshop-canvas-topbar{min-height:40px;padding:7px 10px}.studio-shell .workshop-canvas-topbar span{display:none}.studio-shell .workshop-canvas-topbar strong{margin:0;font-size:.95rem}.studio-shell .workshop-preview-frame{padding:10px}.studio-shell .workshop-preview-frame iframe,.studio-shell .workshop-preview-empty{border-radius:12px;min-height:268px}.studio-shell .workshop-preview-empty{gap:8px;padding:20px}.studio-shell .workshop-preview-empty strong{font-size:1rem}.studio-shell .workshop-preview-empty span{font-size:.92rem;line-height:1.4}.studio-shell .chat-message.dialogue-status-message{padding:10px}.studio-shell .chat-thread{gap:10px;display:grid}.studio-shell .composer-box span,.studio-shell .generation-mode-control>span{font-size:.72rem}.studio-shell .studio-mobile-menu-panel{background:#16181df5;border-radius:18px 18px 0 0}}.workspace-empty-state{border:1px solid var(--cz-border);background:linear-gradient(90deg, #f5f4f10a 1px, transparent 1px) 0 0 / 42px 42px, linear-gradient(180deg, #f5f4f109 1px, transparent 1px) 0 0 / 42px 42px, var(--cz-surface);min-height:460px;color:var(--cz-muted);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:12px;padding:28px;display:grid}.workspace-empty-state svg{color:var(--cz-cognitive)}.workspace-empty-state span{color:var(--cz-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:820}.workspace-empty-state strong{max-width:560px;color:var(--cz-text);font-size:clamp(1.55rem,3vw,2.65rem);line-height:1}.workspace-empty-state p{max-width:560px;margin:0;line-height:1.5}.files-empty-state{grid-column:1/-1}.workspace-menu-panel .new-project-action{background:var(--cz-cognitive-muted);border-color:#7ba4c975}.product-shell{--background:#fff;--foreground:#111827;--accent:#1e40af;--surface:#ffffff14;--muted:color-mix(in srgb, var(--foreground), transparent 38%);--line:color-mix(in srgb, var(--foreground), transparent 86%);background:var(--background);min-height:100vh;color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.product-shell a{color:inherit}.product-shell h1,.product-shell h2,.product-shell h3,.product-shell p{margin:0}.product-shell .hero-shell,.product-shell .section-grid,.product-shell .artifact-band,.product-shell .localized-copy{width:min(1180px,100% - 32px);margin:0 auto}.product-shell .hero-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:44px;min-height:92vh;padding:56px 0 36px;display:grid}.product-shell .hero-copy{gap:22px;display:grid}.product-shell .eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:780}.product-shell h1{letter-spacing:0;max-width:850px;font-size:clamp(48px,8vw,106px);line-height:.92}.product-shell h2{letter-spacing:0;font-size:clamp(31px,4.4vw,58px);line-height:1.02}.product-shell h3{font-size:18px;line-height:1.18}.product-shell .lead{max-width:760px;color:var(--muted);font-size:clamp(19px,2vw,25px);line-height:1.52}.product-shell .actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.product-shell .button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.product-shell .button.primary{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.product-shell .button.secondary{background:var(--surface)}.product-shell .studio-demo,.product-shell .capability-card,.product-shell .artifact-band article,.product-shell .direction,.product-shell .localized-copy article,.product-shell details{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 22px 70px #0f172a14}.product-shell .studio-demo{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:12px;padding:18px;display:grid}.product-shell .demo-header{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding-bottom:8px;font-size:13px;display:flex}.product-shell .demo-header strong{color:var(--foreground);font-weight:740}.product-shell .studio-row{border:1px solid var(--line);background:color-mix(in srgb, var(--background), transparent 32%);border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.product-shell .studio-row span{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:760}.product-shell .studio-row p,.product-shell .studio-row em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.35}.product-shell .section-grid{gap:28px;padding:84px 0;display:grid}.product-shell .section-grid.two-column{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start}.product-shell .section-heading{gap:14px;max-width:780px;display:grid}.product-shell .section-heading p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.58}.product-shell .capability-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.product-shell .capability-card{align-content:start;gap:10px;min-height:188px;padding:18px;display:grid}.product-shell .capability-card span,.product-shell .artifact-band span,.product-shell .direction span,.product-shell .localized-copy span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.product-shell .capability-card p,.product-shell .artifact-band p,.product-shell .direction p,.product-shell .localized-copy p,.product-shell details p{color:var(--muted);line-height:1.55}.product-shell .artifact-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:26px 0;display:grid}.product-shell .artifact-band article{align-content:start;gap:10px;min-height:174px;padding:18px;display:grid}.product-shell .artifact-band strong{font-size:18px;line-height:1.18}.product-shell .direction-list,.product-shell .faq-list{gap:12px;display:grid}.product-shell .direction{gap:10px;padding:18px;display:grid}.product-shell .direction.selected{border-color:color-mix(in srgb, var(--accent), transparent 25%);background:color-mix(in srgb, var(--accent), transparent 90%)}.product-shell .journey-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.product-shell .journey-list li{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:16px;padding:18px 0;display:grid}.product-shell .journey-list span{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:760}.product-shell .journey-list p{color:var(--muted);padding-top:5px;line-height:1.55}.product-shell .lead-capture{align-items:start}.product-shell .lead-form{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:14px;padding:24px;display:grid;box-shadow:0 22px 70px #0f172a14}.product-shell .lead-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:720;display:grid}.product-shell .lead-form input,.product-shell .lead-form textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--background), transparent 18%);width:100%;color:var(--foreground);font:inherit;border-radius:8px;padding:12px 13px}.product-shell .lead-form textarea{resize:vertical;min-height:112px}.product-shell .lead-form input:focus,.product-shell .lead-form textarea:focus{outline:2px solid color-mix(in srgb, var(--accent), transparent 35%);outline-offset:2px}.product-shell .localized-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:42px 0 84px;display:grid}.product-shell .localized-copy article{gap:14px;padding:24px;display:grid}.product-shell .localized-copy div{flex-wrap:wrap;gap:8px;display:flex}.product-shell .localized-copy small{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 9px}.product-shell details{padding:18px}.product-shell summary{cursor:pointer;font-weight:760}.product-shell details p{padding-top:12px}@media (max-width:920px){.product-shell .hero-shell,.product-shell .section-grid.two-column,.product-shell .localized-copy{grid-template-columns:1fr}.product-shell .hero-shell{min-height:auto;padding-top:44px}.product-shell .artifact-band{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.product-shell .hero-shell,.product-shell .section-grid,.product-shell .artifact-band,.product-shell .localized-copy{width:min(100% - 24px,1180px)}.product-shell .artifact-band{grid-template-columns:1fr}.product-shell .studio-row{grid-template-columns:32px 1fr}.product-shell .studio-row em{grid-column:2}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:430}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}.auth-shell{background:var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--panel);width:min(460px,100%);box-shadow:var(--shadow);border-radius:10px;gap:16px;padding:28px;display:grid}.auth-panel h1{margin:0;font-size:1.48rem;font-weight:720;line-height:1.12}.auth-panel p{color:var(--muted);margin:0;line-height:1.45}.auth-panel code{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:6px;padding:2px 5px}.auth-note{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:5px;padding:12px;display:grid}.auth-note strong{font-weight:680}.auth-note span{color:var(--muted);line-height:1.35}.app-shell{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;border-right:1px solid #ffffff14;flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0;overflow:auto}.brand-row{grid-template-columns:42px 1fr;align-items:center;gap:12px;display:grid}.brand-glyph{background:radial-gradient(circle at 72% 18%,#ffffff85 0 10%,#0000 11%),linear-gradient(135deg,#0f8a71 0%,#2f719b 56%,#b66a3f 100%);border-radius:8px;place-items:center;width:42px;height:42px;font-weight:760;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.brand-glyph:before,.brand-glyph:after{content:"";background:#ffffff57;border-radius:999px;position:absolute}.brand-glyph:before{width:28px;height:6px;transform:rotate(-32deg)}.brand-glyph:after{width:9px;height:9px;bottom:8px;right:8px}.brand-glyph-inner{z-index:1;color:#fff;letter-spacing:0;text-shadow:0 1px 10px #0003;font-size:1.1rem;position:relative}.brand-row strong,.brand-row span{display:block}.brand-row strong{font-size:1.1rem;font-weight:720}.brand-row span{color:var(--nav-muted);font-size:.82rem}.side-nav{gap:6px;display:grid}.side-nav a{min-height:42px;color:var(--nav-muted);border-radius:8px;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:grid}.side-nav a.active,.side-nav a:hover{color:#fff;background:#ffffff17}.project-list{gap:12px;display:grid}.project-items{gap:8px;display:grid}.project-card{color:#fff;text-align:left;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;gap:4px;width:100%;min-height:58px;padding:10px;display:grid}.project-card.selected{background:#ffffff1a;border-color:#ffffff57}.project-card span{text-overflow:ellipsis;white-space:nowrap;font-weight:680;overflow:hidden}.project-card small{color:var(--nav-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace{align-content:start;gap:18px;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:6px;display:flex}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.topbar h1{max-width:820px;margin:0;font-size:1.74rem;font-weight:720;line-height:1.12}.eyebrow{color:var(--copper);text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:720}.status-pill{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-weight:620;display:inline-flex}.status-pill.warning{border-color:color-mix(in srgb, var(--copper) 38%, var(--line));background:color-mix(in srgb, var(--copper) 7%, var(--panel));color:#8a4328}.builder-grid,.preview-grid,.editor-grid,.ops-grid{gap:18px;display:grid}.builder-grid{grid-template-columns:minmax(360px,.95fr) minmax(340px,1.05fr)}.preview-grid{grid-template-columns:minmax(0,1fr) 340px}.editor-grid{grid-template-columns:260px minmax(0,1fr)}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:8px;align-content:start;gap:14px;padding:16px;display:grid}.panel-heading{align-items:center;gap:9px;min-height:28px;display:flex}.panel-heading h2{margin:0;font-size:.96rem;font-weight:680}.panel-heading.compact h2{color:#fff;font-size:.82rem}.split-heading{justify-content:space-between}.split-heading span{align-items:center;gap:9px;min-width:0;display:inline-flex}.heading-actions{align-items:center;gap:8px;display:inline-flex}.composer textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:154px;color:var(--ink);background:#fbfcfc;border-radius:8px;padding:12px;line-height:1.45}.segmented button,.file-buttons button{border:1px solid var(--line);background:var(--panel-2);min-height:34px;color:var(--ink);border-radius:8px;font-weight:650}.primary-action,.secondary-action{color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:720;display:inline-flex}.primary-action{background:var(--jade)}.secondary-action{background:var(--blue)}.secondary-action.quiet{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fbfcfc}.published-link{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fbfcfc;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:680;text-decoration:none;display:inline-flex}.published-import{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.published-import input{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fbfcfc;border-radius:8px;padding:0 10px}.dns-panel{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:8px;padding:12px;display:grid}.dns-panel span{color:var(--muted);font-weight:650}.dns-panel strong{color:var(--copper)}.dns-panel code{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:8px;padding:8px;font-size:.78rem;display:block}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.model-card{border:1px solid var(--line);min-height:116px;color:var(--ink);text-align:left;background:#fbfcfc;border-radius:8px;gap:8px;padding:12px;display:grid}.model-card.selected{border-color:color-mix(in srgb, var(--jade) 70%, var(--line));background:color-mix(in srgb, var(--jade) 8%, white)}.model-card span{justify-content:space-between;gap:8px;display:flex}.model-card strong{font-size:.95rem;font-weight:680}.model-card small{color:var(--copper);font-weight:650}.model-card p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.35}.provider-health{gap:8px;padding-top:2px;display:grid}.provider-health>span{color:var(--muted);font-size:.82rem;font-weight:650}.provider-row{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:82px 1fr;align-items:center;gap:8px;min-height:32px;padding:0 10px;display:grid}.provider-row strong{font-size:.82rem;font-weight:660}.credit-panel{border:1px solid color-mix(in srgb, var(--jade) 32%, var(--line));background:color-mix(in srgb, var(--jade) 6%, white);border-radius:8px;gap:7px;padding:12px;display:grid}.credit-panel span,.credit-panel small{color:var(--muted)}.credit-panel strong{font-size:1.55rem;font-weight:720}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.plan-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:4px;min-height:82px;padding:10px;display:grid}.plan-card span{color:var(--muted);font-size:.78rem}.plan-card strong{font-size:1.05rem;font-weight:720}.plan-card small{color:var(--muted);font-size:.75rem;line-height:1.3}.provider-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-row.ready{border-color:color-mix(in srgb, var(--jade) 46%, var(--line));background:color-mix(in srgb, var(--jade) 7%, white)}.readiness-panel{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:8px;padding:12px;display:grid}.readiness-title{grid-template-columns:16px 1fr auto;align-items:center;gap:8px;display:grid}.readiness-title strong{font-size:.86rem;font-weight:680}.readiness-title span,.readiness-check span{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:start;padding:3px 7px;font-size:.72rem;font-weight:720;line-height:1}.readiness-title span.ready,.readiness-check span.ready{border-color:color-mix(in srgb, var(--jade) 44%, var(--line));background:color-mix(in srgb, var(--jade) 9%, white);color:var(--jade)}.readiness-title span.degraded,.readiness-check span.needs_configuration{border-color:color-mix(in srgb, var(--copper) 38%, var(--line));background:color-mix(in srgb, var(--copper) 8%, white);color:#8a4328}.readiness-check span.manual_step{border-color:color-mix(in srgb, var(--blue) 35%, var(--line));background:color-mix(in srgb, var(--blue) 7%, white);color:var(--blue)}.readiness-check{grid-template-columns:auto 1fr;align-items:start;gap:4px 8px;display:grid}.readiness-check strong{min-width:0;font-size:.82rem;font-weight:660}.readiness-check small{color:var(--muted);grid-column:1/-1;font-size:.78rem;line-height:1.35}.session-provider{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:8px;padding:12px;display:grid}.session-provider-title{grid-template-columns:16px 1fr auto;align-items:center;gap:8px;display:grid}.session-provider-title strong{font-size:.86rem}.session-provider-title label{place-items:center;display:inline-grid}.session-provider select,.session-provider input{border:1px solid var(--line);width:100%;min-height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px}.session-provider input[type=checkbox]{width:18px;min-height:18px;padding:0}.notice-line{border:1px solid color-mix(in srgb, var(--jade) 28%, var(--line));background:color-mix(in srgb, var(--jade) 8%, white);color:#174b3f;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:750;display:flex}.preview-panel{min-height:640px}.preview-panel iframe{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:578px}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:#fbfcfc;border-radius:8px;place-items:center;display:grid}.publish-panel{align-self:start}.segmented{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented button{border-color:#0000}.segmented button.selected{background:var(--panel);color:var(--jade);box-shadow:0 5px 20px #17201d14}.field-label{color:var(--muted);gap:8px;font-weight:650;display:grid}.field-label input,.domain-input input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);background:#fbfcfc;border-radius:8px;padding:0 11px}.domain-input{grid-template-columns:minmax(0,.9fr) auto;align-items:center;gap:8px;display:grid}.domain-input span{overflow-wrap:anywhere;color:var(--muted);font-size:.84rem}.publish-summary{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:6px;padding:12px;display:grid}.publish-summary span,.publish-summary small{color:var(--muted)}.publish-summary strong{overflow-wrap:anywhere}.publish-summary-stack{gap:4px;min-width:0;display:grid}.source-ownership-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.source-ownership-card span,.source-ownership-card small{color:var(--muted)}.source-ownership-card strong{overflow-wrap:anywhere}.patch-timeline-list{gap:8px;display:grid}.patch-timeline-item{border-top:1px solid var(--line);gap:3px;min-width:0;padding-top:8px;display:grid}.patch-timeline-item:first-child{border-top:0;padding-top:0}.publish-summary.validation-summary{border-color:color-mix(in srgb, var(--accent-strong) 28%, var(--line))}.secondary-action.compact-action{width:max-content;min-height:34px;padding:7px 11px;font-size:.82rem}.package-meter{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:5px;padding:11px 12px;display:grid}.package-meter span,.package-meter small{color:var(--muted)}.package-meter span{font-size:.78rem;font-weight:650}.package-meter strong{color:var(--ink);font-size:.86rem}.package-meter.warning{border-color:color-mix(in srgb, var(--copper) 34%, var(--line));background:color-mix(in srgb, var(--copper) 7%, white)}.package-meter.blocked{border-color:color-mix(in srgb, #b42318 42%, var(--line));background:#fff7f6}.package-meter.blocked strong,.package-meter.blocked small{color:#8a1f16}.file-tabs{box-shadow:none}.file-buttons{gap:12px;display:grid}.file-buttons button{overflow-wrap:anywhere;word-break:break-word;grid-template-columns:16px 1fr;place-items:center start;gap:8px;min-width:0;padding:0 10px;display:grid}.file-buttons button span{min-width:0}.file-sidebar-summary,.file-group{gap:8px;display:grid}.file-create-form{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.file-create-form input{border:1px solid var(--line);min-width:0;height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.file-sidebar-summary{border:1px solid var(--line);background:color-mix(in srgb, var(--copper) 5%, white);border-radius:8px;padding:10px}.file-sidebar-summary strong,.file-group>span{letter-spacing:0;text-transform:uppercase;color:var(--muted);font-size:.76rem}.file-sidebar-summary span{color:var(--muted);font-size:.82rem;line-height:1.35}.file-group>span{padding:0 2px;font-weight:800}.file-buttons button.selected{border-color:var(--jade);background:color-mix(in srgb, var(--jade) 9%, white);color:var(--jade)}.code-editor textarea{resize:vertical;border:1px solid var(--line-strong);color:#eef8f4;tab-size:2;background:#101816;border-radius:8px;width:100%;height:480px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84rem;line-height:1.55}.state-list{gap:10px;margin:0;display:grid}.state-list div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;align-items:center;gap:12px;min-height:34px;display:grid}.state-list dt{color:var(--muted);font-weight:750}.state-list dd{overflow-wrap:anywhere;margin:0}.setup-list{gap:10px;display:grid}.setup-item{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:7px;padding:12px;display:grid}.setup-item span{border:1px solid var(--line);color:var(--muted);border-radius:999px;justify-self:start;padding:3px 7px;font-size:.72rem;font-weight:720;line-height:1}.setup-item strong{font-size:.86rem;font-weight:680}.setup-item small{color:var(--muted);line-height:1.35}.setup-item code{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:8px;padding:7px 8px;font-size:.76rem}.setup-item.ready{border-color:color-mix(in srgb, var(--jade) 34%, var(--line))}.setup-item.ready span{border-color:color-mix(in srgb, var(--jade) 44%, var(--line));background:color-mix(in srgb, var(--jade) 9%, white);color:var(--jade)}.setup-item.blocked{border-color:color-mix(in srgb, var(--copper) 40%, var(--line))}.setup-item.blocked span{border-color:color-mix(in srgb, var(--copper) 44%, var(--line));background:color-mix(in srgb, var(--copper) 9%, white);color:#8a4328}.setup-item.manual span{border-color:color-mix(in srgb, var(--blue) 35%, var(--line));background:color-mix(in srgb, var(--blue) 7%, white);color:var(--blue)}.event-log{gap:10px;margin:0;padding-left:20px;display:grid}.event-log li{color:var(--muted);line-height:1.4}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.project-items{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid,.preview-grid,.editor-grid,.ops-grid{grid-template-columns:1fr}}@media (max-width:720px){.workspace,.sidebar{padding:16px}.topbar{flex-direction:column}.topbar-actions{justify-content:space-between;width:100%}.topbar h1{font-size:1.35rem}.status-pill{white-space:normal}.side-nav,.project-items,.model-grid,.plan-grid,.domain-input,.parity-board,.ownership-panel,.backend-panel,.source-control-form,.source-control-token-row,.state-list div{grid-template-columns:1fr}.preview-panel{min-height:auto}.preview-panel iframe{height:520px}}.landing-page{--landing-page:#f7f8f5;--landing-surface:#fff;--landing-surface-2:#eef3ef;--landing-ink:#151c19;--landing-muted:#65716c;--landing-line:#dbe4df;--landing-line-strong:#c5d1cb;--landing-green:#14715f;--landing-blue:#2f6f9d;--landing-amber:#b7791f;--landing-red:#a33c4e;--landing-shadow:0 16px 48px #151c1912;background:var(--landing-page);min-height:100vh;color:var(--landing-ink)}.landing-page *{letter-spacing:0}.landing-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f5eb;border-bottom:1px solid #dbe4dfc7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:72px;padding:0 40px;display:grid;position:sticky;top:0}.landing-brand,.landing-footer a,.landing-nav a{color:inherit;text-decoration:none}.landing-brand{grid-template-columns:34px auto;align-items:center;gap:10px;font-weight:760;display:inline-grid}.landing-brand-mark{border:1px solid var(--landing-line-strong);background:var(--landing-surface);width:34px;height:34px;color:var(--landing-green);border-radius:8px;place-items:center;display:grid;box-shadow:0 10px 24px #151c190f}.landing-nav{color:var(--landing-muted);justify-content:center;gap:22px;font-size:.94rem;display:flex}.landing-actions{align-items:center;gap:10px;display:flex}.language-switch{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.language-switch button{min-width:42px;min-height:36px;color:var(--landing-muted);background:0 0;border:0;font-size:.82rem;font-weight:720}.landing-button{border:1px solid var(--landing-line-strong);min-height:46px;color:var(--landing-ink);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:720;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.landing-button.compact{min-height:38px;padding:0 14px;font-size:.9rem}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(440px,.82fr);align-items:center;gap:54px;width:min(1220px,100% - 48px);min-height:calc(100vh - 72px);margin:0 auto;padding:70px 0 58px;display:grid}.hero-copy{gap:24px;display:grid}.landing-eyebrow{color:var(--landing-green);text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:780;display:inline-flex}.hero-copy h1{max-width:760px;margin:0;font-size:5.2rem;font-weight:780;line-height:.96}.hero-text,.landing-section p,.final-cta p{color:var(--landing-muted);line-height:1.58}.hero-text{max-width:670px;margin:0;font-size:1.22rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-proof{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.hero-proof span,.artifact-fields span,.proof-grid span,.lifecycle-rail span{border:1px solid var(--landing-line);color:var(--landing-muted);background:#ffffffa3;border-radius:8px}.hero-proof span{padding:8px 10px;font-size:.86rem}.studio-demo,.workspace-panel,.artifact-preview,.comparison-table{border:1px solid var(--landing-line);background:var(--landing-surface);box-shadow:var(--landing-shadow);border-radius:8px}.studio-demo{gap:16px;padding:20px;display:grid}.demo-topline,.inspector-header,.artifact-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-kicker{color:var(--landing-muted);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:740}.demo-topline h2,.artifact-preview h3,.studio-card h3,.example-card h3{margin:0}.demo-prompt{border:1px solid var(--landing-line);background:var(--landing-surface-2);border-radius:8px;gap:6px;padding:14px;display:grid}.demo-prompt span{color:var(--landing-muted);font-size:.82rem;font-weight:720}.demo-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-step{border:1px solid var(--landing-line);min-height:62px;animation:.52s both demoStepReveal;animation-delay:calc(var(--step-index) * 90ms);background:#fbfcfb;border-radius:8px;grid-template-columns:16px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.demo-step h3{margin:0 0 4px;font-size:.98rem}.demo-step p{color:var(--landing-muted);margin:0;font-size:.88rem}.demo-status{background:var(--landing-line-strong);border-radius:999px;width:11px;height:11px;margin-top:5px}.demo-step.complete .demo-status{background:var(--landing-green)}.demo-step.active .demo-status{background:var(--landing-blue);box-shadow:0 0 0 4px #2f6f9d24}.landing-section{width:min(1180px,100% - 48px);margin:0 auto;padding:92px 0}.landing-section h2,.final-cta h2{margin:0;font-size:3.15rem;line-height:1.02}.split-section,.workspace-section,.lifecycle-section,.proof-section,.final-cta{grid-template-columns:minmax(0,.88fr) minmax(420px,1fr);align-items:center;gap:44px;display:grid}.split-section>div:first-child,.workspace-copy,.lifecycle-section>div:first-child,.proof-section>div:first-child,.final-cta>div:first-child,.section-heading{gap:16px;display:grid}.section-heading.wide{max-width:820px;margin-bottom:28px}.transformation-grid{gap:8px;display:grid}.transformation-row{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:0 16px;display:grid}.transformation-row span{color:var(--landing-muted)}.transformation-row strong{color:var(--landing-green)}.thinking-flow{grid-template-columns:repeat(9,minmax(116px,1fr));gap:8px;padding:2px 0 8px;display:grid;overflow-x:auto}.thinking-node{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;gap:18px;min-width:116px;min-height:132px;padding:14px;display:grid}.thinking-node span{color:var(--landing-muted);font-size:.78rem;font-weight:760}.thinking-node strong{align-self:end}.studio-card-grid,.example-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studio-card,.example-card{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;gap:12px;min-height:208px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.studio-card:hover,.studio-card:focus-within,.example-card:hover{border-color:var(--landing-line-strong);transform:translateY(-2px);box-shadow:0 16px 38px #151c190f}.studio-card p,.example-card p{margin:0;font-size:.94rem}.studio-card span{color:var(--landing-green);align-self:end;font-size:.84rem;font-weight:760}.workspace-panel{grid-template-columns:1fr .78fr;gap:16px;padding:18px;display:grid}.workspace-timeline{gap:8px;display:grid}.workspace-event{border:1px solid var(--landing-line);background:#fbfcfb;border-radius:8px;grid-template-columns:52px 1fr;gap:12px;padding:12px;display:grid}.workspace-event time{color:var(--landing-muted);font-size:.82rem;font-weight:760}.workspace-event strong{margin-bottom:3px;display:block}.workspace-event p,.artifact-inspector p{margin:0;font-size:.88rem}.artifact-inspector{border:1px solid var(--landing-line);background:var(--landing-surface-2);border-radius:8px;align-content:start;gap:16px;padding:14px;display:grid}.mini-graph{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mini-graph span{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;padding:7px 9px;font-size:.82rem;font-weight:720}.artifact-layout{grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.artifact-tabs{gap:8px;display:grid}.artifact-tabs button{border:1px solid var(--landing-line);background:var(--landing-surface);min-height:46px;color:var(--landing-muted);text-align:left;border-radius:8px;padding:0 14px}.artifact-tabs button[aria-selected=true]{border-color:var(--landing-ink);color:var(--landing-ink);font-weight:760}.artifact-preview{gap:18px;min-height:310px;padding:24px;display:grid}.artifact-meta{justify-content:flex-start}.artifact-meta span{border:1px solid var(--landing-line);color:var(--landing-muted);border-radius:8px;padding:7px 9px;font-size:.82rem}.artifact-preview h3{font-size:2rem}.artifact-fields{flex-wrap:wrap;gap:8px;display:flex}.artifact-fields span{padding:9px 10px}.lifecycle-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lifecycle-rail span{min-height:68px;color:var(--landing-ink);place-items:center;padding:0 12px;font-weight:760;display:grid}.comparison-section{padding-top:70px}.comparison-table{overflow-x:auto}.comparison-row{border-top:1px solid var(--landing-line);grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(120px,1fr));min-width:760px;display:grid}.comparison-row:first-child{border-top:0}.comparison-row span,.comparison-row strong{min-height:54px;padding:16px}.comparison-row.header{background:var(--landing-surface-2);font-weight:760}.comparison-row strong:last-child{color:var(--landing-green)}.proof-grid{flex-wrap:wrap;gap:10px;display:flex}.proof-grid span{color:var(--landing-ink);align-items:center;gap:8px;padding:11px 12px;display:inline-flex}.faq-list{gap:8px;display:grid}.faq-list details{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:0 18px;font-weight:760;display:flex}.faq-list details[open] summary svg{transform:rotate(90deg)}.faq-list details p{margin:0;padding:0 18px 18px}.final-cta{border:1px solid var(--landing-line);background:var(--landing-ink);color:#fff;border-radius:8px;width:min(1180px,100% - 48px);margin:0 auto 54px;padding:44px}.final-cta .landing-button.primary{color:var(--landing-ink);background:#fff;border-color:#fff}.landing-footer{border-top:1px solid var(--landing-line);width:min(1180px,100% - 48px);color:var(--landing-muted);justify-content:space-between;gap:16px;margin:0 auto;padding:22px 0 38px;display:flex}.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible{outline-offset:3px;outline:3px solid #2f6f9d5c}@keyframes demoStepReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.landing-page{--landing-line:#73817a;--landing-muted:#303a35}}@media (max-width:1080px){.landing-header{grid-template-columns:auto auto}.landing-nav{display:none}.landing-hero,.split-section,.workspace-section,.lifecycle-section,.proof-section,.final-cta{grid-template-columns:1fr}.landing-hero{min-height:auto;padding-top:52px}.hero-copy h1{font-size:4.1rem}.studio-card-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-panel{grid-template-columns:1fr}}@media (max-width:760px){.landing-header{min-height:66px;padding:0 18px}.landing-actions .landing-button{display:none}.landing-hero,.landing-section,.final-cta,.landing-footer{width:min(100% - 28px,1180px)}.landing-hero{gap:32px;padding:38px 0 30px}.hero-copy h1{font-size:3.05rem}.hero-text{font-size:1.06rem}.landing-section{padding:62px 0}.landing-section h2,.final-cta h2{font-size:2.25rem}.studio-demo,.workspace-panel,.artifact-preview{padding:14px}.transformation-row{grid-template-columns:1fr;min-height:0;padding:14px}.thinking-flow{grid-template-columns:repeat(9,142px)}.studio-card-grid,.example-grid,.artifact-layout,.lifecycle-rail{grid-template-columns:1fr}.studio-card,.example-card{min-height:0}.artifact-tabs{grid-template-columns:1fr 1fr}.artifact-tabs button{font-size:.86rem}.final-cta{margin-bottom:32px;padding:28px}.landing-footer{flex-direction:column}}.studio-shell{min-height:100vh;color:var(--ink);background:linear-gradient(#f7f8f6 0%,#eef3f0 100%);padding:14px}.studio-topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #d3ddd8eb;border-radius:8px;grid-template-columns:minmax(210px,.85fr) minmax(320px,1.25fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 12px;display:grid;position:sticky;top:0;box-shadow:0 10px 40px #18211e0f}.studio-brand{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.studio-brand strong,.studio-brand span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-brand strong{font-size:1.08rem;font-weight:780}.studio-brand span{color:var(--muted);font-size:.78rem;font-weight:650}.brand-glyph{background:#080b0c;border:1px solid #1f2525;border-radius:8px;width:46px;height:46px;box-shadow:inset 0 0 0 1px #ffffff24,0 12px 28px #e823a129}.brand-glyph:before,.brand-glyph:after,.brand-glyph-inner{display:none}.brand-glyph img{object-fit:contain;width:100%;height:100%;display:block}.chat-message .brand-glyph{width:34px;height:34px}.studio-nav{border:1px solid var(--line);background:#eef3f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:4px;display:flex;overflow-x:auto}.studio-nav button,.workspace-menu summary,.workspace-menu-panel button,.mode-strip button{color:var(--ink);border:1px solid #0000;border-radius:8px;font-weight:720}.studio-nav button{white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.nav-label-short{display:none}.studio-nav button.selected,.studio-nav button:hover{border-color:var(--line);color:var(--jade);background:#fff;box-shadow:0 8px 20px #18211e0f}.studio-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.workspace-menu{position:relative}.workspace-menu summary{border-color:var(--line);cursor:pointer;white-space:nowrap;background:#fbfcfc;align-items:center;gap:7px;min-height:36px;padding:0 10px;list-style:none;display:inline-flex}.workspace-menu summary::-webkit-details-marker{display:none}.workspace-menu-panel{z-index:30;border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;width:min(360px,100vw - 28px);max-height:min(480px,100vh - 120px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 24px 80px #18211e29}.workspace-menu-panel>strong{padding:2px 4px 4px;font-size:.82rem}.workspace-menu-panel button{border-color:var(--line);text-align:left;background:#fbfcfc;gap:3px;width:100%;min-height:56px;padding:9px 10px;display:grid}.workspace-menu-panel button.selected{border-color:color-mix(in srgb, var(--jade) 58%, var(--line));background:color-mix(in srgb, var(--jade) 8%, white)}.workspace-menu-panel span,.workspace-menu-panel small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-menu-panel small{color:var(--muted)}.credit-chip{border:1px solid color-mix(in srgb, var(--jade) 34%, var(--line));background:color-mix(in srgb, var(--jade) 8%, white);color:#0f5f50;white-space:nowrap;border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:780;display:inline-flex}.studio-notice{border:1px solid color-mix(in srgb, var(--jade) 30%, var(--line));background:color-mix(in srgb, var(--jade) 7%, white);color:#164c41;border-radius:8px;align-items:center;gap:8px;min-height:44px;margin:12px 0;padding:0 12px;font-size:.92rem;font-weight:720;display:flex}.studio-stage{grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr);align-items:start;gap:12px;display:grid}.primary-panel,.result-rail,.chat-view,.result-view,.files-view,.publish-view,.qa-view{min-width:0}.parity-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.parity-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:7px;min-width:0;padding:14px;display:grid}.parity-card span,.ownership-panel span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:800}.parity-card strong,.ownership-panel strong{overflow-wrap:anywhere;min-width:0;font-size:.96rem}.parity-card small,.ownership-panel small{color:var(--muted);line-height:1.4}.parity-card.ready{background:linear-gradient(135deg,#4c8b681f,#ffffffe6);border-color:#4c8b6866}.parity-card.partial{background:linear-gradient(135deg,#d4a84b24,#ffffffe6);border-color:#d4a84b73}.parity-card.blocked{border-color:#c9614b59}.ownership-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:center;gap:10px;display:grid}.ownership-panel>div{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.ownership-panel button{border:1px solid var(--line);color:#fff;background:#111520;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:760;display:inline-flex}.ownership-panel button:disabled{cursor:not-allowed;opacity:.5}.source-control-form{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.source-control-form label{gap:6px;min-width:0;display:grid}.source-control-form label span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:800}.source-control-form input,.source-control-form select{border:1px solid var(--line);width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.source-control-form input:focus,.source-control-form select:focus{border-color:#d96e3aa6;outline:3px solid #d96e3a29}.source-control-repository-picker{grid-column:1/-1}.source-control-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.source-control-connection{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:7px;min-width:0;padding:12px;display:grid}.source-control-connection.connected{background:linear-gradient(135deg,#4c8b681a,#fbfcfc);border-color:#4c8b6861}.source-control-token-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.source-control-token-row input{border:1px solid var(--line);min-width:0;min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.backend-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.backend-panel>div.ready{border-color:#4c8b6861}.backend-panel>div.partial{border-color:#d4a84b6b}.testing-cockpit{background:linear-gradient(135deg, #d96e3a1a, #7ba4c914), var(--cz-surface,#fff);border:1px solid #d96e3a42;border-radius:10px;gap:14px;margin-bottom:16px;padding:16px;display:grid}.testing-cockpit-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.testing-cockpit-header span,.supabase-wizard-heading span{color:var(--cz-muted,#6d747f);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.testing-cockpit-header h2{color:var(--cz-text,#111520);margin:4px 0;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.05}.testing-cockpit-header p{color:var(--cz-muted,#6d747f);margin:0;line-height:1.45}.testing-cockpit-header>strong{min-width:64px;min-height:52px;color:var(--cz-accent,#d96e3a);background:#d96e3a1a;border:1px solid #d96e3a52;border-radius:9px;place-items:center;font-size:1.35rem;display:grid}.testing-cockpit-meter,.testing-cockpit-meter i{border-radius:999px;height:8px;display:block}.testing-cockpit-meter{background:#1115201a;overflow:hidden}.testing-cockpit-meter i{width:var(--workflow-progress);background:linear-gradient(90deg,#d96e3a,#7ba4c9,#63b7a4);transition:width .36s}.testing-flow-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.testing-flow-step{border:1px solid var(--line,#dfe6e2);min-width:0;min-height:92px;color:var(--ink,#111520);text-align:left;background:#ffffffb8;border-radius:9px;gap:6px;padding:10px;display:grid}.testing-flow-step:disabled{cursor:default}.testing-flow-step svg{color:var(--cz-accent,#d96e3a)}.testing-flow-step span{overflow-wrap:anywhere;font-weight:820}.testing-flow-step small{color:var(--cz-muted,#6d747f);line-height:1.25}.testing-flow-step.done{background:#4c8b681a;border-color:#4c8b6857}.testing-flow-step.active{border-color:#d96e3a70;box-shadow:0 0 0 3px #d96e3a14}.testing-flow-step.blocked{background:#c9614b14;border-color:#c9614b6b}.testing-flow-step.pending{opacity:.64}.testing-cockpit-actions{flex-wrap:wrap;gap:10px;display:flex}.supabase-wizard{background:linear-gradient(135deg,#63b7a41a,#ffffffdb);border:1px solid #63b7a442;border-radius:9px;grid-column:1/-1;gap:12px;padding:14px;display:grid}.supabase-wizard-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.supabase-wizard-heading strong{color:var(--cz-text,#111520);margin-top:4px;display:block}.supabase-wizard-heading small{color:var(--cz-muted,#6d747f);font-weight:760}.supabase-wizard-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.supabase-step{border:1px solid var(--line,#dfe6e2);background:#fffc;border-radius:8px;gap:6px;min-width:0;padding:11px;display:grid}.supabase-step span{color:var(--cz-muted,#6d747f);letter-spacing:.05em;text-transform:uppercase;font-size:.66rem;font-weight:850}.supabase-step strong{overflow-wrap:anywhere;color:var(--cz-text,#111520)}.supabase-step small{color:var(--cz-muted,#6d747f);line-height:1.35}.supabase-step.ready{border-color:#4c8b6861}.supabase-step.manual{border-color:#d4a84b6b}.supabase-step.blocked{border-color:#c9614b57}@media (max-width:1180px){.testing-flow-steps,.supabase-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.testing-cockpit{padding:13px}.testing-cockpit-header{grid-template-columns:1fr}.testing-cockpit-header>strong{min-width:0;min-height:42px}.testing-flow-steps,.supabase-wizard-steps{grid-template-columns:1fr}.testing-flow-step{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:auto}.testing-flow-step small{grid-column:2}.testing-cockpit-actions>button{flex:100%}}.primary-panel,.result-rail{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 16px 48px #18211e0f}.primary-panel{min-height:calc(100vh - 154px);padding:14px}.chat-view,.publish-view,.qa-view,.files-view{gap:14px;display:grid}.chat-thread{gap:10px;max-width:920px;display:grid}.chat-message{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;width:min(760px,100%);padding:12px;display:grid}.chat-message.user{color:#f7fbf9;background:#10211d;grid-template-columns:minmax(0,1fr);justify-self:end}.chat-message.compact{grid-template-columns:20px minmax(0,1fr)}.chat-event-stack{gap:8px;width:min(760px,100%);display:grid}.chat-message.event-message{background:#fff;grid-template-columns:22px minmax(0,1fr);padding:10px 12px}.chat-message.event-message strong{font-size:.84rem}.chat-message.event-message p{font-size:.92rem}.chat-message.dialogue-status-message{border-color:color-mix(in srgb, var(--jade) 26%, var(--line));background:linear-gradient(#ffffffad,#ffffff6b),#fbfcfc;grid-template-columns:34px minmax(0,1fr);align-items:center;width:min(680px,100%)}.chat-message.dialogue-status-message .brand-glyph{align-self:start}.chat-message.dialogue-status-message strong{align-items:center;gap:8px;margin-bottom:4px;display:flex}.chat-message.dialogue-status-message p{color:var(--muted);display:block;position:relative}.chat-message.dialogue-status-message.typing p:after{color:currentColor;content:"|";width:.55em;margin-left:2px;animation:1s steps(2,start) infinite codzeeCursorBlink;display:inline-block}.typing-indicator{vertical-align:middle;grid-template-columns:repeat(3,5px);gap:4px;margin-top:8px;display:inline-grid}.typing-indicator i{opacity:.34;background:currentColor;border-radius:999px;width:5px;height:5px;animation:1.15s ease-in-out infinite codzeeTypingDot}.typing-indicator i:nth-child(2){animation-delay:.16s}.typing-indicator i:nth-child(3){animation-delay:.32s}.brand-glyph.mini{width:34px;height:34px}.chat-message strong{margin-bottom:4px;font-weight:760;display:block}.chat-message p{color:inherit;margin:0;line-height:1.42}.chat-message.codzee p,.chat-message.codzee.compact p{color:var(--muted)}@keyframes codzeeTypingDot{0%,80%,to{opacity:.28;transform:translateY(0)}40%{opacity:.84;transform:translateY(-3px)}}@keyframes codzeeCursorBlink{0%,48%{opacity:1}49%,to{opacity:0}}.production-message{color:#f8fffc;background:linear-gradient(135deg,#091311fa,#132621f7),#10211d;width:min(860px,100%)}.production-stream{gap:8px;margin:12px 0 0;display:grid}.production-step{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;min-height:54px;padding:10px;display:grid}.stage-status{color:#f8fffcb8;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:820;display:inline-flex}.production-step.active{background:#2bd2b11a;border-color:#2bd2b173;box-shadow:inset 0 0 0 1px #2bd2b11a}.production-step.done .stage-status,.production-step.active .stage-status{color:#06120f;background:#26b79d}.stage-copy strong{color:#f8fffc;margin:0 0 2px}.stage-copy small{color:#f8fffca3;line-height:1.35;display:block}.mode-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mode-strip button{border-color:var(--line);text-align:left;background:#f7f9f8;gap:4px;min-height:76px;padding:12px;display:grid}.mode-strip button.selected{border-color:color-mix(in srgb, var(--jade) 62%, var(--line));background:color-mix(in srgb, var(--jade) 8%, white);color:var(--jade)}.mode-strip span{color:var(--muted);font-size:.78rem;line-height:1.25}.composer-box{color:var(--muted);gap:8px;font-weight:740;display:grid}.composer-box textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:168px;color:var(--ink);background:#fbfcfc;border-radius:8px;padding:14px;line-height:1.45}.generation-mode-control{color:var(--muted);grid-template-columns:minmax(0,150px) minmax(120px,180px) 1fr;align-items:center;gap:10px;font-size:.86rem;font-weight:740;display:grid}.generation-mode-control select{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fbfcfc;border-radius:8px;padding:0 12px}.generation-mode-control small{color:var(--muted);font-weight:650;line-height:1.35}@media (max-width:720px){.generation-mode-control{grid-template-columns:1fr;align-items:stretch}.preview-toolbar,.preview-edit-row{grid-template-columns:1fr}}.prompt-actions{flex-wrap:wrap;gap:10px;display:flex}.prompt-actions .primary-action,.prompt-actions .secondary-action{min-width:150px}.studio-disclosure{border:1px solid var(--line);background:#fbfcfc;border-radius:8px}.studio-disclosure summary{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-weight:760;list-style:none;display:flex}.studio-disclosure summary::-webkit-details-marker{display:none}.settings-grid,.toggle-grid{gap:10px;padding:0 12px 12px;display:grid}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid label,.toggle-grid label{min-width:0;color:var(--muted);gap:7px;font-size:.84rem;font-weight:720;display:grid}.settings-grid select,.attachment-drop{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px}.settings-grid select{width:100%;padding:0 10px}.toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toggle-grid label{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;padding:0 10px}.toggle-grid input{width:17px;min-height:17px;margin:0}.attachment-drop{color:var(--muted);cursor:pointer;align-items:center;gap:9px;margin:0 12px 12px;padding:0 12px;display:flex}.attachment-drop input{opacity:0;width:1px;height:1px;position:absolute}.attachment-list{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.attachment-list span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;padding:0 9px;font-size:.82rem;font-weight:650;display:inline-flex}.result-view{gap:12px;display:grid}.result-header{justify-content:space-between;align-items:center;gap:12px;min-height:54px;display:flex}.result-header span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:780}.result-header h1{margin:2px 0 0;font-size:1.34rem;line-height:1.15}.result-view iframe{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:calc(100vh - 230px);min-height:620px}.preview-toolbar{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.preview-toolbar>button,.preview-edit-row button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:760;display:inline-flex}.preview-toolbar>button.selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 10%, white);color:var(--accent-strong)}.preview-toolbar small{color:var(--muted);align-self:center;line-height:1.35}.preview-selection-card{gap:8px;min-width:0;display:grid}.preview-selection-card span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:760}.preview-selection-card strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:.94rem;line-height:1.35}.preview-source-candidates{gap:4px;max-width:min(100%,460px);display:grid}.preview-source-candidates small{border:1px solid var(--line);background:var(--panel-subtle);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:5px 7px;display:block;overflow:hidden}.preview-selection-card img{aspect-ratio:16/10;border:1px solid var(--line);background:var(--panel-subtle);object-fit:cover;border-radius:8px;width:min(100%,220px)}.preview-selection-card.annotation-card{border-top:1px solid var(--line);padding-top:10px}.preview-edit-requests{border-top:1px solid var(--line);grid-column:1/-1;gap:6px;padding-top:10px;display:grid}.preview-edit-requests>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:820}.preview-edit-request-card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:8px;gap:8px;padding:6px 9px;display:grid}.preview-edit-request-actions{flex-wrap:wrap;gap:6px;display:flex}.preview-edit-request-actions button{border:1px solid var(--line);min-height:30px;color:var(--ink);background:#fff;border-radius:8px;padding:5px 9px;font-size:.78rem;font-weight:780}.preview-edit-request-actions button:disabled{cursor:default;opacity:.72}.preview-edit-requests strong{color:var(--accent-strong);text-transform:uppercase;font-size:.78rem}.preview-edit-requests small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-edit-row{grid-template-columns:minmax(0,1fr) max-content max-content;gap:8px;display:grid}.preview-edit-row input{border:1px solid var(--line-strong);width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.version-panel{gap:10px;padding:0 12px 12px;display:grid}.version-panel>.secondary-action{justify-self:start}.version-list{gap:8px;display:grid}.version-list button{border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;gap:3px;padding:10px;display:grid}.version-list span{font-weight:780}.version-list strong,.version-list small,.version-list p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.3}.files-view{grid-template-columns:250px minmax(0,1fr)}.files-view .code-editor{gap:10px;min-width:0;display:grid}.files-view .panel-heading h2{overflow-wrap:anywhere;word-break:break-word;min-width:0}.files-view .panel-heading small{color:var(--muted);font-size:.78rem;line-height:1.3}.publish-view{max-width:720px}.qa-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:14px;display:grid}.result-rail{gap:12px;padding:12px;display:grid;position:sticky;top:98px}.mini-preview{border:1px solid var(--line);background:#f7f9f8;border-radius:8px;display:grid;overflow:hidden}.mini-preview-bar{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 12px;display:grid}.mini-preview-bar span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.82rem;font-weight:720;overflow:hidden}.mini-preview iframe{background:#fff;border:0;width:100%;height:min(64vh,640px);min-height:440px}.rail-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:5px;padding:12px;display:grid}.rail-card span,.rail-card small{color:var(--muted)}.rail-card span{text-transform:uppercase;font-size:.78rem;font-weight:760}.rail-card strong{font-size:1rem;font-weight:780}.rail-card small{overflow-wrap:anywhere;line-height:1.35}@media (max-width:1180px){.studio-topbar{grid-template-columns:1fr}.studio-nav{justify-content:flex-start}.studio-actions{justify-content:space-between}.studio-stage{grid-template-columns:1fr}.result-rail{grid-template-columns:minmax(360px,1fr) minmax(180px,.42fr) minmax(180px,.42fr);position:static}.result-rail .secondary-action{grid-column:1/-1}}@media (max-width:820px){.studio-shell{padding:8px}.studio-topbar{position:static}.studio-topbar,.primary-panel,.result-rail{padding:10px}.studio-actions{grid-template-columns:minmax(0,1fr) auto auto auto;width:100%;display:grid}.workspace-menu summary{justify-content:center;width:100%}.workspace-menu-panel{left:0;right:auto}.studio-nav{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid;overflow:visible}.studio-nav button{gap:4px;min-width:0;padding:0 4px;font-size:.82rem}.nav-label-full{display:none}.nav-label-short{display:inline}.mode-strip,.settings-grid,.toggle-grid,.files-view,.qa-grid{grid-template-columns:1fr}.files-view{width:100%;max-width:calc(100vw - 36px);overflow-x:hidden}.file-buttons,.file-buttons button,.files-view .code-editor{width:100%;min-width:0;max-width:100%}.chat-message{width:100%}.prompt-actions .primary-action,.prompt-actions .secondary-action{flex:160px}.result-view iframe{height:560px;min-height:0}.result-rail{display:none}}.studio-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#18181b;--panel-2:#232329;--ink:#f5f5f6;--muted:#a7a7b0;--line:#ffffff1c;--line-strong:#ffffff2e;--jade:#25d1a4;--blue:#5b8cff;--copper:#ff4f90;--saffron:#f2b84b;color:var(--ink);background:linear-gradient(#ffffff0a,#0000 180px),#101013}.studio-shell .studio-topbar,.studio-shell .primary-panel,.studio-shell .result-rail,.studio-shell .chat-message,.studio-shell .studio-disclosure,.studio-shell .publish-summary,.studio-shell .package-meter,.studio-shell .rail-card,.studio-shell .workspace-menu-panel,.studio-shell .workspace-menu-panel button,.studio-shell .mini-preview,.studio-shell .setup-item,.studio-shell .readiness-panel,.studio-shell .session-provider,.studio-shell .provider-row,.studio-shell .model-card,.studio-shell .plan-card,.studio-shell .dns-panel,.studio-shell .credit-panel{border-color:var(--line);color:var(--ink);box-shadow:none;background:#18181beb}.studio-shell .studio-topbar{background:#151519eb;box-shadow:0 18px 56px #00000052}.studio-shell .workspace-menu-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18181b}.studio-shell .workspace-menu-panel button{background:#202026}.studio-shell .studio-brand span,.studio-shell .workspace-menu-panel small,.studio-shell .chat-message.codzee p,.studio-shell .chat-message.codzee.compact p,.studio-shell .mode-strip span,.studio-shell .field-label,.studio-shell .publish-summary span,.studio-shell .publish-summary small,.studio-shell .package-meter span,.studio-shell .package-meter small,.studio-shell .rail-card span,.studio-shell .rail-card small,.studio-shell .mini-preview-bar span,.studio-shell .event-log li,.studio-shell .provider-health>span,.studio-shell .provider-row small,.studio-shell .model-card p,.studio-shell .plan-card span,.studio-shell .plan-card small,.studio-shell .readiness-check small,.studio-shell .setup-item small,.studio-shell .attachment-drop,.studio-shell .attachment-list span{color:var(--muted)}.studio-shell .studio-nav,.studio-shell .segmented{background:#ffffff0e;border-color:#ffffff1a}.studio-shell .studio-nav button,.studio-shell .workspace-menu summary,.studio-shell .mode-strip button,.studio-shell .toggle-grid label,.studio-shell .segmented button,.studio-shell .file-buttons button,.studio-shell .file-create-form input,.studio-shell .icon-button,.studio-shell .secondary-action.quiet,.studio-shell .published-link,.studio-shell .published-import input,.studio-shell .settings-grid select,.studio-shell .attachment-drop,.studio-shell .field-label input,.studio-shell .domain-input input,.studio-shell .composer-box textarea,.studio-shell .composer textarea,.studio-shell .session-provider select,.studio-shell .session-provider input{border-color:var(--line);color:var(--ink);background:#ffffff0e}.studio-shell .toggle-grid label{color:var(--ink)}.studio-shell .studio-nav button.selected,.studio-shell .studio-nav button:hover,.studio-shell .segmented button.selected,.studio-shell .mode-strip button.selected,.studio-shell .file-buttons button.selected,.studio-shell .workspace-menu-panel button.selected{color:var(--jade);box-shadow:none;background:#25d1a41c;border-color:#25d1a480}.studio-shell .primary-action{color:#fff;background:linear-gradient(135deg,#ff4f90,#7c5cff 58%,#25d1a4)}.studio-shell .secondary-action{color:#fff;background:#2563eb}.studio-shell .chat-message.user{background:linear-gradient(135deg,#25d1a42e,#5b8cff24);border-color:#25d1a452}.studio-shell .production-message{background:linear-gradient(135deg,#ff4f902e,#0000 38%),linear-gradient(145deg,#141116,#121a17 58%,#0b1014);border-color:#ffffff24}.studio-shell .credit-chip,.studio-shell .notice-line,.studio-shell .studio-notice,.studio-shell .readiness-title span.ready,.studio-shell .readiness-check span.ready,.studio-shell .setup-item.ready span{color:var(--jade);background:#25d1a41a;border-color:#25d1a457}.studio-shell .result-view iframe,.studio-shell .preview-panel iframe,.studio-shell .mini-preview iframe{background:#fff}.studio-shell .code-editor textarea{background:#09090b;border-color:#ffffff24}@media (max-width:820px){.studio-shell .studio-brand{grid-template-columns:42px minmax(0,1fr)}}.landing-page{--landing-page:var(--cz-bg);--landing-surface:var(--cz-surface);--landing-surface-2:var(--cz-artifact);--landing-ink:var(--cz-text);--landing-muted:var(--cz-muted);--landing-line:var(--cz-border);--landing-line-strong:var(--cz-border-strong);--landing-green:var(--cz-accent);--landing-blue:var(--cz-cognitive);--landing-amber:var(--cz-warning);--landing-red:var(--cz-error);--landing-shadow:var(--cz-shadow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--cz-bg)}.landing-header{border-bottom-color:var(--cz-border-subtle);background:#0a0a0bdb;min-height:76px}.landing-brand{color:var(--cz-text);letter-spacing:0}.language-switch{border-color:var(--cz-border);background:var(--cz-surface)}.landing-button{border-color:var(--cz-border-strong);color:var(--cz-text);background:0 0;transition:transform .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),background .15s cubic-bezier(.2,0,0,1)}.landing-button:hover,.landing-button:focus-visible{border-color:var(--cz-accent);transform:translateY(-1px)}.landing-button.primary{border-color:var(--cz-accent);background:var(--cz-accent);color:#170d09}.landing-button.primary:hover,.landing-button.primary:focus-visible{background:var(--cz-accent-hover)}.landing-button.secondary{background:var(--cz-surface)}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:64px;width:min(1360px,100% - 64px);padding:84px 0 62px;position:relative}.hero-background-artifact{z-index:0;border:1px solid var(--cz-border);background:var(--cz-surface);opacity:.12;pointer-events:none;border-radius:8px;gap:12px;width:min(520px,58vw);padding:18px;display:grid;position:absolute;top:104px;left:4%}.hero-background-artifact span{color:var(--cz-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.hero-background-artifact strong{color:var(--cz-text);font-size:1.2rem}.hero-background-artifact i{background:var(--cz-border-strong);border-radius:4px;height:12px;display:block}.hero-background-artifact i:nth-child(4){width:72%}.hero-background-artifact i:nth-child(5){width:48%}.hero-copy{z-index:1;gap:26px;position:relative}.landing-eyebrow{color:var(--cz-accent);letter-spacing:.08em;font-size:.72rem}.hero-copy h1,.landing-section h2,.final-cta h2{letter-spacing:0;overflow-wrap:anywhere;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-weight:620}.hero-copy h1{max-width:820px;font-size:clamp(4rem,7vw,6.8rem);line-height:.94}.hero-text{max-width:720px;color:var(--cz-muted);font-size:1.18rem}.hero-proof{max-width:720px}.hero-proof span,.artifact-fields span,.proof-grid span,.lifecycle-rail span{border-color:var(--cz-border);background:var(--cz-artifact);color:var(--cz-muted)}.studio-demo,.workspace-panel,.artifact-preview,.comparison-table,.studio-card,.example-card,.thinking-node,.transformation-row,.faq-list details{border-color:var(--cz-border);background:var(--cz-surface);box-shadow:none}.studio-demo{z-index:1;background:var(--cz-artifact);gap:18px;padding:22px;position:relative}.studio-demo:before,.workspace-panel:before,.artifact-preview:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a}.demo-topline h2{color:var(--cz-text);font-size:1.08rem}.demo-kicker,.demo-prompt span,.artifact-meta,.workspace-event time{color:var(--cz-tertiary)}.demo-step small{color:var(--cz-cognitive);margin-bottom:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:760;display:block}.demo-step p{color:var(--cz-muted)}.demo-prompt,.demo-step,.workspace-event,.artifact-inspector,.mini-graph span,.artifact-tabs button,.artifact-meta span{border-color:var(--cz-border);background:var(--cz-surface);color:var(--cz-text)}.demo-step.active .demo-status{background:var(--cz-cognitive);animation:1.1s cubic-bezier(.4,0,.2,1) infinite cognitivePulse;box-shadow:0 0 0 4px #7ba4c91f}.demo-step.complete .demo-status,.workspace-event.green{border-left-color:var(--cz-success)}.landing-section{width:min(1280px,100% - 64px);max-width:100%;padding:112px 0}.section-heading,.section-heading.wide{min-width:0;max-width:100%}.landing-section h2,.final-cta h2{font-size:clamp(2.6rem,5vw,4.9rem);line-height:1}.transformation-row{background:var(--cz-artifact);min-height:66px}.transformation-row strong,.comparison-row strong:last-child,.studio-card span{color:var(--cz-accent)}.thinking-flow{grid-template-columns:repeat(9,minmax(132px,1fr))}.studio-card-grid,.example-grid{gap:14px}.studio-card,.example-card{background:var(--cz-artifact);min-height:226px}.studio-card:hover,.studio-card:focus-within,.example-card:hover{border-color:var(--cz-border-strong);box-shadow:none}.studio-card svg,.example-card svg{color:var(--cz-cognitive)}.workspace-panel,.artifact-preview,.comparison-table{background:var(--cz-artifact);position:relative}.artifact-inspector{background:var(--cz-surface)}.artifact-tabs button[aria-selected=true]{border-color:var(--cz-accent);background:var(--cz-accent-muted);color:var(--cz-accent)}.final-cta{border-color:var(--cz-border);background:var(--cz-surface);width:min(1280px,100% - 64px);color:var(--cz-text)}.final-cta .landing-button.primary{border-color:var(--cz-accent);background:var(--cz-accent);color:#170d09}.landing-footer{border-top-color:var(--cz-border-subtle);width:min(1280px,100% - 64px);color:var(--cz-tertiary)}.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible,.studio-shell a:focus-visible,.studio-shell button:focus-visible,.studio-shell summary:focus-visible,.studio-shell textarea:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.studio-shell{--panel:var(--cz-surface);--panel-2:var(--cz-elevated);--ink:var(--cz-text);--muted:var(--cz-muted);--line:var(--cz-border);--line-strong:var(--cz-border-strong);--jade:var(--cz-accent);--blue:var(--cz-cognitive);--copper:var(--cz-error);--saffron:var(--cz-warning);background:var(--cz-bg);min-height:100vh;color:var(--cz-text);padding:14px}.studio-topbar{border-color:var(--cz-border);min-height:68px;box-shadow:none;background:#131316eb;grid-template-columns:250px minmax(0,1fr) auto}.studio-shell .studio-topbar{box-shadow:none;background:#131316eb}.artifact-breadcrumb{min-width:0;color:var(--cz-tertiary);align-items:center;gap:9px;font-size:.84rem;display:flex}.artifact-breadcrumb strong,.artifact-breadcrumb span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.artifact-breadcrumb strong{color:var(--cz-text);font-weight:720}.studio-left-rail,.primary-panel,.result-rail{border:1px solid var(--cz-border);background:var(--cz-surface);box-shadow:none;border-radius:8px}.studio-left-rail{align-content:start;gap:12px;min-width:0;max-height:calc(100vh - 110px);padding:12px;display:grid;position:sticky;top:96px;overflow:auto}.workspace-id-card,.workspace-section-list,.agent-roster,.context-card,.context-activity-feed,.registry-hero,.artifact-object,.activity-lane{border:1px solid var(--cz-border);background:var(--cz-artifact);border-radius:8px}.workspace-id-card{gap:6px;padding:12px;display:grid}.workspace-id-card span,.workspace-section-list>span,.agent-roster>span,.context-card>span,.context-activity-feed>span,.registry-hero span,.artifact-stage-header span,.artifact-object-topline span,.activity-events span{color:var(--cz-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:760}.workspace-id-card strong{overflow-wrap:anywhere;font-size:.98rem;line-height:1.2}.workspace-id-card small,.artifact-stage-meta span,.context-card small,.activity-agent span,.agent-card small{color:var(--cz-muted);line-height:1.35}.studio-nav{background:0 0;border:0;justify-content:stretch;gap:6px;padding:0;display:grid;overflow:visible}.studio-nav button{min-height:40px;color:var(--cz-muted);background:0 0;border-color:#0000;justify-content:flex-start}.studio-nav button.selected,.studio-nav button:hover,.studio-shell .studio-nav button.selected,.studio-shell .studio-nav button:hover{border-color:var(--cz-border);background:var(--cz-accent-muted);color:var(--cz-accent)}.workspace-section-list{border-top:1px solid var(--cz-border-strong);margin-top:8px}.workspace-section-list small{color:var(--cz-muted)}.agent-card{border:1px solid var(--cz-border);background:var(--cz-surface);border-radius:8px;gap:5px;padding:10px;display:grid}.agent-card strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.artifact-stage-panel{background:var(--cz-artifact);grid-template-rows:auto minmax(0,1fr);min-height:calc(100vh - 154px);padding:0;display:grid;overflow:hidden}.artifact-stage-header{border-bottom:1px solid var(--cz-border);background:var(--cz-surface);justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.artifact-stage-header h1{margin:4px 0 0;font-size:1.22rem;line-height:1.15}.artifact-stage-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.artifact-stage-meta span{border:1px solid var(--cz-border);background:var(--cz-artifact);color:var(--cz-muted);border-radius:8px;padding:7px 9px}.artifact-registry-view{overflow-x:hidden}.registry-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;padding:20px;display:grid}.registry-hero h2{overflow-wrap:anywhere;margin:6px 0 10px;font-size:clamp(1.8rem,3.8vw,3.4rem);line-height:1}.registry-hero .primary-action{justify-self:start}.registry-hero p,.artifact-object p,.activity-events p{color:var(--cz-muted);margin:0;line-height:1.45}.artifact-object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.focused-artifact{border:1px solid var(--cz-border-strong);border-left:3px solid var(--cz-accent);background:var(--cz-surface);border-radius:8px;gap:18px;margin-top:12px;padding:20px;display:grid}.focused-artifact h3{margin:0;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1}.focused-artifact p{max-width:720px;color:var(--cz-muted);margin:0;font-size:1rem;line-height:1.5}.focused-artifact dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.focused-artifact dl div{border:1px solid var(--cz-border);background:var(--cz-artifact);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.focused-artifact dt{color:var(--cz-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:760}.focused-artifact dd{color:var(--cz-text);overflow-wrap:anywhere;margin:0}.artifact-object{gap:14px;min-height:184px;padding:14px;display:grid}.artifact-object-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.artifact-object-topline strong{color:var(--cz-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.artifact-object h3{overflow-wrap:anywhere;margin:0;font-size:1.12rem}.design-system-panel{background:linear-gradient(135deg, #e8743c1f, #7ba4c914), var(--cz-artifact);color:var(--cz-text);border:1px solid #e8743c47;border-radius:8px;gap:14px;padding:18px;display:grid}.design-system-panel.pending{border-color:var(--cz-border);background:var(--cz-artifact)}.design-system-panel.compact{padding:14px}.design-system-panel h3{overflow-wrap:anywhere;margin:0;font-size:1.08rem;line-height:1.15}.design-system-panel p{color:var(--cz-muted);margin:0;line-height:1.45}.design-system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.design-system-grid span{border:1px solid var(--cz-border);min-width:0;color:var(--cz-muted);overflow-wrap:anywhere;background:#ffffff09;border-radius:8px;gap:4px;padding:10px;font-size:.76rem;line-height:1.2;display:grid}.design-system-grid strong{color:var(--cz-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem}.design-system-token-list{flex-wrap:wrap;gap:8px;display:flex}.design-system-token-list span{max-width:100%;color:var(--cz-text);overflow-wrap:anywhere;background:#e8743c14;border:1px solid #e8743c3d;border-radius:999px;padding:6px 9px;font-size:.76rem}.design-system-actions{flex-wrap:wrap;gap:8px;display:flex}.design-system-actions button{border:1px solid var(--cz-border);background:var(--cz-surface);min-height:36px;color:var(--cz-text);font:inherit;cursor:pointer;border-radius:8px;padding:0 11px;font-size:.78rem;font-weight:800}.design-system-actions button:disabled{opacity:.45;cursor:not-allowed}.design-system-attachment-row,.design-system-release-list article{border:1px solid var(--cz-border);background:#ffffff09;border-radius:8px;gap:4px;padding:10px;display:grid}.design-system-attachment-row span,.design-system-release-list span{color:var(--cz-copper);text-transform:uppercase;font-size:.74rem;font-weight:900}.design-system-attachment-row strong,.design-system-release-list strong{color:var(--cz-text);overflow-wrap:anywhere}.design-system-attachment-row small,.design-system-release-list small{color:var(--cz-muted);line-height:1.3}.design-system-release-list{gap:8px;display:grid}.design-system-release-list article.current{background:#25d1a414;border-color:#25d1a461}@media (max-width:820px){.design-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.design-system-grid{grid-template-columns:1fr}}.artifact-lineage-map{grid-template-columns:repeat(7,minmax(112px,1fr));gap:8px;min-width:0;max-width:100%;margin-top:12px;padding-bottom:4px;display:grid;overflow-x:auto}.artifact-lineage-map div{border:1px solid var(--cz-border);background:var(--cz-surface);border-radius:8px;gap:18px;min-height:110px;padding:12px;display:grid}.artifact-lineage-map span{color:var(--cz-tertiary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.artifact-lineage-map strong{align-self:end}.activity-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.activity-lane{gap:12px;padding:14px;display:grid}.activity-agent{gap:3px;display:grid}.activity-agent strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.activity-events{gap:8px;display:grid}.activity-events div{border:1px solid var(--cz-border);background:var(--cz-surface);border-radius:8px;gap:4px;padding:10px;display:grid}.composer-box textarea{background:var(--cz-surface)}.studio-shell .primary-action,.primary-action{border:1px solid var(--cz-accent);background:var(--cz-accent);color:#170d09;box-shadow:none}.studio-shell .secondary-action,.secondary-action{border:1px solid var(--cz-border-strong);background:var(--cz-elevated);color:var(--cz-text)}.context-lens-switcher button{min-height:34px;color:var(--cz-muted);background:0 0;border:1px solid #0000;border-radius:6px;font-size:.78rem;font-weight:720}.context-lens-switcher button.selected,.context-lens-switcher button:hover{border-color:var(--cz-border);background:var(--cz-accent-muted);color:var(--cz-accent)}.agent-presence-bar{z-index:2;border:1px solid var(--cz-border);background:var(--cz-artifact);border-radius:8px;gap:8px;min-height:46px;margin-top:0;padding:8px;display:grid;position:static}.agent-presence-bar>span{color:var(--cz-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:760}.agent-presence-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.agent-presence-bar button{border:1px solid var(--cz-border);background:var(--cz-surface);min-height:46px;color:var(--cz-muted);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) 8px;align-items:center;gap:3px 6px;padding:7px 8px;display:grid}.agent-presence-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;font-weight:760;overflow:hidden}.agent-presence-bar small{color:var(--cz-tertiary);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.72rem;overflow:hidden}.agent-presence-bar i{grid-area:1/2}.context-card{gap:6px;padding:16px;display:grid}.context-card small{overflow-wrap:anywhere}.context-activity-feed{gap:8px;padding:16px;display:grid}.context-activity-feed article{border:1px solid var(--cz-border);background:var(--cz-surface);border-radius:8px;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:9px;display:grid}.context-activity-feed small{color:var(--cz-tertiary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.context-activity-feed p{color:var(--cz-muted);margin:0;font-size:.82rem;line-height:1.35}.mini-preview{background:var(--cz-artifact)}.mini-preview iframe{height:min(38vh,360px);min-height:260px}.mini-preview-empty{background:var(--cz-artifact);text-align:center;place-content:center;gap:8px;min-height:260px;padding:24px;display:grid}.mini-preview-empty span{color:var(--cz-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:760}.mini-preview-empty strong{color:var(--cz-muted);font-size:.92rem;line-height:1.35}.result-view iframe{background:#fff}.studio-shell .credit-chip,.studio-shell .studio-notice,.studio-shell .setup-item.ready span{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#e8743c57}@keyframes cognitivePulse{0%,to{box-shadow:0 0 #7ba4c929}50%{box-shadow:0 0 0 5px #7ba4c900}}@media (prefers-reduced-motion:reduce){.demo-step.active .demo-status,.agent-card.thinking i,.agent-card.reviewing i,.agent-presence-bar .thinking i,.agent-presence-bar .reviewing i{animation:none!important}}@media (max-width:1280px){.studio-stage{grid-template-columns:220px minmax(0,1fr)}.context-rail{grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:1fr;max-height:none;position:static;overflow:visible}.context-rail-scroll{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.context-lens-switcher,.agent-presence-bar,.mini-preview,.context-rail .secondary-action{grid-column:1/-1}}@media (max-width:1080px){.landing-hero,.split-section,.workspace-section,.lifecycle-section,.proof-section,.final-cta{grid-template-columns:1fr}.landing-hero,.landing-section,.final-cta,.landing-footer{width:min(100% - 40px,1280px)}.studio-stage{grid-template-columns:1fr}.studio-left-rail{max-height:none;position:static}.studio-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-board,.artifact-object-grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){.landing-hero,.landing-section,.final-cta,.landing-footer{width:min(100% - 28px,1280px)}.hero-copy h1{font-size:3.3rem}.studio-topbar{grid-template-columns:1fr}.artifact-breadcrumb{order:2}.studio-nav,.agent-roster,.demo-steps,.artifact-object-grid,.focused-artifact dl,.activity-board,.context-rail,.context-rail-scroll,.registry-hero{grid-template-columns:1fr}.artifact-registry-view,.studio-activity-view,.chat-view,.publish-view,.qa-view,.files-view,.result-view{padding:16px}.artifact-stage-header{padding:16px;display:grid}.artifact-stage-meta{justify-content:flex-start}.hero-background-artifact{width:100%;top:90px;left:0}.agent-presence-list{grid-template-columns:1fr}}.landing-page *,.studio-shell *{letter-spacing:0!important}.landing-page,.studio-shell{--cz-bg:#09090a;--cz-artifact:#0e0e10;--cz-surface:#151517;--cz-elevated:#1d1d21;--cz-border-subtle:#202025;--cz-border:#2c2c33;--cz-border-strong:#42424b;--cz-text:#f6f3ef;--cz-muted:#aaa69f;--cz-tertiary:#726f68;--cz-accent:#e8743c;--cz-accent-hover:#f08855;--cz-accent-muted:#e8743c21;--cz-cognitive:#82a9c8;--cz-cognitive-muted:#82a9c821;--cz-success:#8faa70;--cz-warning:#d2a752;--cz-error:#c96551;--cz-shadow:0 28px 90px #0000006b}.landing-page{isolation:isolate;background:linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 96px 96px, linear-gradient(180deg, #ffffff05 1px, transparent 1px) 0 0 / 96px 96px, var(--cz-bg);position:relative;overflow-x:hidden}.landing-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09090ac7;border-bottom-color:#ffffff13;min-height:72px}.landing-brand-mark{background:#101012}.landing-hero{width:min(1380px,100% - 64px);min-height:auto;padding:72px 0}.hero-copy{align-self:center}.hero-copy h1{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:760px;font-size:5.4rem;line-height:.94}.hero-text{max-width:700px;color:var(--cz-muted)}.landing-eyebrow{color:var(--cz-accent)}.studio-demo{background:linear-gradient(180deg, #f6f3ef0b, transparent 46%), var(--cz-artifact);box-shadow:var(--cz-shadow);border-color:#ffffff21;align-self:center}.demo-topline{min-height:34px}.demo-prompt{background:#e8743c14;border-color:#e8743c47}.demo-steps{position:relative}.demo-step{background:#ffffff09;border-color:#ffffff1a;min-height:78px;position:relative}.demo-step.complete{border-color:#8faa7052}.landing-section h2,.final-cta h2{max-width:980px;font-size:4.35rem}.transformation-grid,.workspace-panel,.artifact-layout,.comparison-table,.faq-list{position:relative}.transformation-row,.thinking-node,.studio-card,.example-card,.workspace-event,.artifact-tabs button,.artifact-preview,.comparison-table,.faq-list details{background:#ffffff09;border-color:#ffffff1c}.transformation-row:hover,.thinking-node:hover,.studio-card:hover,.example-card:hover,.artifact-tabs button:hover,.faq-list details:hover{box-shadow:none;background:#ffffff0e;border-color:#ffffff30;transform:translateY(-1px)}.thinking-flow{grid-template-columns:repeat(9,minmax(138px,1fr));gap:10px}.thinking-node{min-height:168px}.thinking-node span,.workspace-event time,.artifact-meta span,.comparison-row.header,.demo-kicker,.demo-prompt span{color:var(--cz-tertiary)}.studio-card-grid{gap:16px}.studio-card{min-height:242px;padding:20px}.workspace-panel{background:var(--cz-artifact);border-color:#ffffff1f;grid-template-columns:minmax(0,1.02fr) minmax(320px,.72fr);padding:0;overflow:hidden}.artifact-inspector{border:0;border-left:1px solid var(--cz-border);background:var(--cz-surface);border-radius:0}.mini-graph span{align-items:center;gap:8px;display:inline-flex}.artifact-preview{background:linear-gradient(180deg, #f6f3ef0a, transparent 50%), var(--cz-artifact);min-height:360px;padding:30px}.artifact-preview h3{font-size:3rem;line-height:1}.artifact-fields span,.proof-grid span,.lifecycle-rail span{color:var(--cz-muted);background:#ffffff0a;border-color:#ffffff1c}.lifecycle-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid{gap:16px}.comparison-table{background:var(--cz-artifact);border-color:#ffffff1f}.comparison-row{border-top-color:var(--cz-border)}.final-cta{background:linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/96px 96px,#101012;border-left:0;border-right:0;border-radius:0;width:100%;max-width:none;margin:0;padding:88px max(24px,50% - 660px) 92px}.final-cta .landing-eyebrow{color:var(--cz-accent)}.landing-footer{width:min(1320px,100% - 64px)}.studio-shell{isolation:isolate;background:linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 72px 72px, linear-gradient(180deg, #ffffff05 1px, transparent 1px) 0 0 / 72px 72px, var(--cz-bg);position:relative}.studio-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0d0fd6;border-color:#ffffff1f}.studio-left-rail,.primary-panel,.result-rail,.context-rail{background:#131316e6;border-color:#ffffff1c}.artifact-stage-panel{background:var(--cz-artifact);border-color:#ffffff21}.artifact-stage-header{background:linear-gradient(180deg, #f6f3ef09, transparent), var(--cz-surface);min-height:82px}.artifact-stage-header h1{font-size:1.38rem}.registry-hero{background:linear-gradient(180deg, #e8743c14, transparent 68%), var(--cz-surface);border-color:#e8743c3d}.registry-hero h2{max-width:900px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:3.1rem;font-weight:620}.focused-artifact h3{font-size:2.8rem}.focused-artifact{background:var(--cz-surface);border-color:#e8743c5c}.artifact-object,.activity-lane,.context-card,.context-activity-feed,.workspace-id-card,.workspace-section-list,.agent-presence-bar,.mini-preview{background:#ffffff09;border-color:#ffffff1a}.activity-lane{position:relative;overflow:hidden}.activity-events div{background:var(--cz-surface);border-color:#ffffff17}.chat-message,.studio-shell .chat-message{background:#ffffff09}.chat-message.user,.studio-shell .chat-message.user{background:#e8743c1f}.context-lens-switcher{background:var(--cz-artifact)}.agent-presence-bar button{background:var(--cz-surface)}.mini-preview-empty{background:linear-gradient(180deg, #82a9c814, transparent 70%), var(--cz-artifact)}.studio-shell .primary-action,.primary-action{border-color:var(--cz-accent);background:var(--cz-accent);color:#170d09}.studio-shell .primary-action:hover,.primary-action:hover,.landing-button.primary:hover{background:var(--cz-accent-hover)}.studio-shell .secondary-action,.secondary-action{background:var(--cz-elevated)}.auth-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f3ef;background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#ffffff05 1px,#0000 1px) 0 0/72px 72px,#09090a;min-height:100vh}.auth-panel{background:linear-gradient(#f6f3ef0a,#0000 46%),#151517;border-color:#ffffff1f;gap:18px;box-shadow:0 28px 90px #0000006b}.auth-panel code,.auth-note,.auth-panel input{color:#f6f3ef;background:#ffffff09;border-color:#ffffff1c}.auth-panel input:focus-visible{outline-offset:2px;outline:2px solid #e8743c}.auth-panel .primary-action{color:#170d09;background:#e8743c;border:1px solid #e8743c}@media (prefers-reduced-motion:reduce){.studio-shell *,.studio-shell :before,.studio-shell :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1080px){.landing-hero,.landing-section,.landing-footer{width:min(100% - 40px,1320px)}.hero-copy h1{font-size:4.35rem}.landing-section h2,.final-cta h2{font-size:3.4rem}.artifact-preview h3,.registry-hero h2,.focused-artifact h3{font-size:2.45rem}.workspace-panel,.artifact-layout{grid-template-columns:1fr}.artifact-inspector{border-top:1px solid var(--cz-border);border-left:0}}@media (max-width:820px){.landing-hero,.landing-section,.landing-footer{width:min(100% - 28px,1320px)}.landing-hero{min-height:auto}.hero-copy h1{font-size:3.1rem}.landing-section h2,.final-cta h2{font-size:2.4rem}.artifact-preview h3,.registry-hero h2,.focused-artifact h3{font-size:2rem}.final-cta{padding:64px 20px}.demo-steps:before,.hero-background-artifact{display:none}.artifact-tabs{grid-template-columns:1fr}.studio-stage{display:grid}.artifact-stage-panel{order:1}.studio-left-rail{order:2}.context-rail{order:3}.studio-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-section-list{max-height:220px;overflow:auto}}.landing-page,.studio-shell,.auth-shell{--cz-bg:#0a0a0b;--cz-artifact:#0f0f11;--cz-surface:#141416;--cz-elevated:#1d1d21;--cz-panel:#17171a;--cz-border-subtle:#1f1f24;--cz-border:#2b2b31;--cz-border-strong:#3d3d46;--cz-text:#f5f4f1;--cz-muted:#aaa7a1;--cz-tertiary:#706d66;--cz-accent:#e8743c;--cz-accent-hover:#f08550;--cz-accent-muted:#e8743c1f;--cz-cognitive:#7ba4c9;--cz-cognitive-muted:#7ba4c924;--cz-success:#8fae6b;--cz-warning:#d4a84b;--cz-error:#c9614b;--cz-shadow:0 28px 86px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.landing-page *,.landing-page :before,.landing-page :after,.studio-shell *,.studio-shell :before,.studio-shell :after,.auth-shell *,.auth-shell :before,.auth-shell :after{letter-spacing:0!important}.landing-page{--landing-page:var(--cz-bg);--landing-surface:var(--cz-surface);--landing-surface-2:var(--cz-artifact);--landing-ink:var(--cz-text);--landing-muted:var(--cz-muted);--landing-line:var(--cz-border);--landing-line-strong:var(--cz-border-strong);--landing-green:var(--cz-accent);--landing-blue:var(--cz-cognitive);--landing-amber:var(--cz-warning);--landing-red:var(--cz-error);--landing-shadow:var(--cz-shadow);isolation:isolate;background:linear-gradient(90deg, #f5f4f106 1px, transparent 1px) 0 0 / 88px 88px, linear-gradient(180deg, #f5f4f105 1px, transparent 1px) 0 0 / 88px 88px, var(--cz-bg);color:var(--cz-text);position:relative;overflow-x:clip}.landing-page:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#f5f4f10d,#0000 220px),linear-gradient(110deg,#0000 0 18%,#e8743c0b 18% 18.5%,#0000 18.5% 100%);position:fixed;inset:0}.landing-header{z-index:50;border-bottom:1px solid var(--cz-border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0bd6;width:100%;min-height:76px;padding:0 max(20px,50% - 680px);position:sticky;top:0}.landing-brand{color:var(--cz-text);font-weight:760}.landing-brand-mark{border-color:var(--cz-border-strong);background:var(--cz-surface);color:var(--cz-accent);box-shadow:inset 0 1px #f5f4f10d}.landing-nav{color:var(--cz-tertiary)}.landing-nav a:hover,.landing-nav a:focus-visible,.landing-footer a:hover,.landing-footer a:focus-visible{color:var(--cz-text)}.language-switch{border:1px solid var(--cz-border);background:var(--cz-surface)}.language-switch button{color:var(--cz-muted)}.language-switch button.active{background:var(--cz-accent-muted);color:var(--cz-accent)}.landing-button,.primary-action,.secondary-action,.icon-button,.workspace-menu summary,.context-lens-switcher button,.studio-nav button,.file-buttons button,.segmented button{border-radius:8px}.landing-button{border:1px solid var(--cz-border-strong);min-height:46px;color:var(--cz-text);background:#f5f4f109;font-weight:760;transition:transform .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),background .15s cubic-bezier(.2,0,0,1)}.landing-button:hover,.landing-button:focus-visible{background:#f5f4f10f;border-color:#e8743cb8;transform:translateY(-1px)}.landing-button.primary,.studio-shell .primary-action,.primary-action{border-color:var(--cz-accent);background:var(--cz-accent);color:#170d09}.landing-button.primary:hover,.landing-button.primary:focus-visible,.studio-shell .primary-action:hover,.primary-action:hover{background:var(--cz-accent-hover)}.landing-button.secondary,.studio-shell .secondary-action,.secondary-action{border-color:var(--cz-border-strong);background:var(--cz-elevated);color:var(--cz-text)}.landing-hero{grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);align-items:center;gap:clamp(36px,5vw,78px);width:min(1360px,100% - 64px);min-height:min(780px,100vh - 76px);padding:74px 0 70px;display:grid;position:relative}.hero-background-artifact{border-color:var(--cz-border);background:var(--cz-surface);opacity:.11;width:min(600px,54vw);top:98px;left:-18px}.hero-copy{z-index:1;align-self:center;gap:26px;position:relative}.landing-eyebrow{color:var(--cz-accent);text-transform:uppercase;align-items:center;gap:8px;font-size:.74rem;font-weight:780;display:inline-flex}.hero-copy h1,.landing-section h2,.final-cta h2{letter-spacing:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-weight:620}.hero-copy h1{overflow-wrap:normal;word-break:normal;max-width:880px;margin:0;font-size:clamp(4.2rem,7.3vw,7.4rem);line-height:.91}.hero-text{max-width:740px;color:var(--cz-muted);font-size:clamp(1.04rem,1.5vw,1.26rem);line-height:1.55}.hero-actions,.hero-proof{flex-wrap:wrap;gap:10px;display:flex}.hero-proof{max-width:760px;padding-top:2px}.hero-proof span,.artifact-fields span,.proof-grid span,.lifecycle-rail span{border:1px solid var(--cz-border);background:var(--cz-artifact);color:var(--cz-muted);border-radius:8px}.hero-proof span{min-height:34px;padding:8px 10px;font-size:.82rem;font-weight:680}.studio-demo{z-index:1;background:var(--cz-artifact);box-shadow:var(--cz-shadow);border:1px solid #f5f4f121;border-radius:8px;align-self:center;gap:18px;padding:22px;display:grid;position:relative}.studio-demo:before,.workspace-panel:before,.artifact-preview:before,.primary-panel:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #f5f4f10b}.demo-topline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.demo-topline h2{color:var(--cz-text);margin:2px 0 0;font-size:1.1rem}.demo-kicker,.demo-prompt span,.demo-step small,.workspace-event time,.artifact-meta,.artifact-meta span,.comparison-row.header{color:var(--cz-tertiary)}.demo-prompt{background:var(--cz-accent-muted);border:1px solid #e8743c47;border-radius:8px;gap:6px;min-height:76px;padding:14px;display:grid}.demo-prompt strong{color:var(--cz-text);line-height:1.3}.demo-steps{gap:10px;display:grid;position:relative}.demo-steps:before{content:"";background:linear-gradient(#0000,#7ba4c98f,#0000);width:1px;position:absolute;top:18px;bottom:18px;left:13px}.demo-step{border:1px solid var(--cz-border);background:var(--cz-surface);min-height:76px;animation:.56s cubic-bezier(0,0,.2,1) both artifactMaterialize;animation-delay:calc(var(--step-index) * 70ms);border-radius:8px;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:13px;display:grid;position:relative}.demo-status{border:1px solid var(--cz-border-strong);background:var(--cz-tertiary);border-radius:999px;width:12px;height:12px;margin-top:5px;display:block}.demo-step.complete .demo-status{border-color:var(--cz-success);background:var(--cz-success)}.demo-step.active{background:var(--cz-cognitive-muted);border-color:#7ba4c985}.demo-step.active .demo-status{border-color:var(--cz-cognitive);background:var(--cz-cognitive);animation:1.1s cubic-bezier(.4,0,.2,1) infinite cognitivePulse}.demo-step.queued{opacity:.7}.demo-step h3{color:var(--cz-text);margin:0;font-size:.98rem}.demo-step p{color:var(--cz-muted);margin:4px 0 0;font-size:.88rem;line-height:1.35}.landing-section{width:min(1280px,100% - 64px);padding:clamp(86px,9vw,128px) 0}.split-section,.workspace-section,.lifecycle-section,.proof-section{gap:clamp(36px,5vw,72px)}.landing-section h2,.final-cta h2{max-width:980px;margin:0;font-size:clamp(2.65rem,5vw,5.05rem);line-height:.98}.landing-section p{color:var(--cz-muted)}.transformation-row,.thinking-node,.studio-card,.example-card,.workspace-event,.artifact-tabs button,.artifact-preview,.comparison-table,.faq-list details,.workspace-panel,.artifact-inspector{border:1px solid var(--cz-border);background:var(--cz-artifact);box-shadow:none;border-radius:8px}.transformation-row,.thinking-node,.studio-card,.example-card,.artifact-tabs button,.faq-list details{transition:transform .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),background .15s cubic-bezier(.2,0,0,1)}.transformation-row:hover,.thinking-node:hover,.studio-card:hover,.example-card:hover,.artifact-tabs button:hover,.faq-list details:hover{border-color:var(--cz-border-strong);background:var(--cz-surface);transform:translateY(-1px)}.transformation-grid,.studio-card-grid,.example-grid,.thinking-flow{gap:14px}.thinking-flow{grid-template-columns:repeat(10,minmax(126px,1fr));padding-bottom:4px;overflow-x:auto}.thinking-node{background:var(--cz-artifact);min-height:154px}.thinking-node span,.studio-card span,.comparison-row strong:last-child{color:var(--cz-accent)}.studio-card,.example-card{min-height:224px;padding:20px}.studio-card svg,.example-card svg,.demo-topline svg{color:var(--cz-cognitive)}.studio-card p,.example-card p,.workspace-event p,.artifact-inspector p,.artifact-preview p{color:var(--cz-muted)}.workspace-panel{background:var(--cz-artifact);grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);padding:0;position:relative;overflow:hidden}.workspace-timeline{padding:18px}.workspace-event{background:var(--cz-surface);min-height:78px}.workspace-event.green{border-left:3px solid var(--cz-success)}.workspace-event.blue{border-left:3px solid var(--cz-cognitive)}.workspace-event.amber{border-left:3px solid var(--cz-warning)}.workspace-event.red{border-left:3px solid var(--cz-error)}.artifact-inspector{background:var(--cz-surface);border-width:0 0 0 1px;border-radius:0}.artifact-layout{grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:18px}.artifact-tabs{gap:8px}.artifact-tabs button{color:var(--cz-muted)}.artifact-tabs button[aria-selected=true]{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#e8743c9e}.artifact-preview{min-height:372px;padding:30px;position:relative}.artifact-preview h3{margin:12px 0;font-size:clamp(2.15rem,4.4vw,4rem);line-height:.98}.lifecycle-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lifecycle-rail span{min-height:86px;color:var(--cz-text)}.comparison-table{overflow:hidden}.comparison-row{border-top:1px solid var(--cz-border)}.comparison-row.header{background:var(--cz-elevated)}.proof-grid span{color:var(--cz-text)}.faq-list details{background:var(--cz-artifact)}.faq-list summary{color:var(--cz-text)}.final-cta{border:1px solid var(--cz-border);background:var(--cz-surface);width:min(1280px,100% - 64px);max-width:none;color:var(--cz-text);border-radius:8px;margin:0 auto 44px;padding:clamp(54px,7vw,86px)}.final-cta p{color:var(--cz-muted)}.landing-footer{border-top:1px solid var(--cz-border-subtle);width:min(1280px,100% - 64px);color:var(--cz-tertiary)}.studio-shell{--panel:var(--cz-surface);--panel-2:var(--cz-elevated);--ink:var(--cz-text);--muted:var(--cz-muted);--line:var(--cz-border);--line-strong:var(--cz-border-strong);--jade:var(--cz-accent);--blue:var(--cz-cognitive);--copper:var(--cz-error);--saffron:var(--cz-warning);isolation:isolate;background:linear-gradient(90deg, #f5f4f106 1px, transparent 1px) 0 0 / 72px 72px, linear-gradient(180deg, #f5f4f104 1px, transparent 1px) 0 0 / 72px 72px, var(--cz-bg);min-height:100vh;color:var(--cz-text);padding:14px;position:relative;overflow-x:clip}.studio-shell:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#f5f4f10b,#0000 180px);position:fixed;inset:0}.studio-topbar{min-height:70px;box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141416e0;border:1px solid #f5f4f11c;grid-template-columns:minmax(220px,260px) minmax(0,1fr) auto}.studio-brand span{color:var(--cz-muted)}.brand-glyph{border:1px solid var(--cz-border-strong);background:#0c0c0d;box-shadow:inset 0 1px #f5f4f114}.artifact-breadcrumb{color:var(--cz-tertiary)}.artifact-breadcrumb strong{color:var(--cz-text)}.artifact-breadcrumb span:last-child{color:var(--cz-accent)}.studio-actions{gap:8px}.studio-shell .credit-chip,.studio-shell .studio-notice,.studio-shell .readiness-title span.ready,.studio-shell .readiness-check span.ready,.studio-shell .setup-item.ready span{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#e8743c57}.studio-notice{color:var(--cz-accent);background:#e8743c17;border:1px solid #e8743c42}.studio-stage{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(320px,390px);align-items:stretch;gap:12px}.studio-left-rail,.primary-panel,.result-rail,.context-rail{box-shadow:none;background:#141416e6;border:1px solid #f5f4f11c;border-radius:8px}.studio-left-rail{align-content:start;gap:12px;max-height:calc(100vh - 110px);padding:12px;display:grid;position:sticky;top:96px;overflow:auto}.workspace-id-card,.workspace-section-list,.agent-roster,.context-card,.context-activity-feed,.registry-hero,.system-map-strip,.artifact-object,.focused-artifact,.activity-lane,.agent-presence-bar,.mini-preview,.setup-item,.parity-card,.ownership-panel>div,.state-list div,.studio-disclosure,.publish-summary,.source-ownership-card,.package-meter{border:1px solid var(--cz-border);background:var(--cz-artifact);color:var(--cz-text);box-shadow:none;border-radius:8px}.workspace-id-card span,.workspace-section-list>span,.agent-roster>span,.context-card>span,.context-activity-feed>span,.registry-hero span,.artifact-stage-header span,.artifact-object-topline span,.activity-events span,.system-map-strip span,.state-list dt,.publish-summary span,.source-ownership-card span,.package-meter span{color:var(--cz-tertiary);text-transform:uppercase;font-size:.68rem;font-weight:760}.workspace-id-card small,.workspace-section-list small,.context-card small,.activity-agent span,.agent-card small,.activity-events p,.registry-hero p,.artifact-object p,.focused-artifact p,.context-activity-feed p,.setup-item small,.parity-card small,.ownership-panel small,.state-list dd,.publish-summary small,.source-ownership-card small,.package-meter small,.studio-disclosure summary,.field-label,.attachment-drop{color:var(--cz-muted)}.studio-nav{background:0 0;border:0;gap:6px;padding:0;display:grid}.studio-nav button{min-height:40px;color:var(--cz-muted);background:0 0;border:1px solid #0000;justify-content:flex-start;padding:0 10px}.studio-nav button.selected,.studio-nav button:hover,.studio-shell .studio-nav button.selected,.studio-shell .studio-nav button:hover,.context-lens-switcher button.selected,.context-lens-switcher button:hover,.studio-shell .segmented button.selected,.studio-shell .file-buttons button.selected,.studio-shell .workspace-menu-panel button.selected{background:var(--cz-accent-muted);color:var(--cz-accent);box-shadow:none;border-color:#e8743c75}.workspace-section-list,.agent-roster{gap:8px;padding:12px;display:grid}.agent-card{border:1px solid var(--cz-border);background:var(--cz-surface);border-radius:8px;gap:5px;min-height:78px;padding:10px;display:grid}.agent-card-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-card strong,.agent-presence-bar strong,.activity-agent strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.agent-card p{color:var(--cz-tertiary);margin:0;font-size:.78rem;line-height:1.35}.agent-card i,.agent-presence-bar i{background:var(--cz-tertiary);border-radius:999px;width:8px;height:8px;display:block}.agent-card.thinking i,.agent-card.reviewing i,.agent-presence-bar .thinking i,.agent-presence-bar .reviewing i{background:var(--cz-cognitive);animation:1.1s cubic-bezier(.4,0,.2,1) infinite cognitivePulse}.agent-card.working i,.agent-presence-bar .working i{background:var(--cz-accent)}.artifact-stage-panel{background:var(--cz-artifact);grid-template-rows:auto minmax(0,1fr);min-height:calc(100vh - 154px);padding:0;display:grid;position:relative;overflow:hidden}.artifact-stage-header{border-bottom:1px solid var(--cz-border);background:var(--cz-surface);justify-content:space-between;align-items:center;gap:18px;min-height:84px;padding:20px 24px;display:flex}.artifact-stage-header h1,.result-header h1{color:var(--cz-text)}.artifact-stage-meta span{border-color:var(--cz-border);background:var(--cz-artifact);color:var(--cz-muted)}.artifact-registry-view,.studio-activity-view,.chat-view,.publish-view,.qa-view,.files-view,.result-view{min-width:0;padding:22px 24px 24px}.registry-hero{background:var(--cz-surface);border-color:#e8743c3d;gap:18px;padding:22px;display:grid}.registry-hero h2{max-width:920px;color:var(--cz-text);overflow-wrap:anywhere;margin:6px 0 10px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(2.2rem,4.4vw,4.45rem);font-weight:620;line-height:.94}.system-map-strip{grid-template-columns:repeat(9,minmax(84px,1fr));gap:8px;margin-top:12px;padding:8px;display:grid;overflow-x:auto}.system-map-strip span{border:1px solid var(--cz-border);background:var(--cz-surface);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:36px;display:inline-flex}.system-map-strip span.active{background:var(--cz-cognitive-muted);color:var(--cz-cognitive);border-color:#7ba4c975}.focused-artifact{border-left:3px solid var(--cz-accent);background:var(--cz-surface);gap:18px;margin-top:12px;padding:20px}.focused-artifact h3{color:var(--cz-text);margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:.98}.focused-artifact dl div{border-color:var(--cz-border);background:var(--cz-artifact)}.artifact-object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.artifact-object{background:var(--cz-surface);min-height:168px;padding:14px}.artifact-object-topline strong{color:var(--cz-accent)}.artifact-lineage-map{grid-template-columns:repeat(8,minmax(118px,1fr));gap:8px;margin-top:12px;padding-bottom:4px;overflow-x:auto}.artifact-lineage-map div{border-color:var(--cz-border);background:var(--cz-surface);min-height:112px}.artifact-lineage-map div.ready{background:var(--cz-accent-muted);border-color:#e8743c6b}.activity-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-lane{background:var(--cz-artifact);padding:14px;position:relative;overflow:hidden}.activity-lane:before{content:"";background:var(--cz-tertiary);width:2px;position:absolute;top:14px;bottom:14px;left:0}.activity-lane.thinking:before,.activity-lane.reviewing:before{background:var(--cz-cognitive)}.activity-lane.working:before{background:var(--cz-accent)}.activity-events div{border-color:var(--cz-border);background:var(--cz-surface)}.activity-events div.active{background:var(--cz-cognitive-muted);border-color:#7ba4c980}.chat-message,.studio-shell .chat-message{border-color:var(--cz-border);background:var(--cz-surface)}.chat-message.user,.studio-shell .chat-message.user{background:var(--cz-accent-muted);color:var(--cz-text);border-color:#e8743c5c}.production-message,.studio-shell .production-message{background:var(--cz-surface);color:var(--cz-text);border-color:#7ba4c96b}.production-message p{color:var(--cz-muted)}.chat-message.dialogue-status-message,.studio-shell .chat-message.dialogue-status-message{background:linear-gradient(135deg, #7ba4c917, #e8743c0b), var(--cz-surface);border-color:#7ba4c94d;box-shadow:inset 0 1px #f5f4f10a}.chat-message.dialogue-status-message p,.studio-shell .chat-message.dialogue-status-message p{color:var(--cz-muted)}.chat-message.dialogue-status-message.typing,.studio-shell .chat-message.dialogue-status-message.typing{border-color:#e8743c5c}.studio-shell .brand-glyph.mini{border-color:var(--cz-border-strong);background:#0c0c0d}.production-step{border-color:var(--cz-border);background:var(--cz-artifact)}.production-step.active{background:var(--cz-cognitive-muted);box-shadow:none;border-color:#7ba4c980}.production-step.done .stage-status,.production-step.active .stage-status{background:var(--cz-cognitive);color:#071015}.composer-box textarea,.studio-shell .composer-box textarea,.studio-shell .generation-mode-control select,.studio-shell .field-label input,.studio-shell .domain-input input,.studio-shell .published-import input,.studio-shell .settings-grid select,.studio-shell .attachment-drop,.code-editor textarea,.studio-shell .code-editor textarea{border-color:var(--cz-border);background:var(--cz-surface);color:var(--cz-text)}.context-rail{background:#141416e6;grid-template-rows:auto minmax(0,1fr) auto;align-self:start;gap:12px;max-height:calc(100vh - 110px);padding:12px;display:grid;position:sticky;top:96px;overflow:hidden}.context-lens-switcher{border:1px solid var(--cz-border);background:var(--cz-artifact);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.context-lens-switcher button{min-height:34px;color:var(--cz-muted);background:0 0;border:1px solid #0000;font-size:.78rem;font-weight:720}.context-rail-scroll{gap:14px;min-height:0;display:grid;overflow:auto}.context-card,.context-activity-feed,.agent-presence-bar,.mini-preview{background:var(--cz-artifact)}.context-activity-feed article{border-color:var(--cz-border);background:var(--cz-surface)}.mini-preview{overflow:hidden}.mini-preview iframe{background:#fff;border:0;height:min(38vh,360px);min-height:260px}.mini-preview-empty{background:var(--cz-surface);min-height:260px}.agent-presence-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.agent-presence-bar button{border:1px solid var(--cz-border);background:var(--cz-surface);min-height:46px;color:var(--cz-muted);border-radius:8px}.studio-shell .workspace-menu summary,.studio-shell .workspace-menu-panel,.studio-shell .workspace-menu-panel button,.studio-shell .icon-button,.studio-shell .secondary-action.quiet,.studio-shell .published-link,.studio-shell .segmented button,.studio-shell .file-buttons button,.studio-shell .file-create-form input{border-color:var(--cz-border);background:var(--cz-surface);color:var(--cz-text)}.studio-shell .file-sidebar-summary{border-color:var(--cz-border);background:var(--cz-artifact)}.studio-shell .file-sidebar-summary strong,.studio-shell .file-group>span,.studio-shell .file-sidebar-summary span,.studio-shell .files-view .panel-heading small{color:var(--cz-muted)}.studio-shell .workspace-menu-panel{background:var(--cz-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-shell .package-meter.warning,.studio-shell .status-pill.warning{color:var(--cz-warning);background:#d4a84b1a;border-color:#d4a84b6b}.studio-shell .package-meter.blocked{background:#c9614b1a;border-color:#c9614b75}.studio-shell .package-meter.blocked strong,.studio-shell .package-meter.blocked small{color:#e89a8c}.result-view iframe,.studio-shell .result-view iframe,.studio-shell .preview-panel iframe,.studio-shell .mini-preview iframe{background:#fff}.auth-shell{background:linear-gradient(90deg, #f5f4f106 1px, transparent 1px) 0 0 / 72px 72px, linear-gradient(180deg, #f5f4f104 1px, transparent 1px) 0 0 / 72px 72px, var(--cz-bg);color:var(--cz-text)}.auth-panel{border-color:var(--cz-border);background:var(--cz-surface);box-shadow:var(--cz-shadow)}.auth-panel h1{color:var(--cz-text)}.auth-panel p,.auth-note span{color:var(--cz-muted)}.auth-panel code,.auth-note,.auth-panel input{border-color:var(--cz-border);background:var(--cz-artifact);color:var(--cz-text)}.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible,.studio-shell a:focus-visible,.studio-shell button:focus-visible,.studio-shell summary:focus-visible,.studio-shell textarea:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.auth-shell button:focus-visible,.auth-shell input:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}@keyframes artifactMaterialize{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after,.studio-shell *,.studio-shell :before,.studio-shell :after,.auth-shell *,.auth-shell :before,.auth-shell :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1280px){.studio-stage{grid-template-columns:minmax(210px,250px) minmax(0,1fr)}.context-rail{grid-column:1/-1;grid-template-rows:auto auto auto;max-height:none;position:static;overflow:visible}.context-rail-scroll{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.context-lens-switcher,.agent-presence-bar,.mini-preview,.context-rail .secondary-action{grid-column:1/-1}}@media (max-width:1080px){.landing-hero,.split-section,.workspace-section,.lifecycle-section,.proof-section,.final-cta{grid-template-columns:1fr}.landing-hero,.landing-section,.final-cta,.landing-footer{width:min(100% - 40px,1280px)}.hero-copy h1{font-size:clamp(3.4rem,12vw,5.6rem)}.workspace-panel,.artifact-layout{grid-template-columns:1fr}.artifact-inspector{border-width:1px 0 0}.studio-stage{grid-template-columns:1fr}.studio-left-rail{max-height:none;position:static}.studio-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-board,.artifact-object-grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){.landing-header{grid-template-columns:auto auto;padding:0 14px}.landing-nav,.landing-actions .landing-button{display:none}.landing-hero,.landing-section,.final-cta,.landing-footer{width:min(100% - 28px,1280px)}.landing-hero{min-height:auto;padding:48px 0 66px}.hero-copy h1{font-size:clamp(3rem,16vw,4.35rem);line-height:.95}.hero-text{font-size:1rem}.studio-demo{padding:16px}.demo-steps:before,.hero-background-artifact{display:none}.landing-section h2,.final-cta h2{font-size:clamp(2.2rem,10vw,3.1rem)}.thinking-flow,.studio-card-grid,.example-grid,.artifact-object-grid,.activity-board,.focused-artifact dl,.qa-grid,.files-view,.context-rail,.context-rail-scroll,.agent-roster{grid-template-columns:1fr}.studio-shell{padding:8px}.studio-topbar{grid-template-columns:1fr;padding:10px;position:static}.artifact-breadcrumb{order:2}.studio-actions{grid-template-columns:minmax(0,1fr) auto auto auto;width:100%;display:grid}.workspace-menu summary{justify-content:center;width:100%}.workspace-menu-panel{left:0;right:auto}.studio-nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.studio-nav button{gap:4px;min-width:0;padding:0 4px;font-size:.8rem}.nav-label-full{display:none}.nav-label-short{display:inline}.artifact-registry-view,.studio-activity-view,.chat-view,.publish-view,.qa-view,.files-view,.result-view{padding:16px}.artifact-stage-header{padding:16px;display:grid}.artifact-stage-meta{justify-content:flex-start}.result-view iframe{height:560px;min-height:0}.result-rail{display:none}}.studio-shell .studio-topbar{grid-template-columns:minmax(190px,.55fr) minmax(180px,.7fr) minmax(520px,1.55fr) auto}.studio-shell .topbar-nav{border:1px solid var(--cz-border);background:#f5f4f109;justify-content:flex-start;gap:6px;min-width:0;padding:4px;display:flex;overflow-x:auto}.studio-shell .topbar-nav button{white-space:nowrap;justify-content:center;min-height:36px;padding:0 10px}.studio-shell .studio-stage{grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:12px}@media (max-width:1320px){.studio-shell .studio-topbar{grid-template-columns:minmax(180px,.6fr) minmax(0,1fr) auto}.studio-shell .topbar-nav{grid-column:1/-1}}@media (max-width:1080px){.studio-shell .studio-stage{grid-template-columns:1fr}.studio-shell .agent-progress-grid,.studio-shell .agent-progress-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.studio-shell .studio-toast-region{top:auto;bottom:12px}.studio-shell .studio-topbar{grid-template-columns:1fr;align-items:stretch}.studio-shell .artifact-breadcrumb{order:2;width:100%;min-width:0}.studio-shell .topbar-nav{order:3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.studio-shell .topbar-nav button{min-width:0;padding:0 4px}.studio-shell .studio-actions{order:4;grid-template-columns:minmax(0,1fr) auto auto auto;width:100%}.studio-shell .agent-progress-grid,.studio-shell .agent-progress-grid.expanded,.studio-shell .production-board-heading{grid-template-columns:1fr}.studio-shell .studio-topbar{z-index:120;position:sticky;top:8px;overflow:visible}.studio-shell .studio-actions,.studio-shell .workspace-menu{z-index:121;position:relative}.studio-shell .workspace-menu[open]{z-index:180}.studio-shell .workspace-menu-panel{top:calc(12px + env(safe-area-inset-top));z-index:220;overscroll-behavior:contain;width:auto;max-height:min(72vh,520px);position:fixed;left:12px;right:12px}}.workspace-menu-trigger,.studio-mobile-menu-panel button,.mobile-project-section button{color:var(--ink);border:1px solid #0000;border-radius:8px;font-weight:720}.workspace-menu-trigger{border-color:var(--line);cursor:pointer;white-space:nowrap;background:#fbfcfc;align-items:center;gap:7px;min-height:36px;padding:0 10px;display:inline-flex}.workspace-menu.open{z-index:180}.workspace-menu-backdrop{z-index:210;cursor:default;background:0 0;border:0;position:fixed;inset:0}.workspace-menu.open .workspace-menu-panel{z-index:220}.workspace-menu-heading,.studio-mobile-menu-heading,.mobile-section-heading,.mobile-menu-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.workspace-menu-heading{padding:2px 2px 6px 4px}.workspace-menu-heading>strong,.mobile-section-heading>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-menu-toggle{display:none}.studio-mobile-menu{z-index:260;position:fixed;inset:0}.studio-mobile-menu-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050607ad;border:0;position:absolute;inset:0}.studio-mobile-menu-panel{top:calc(12px + env(safe-area-inset-top));right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--cz-border-strong);width:auto;max-width:none;color:var(--cz-text);background:linear-gradient(#f5f4f109,#0000 120px),#111113fa;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:12px;display:grid;position:absolute;left:12px;overflow:hidden;box-shadow:0 28px 90px #0000006b}.studio-mobile-menu-panel .icon-button,.studio-mobile-menu-panel .secondary-action{border-color:var(--cz-border);background:var(--cz-surface);color:var(--cz-text)}.studio-mobile-menu-panel .icon-button:hover,.studio-mobile-menu-panel .secondary-action:hover{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#e8743c80}.studio-mobile-menu-heading div{min-width:0}.studio-mobile-menu-heading strong,.studio-mobile-menu-heading span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-mobile-menu-heading span,.mobile-section-heading span{color:var(--cz-muted);font-size:.82rem;font-weight:720}.mobile-menu-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-menu-section button,.mobile-project-section button{border-color:var(--cz-border);background:var(--cz-surface);min-height:44px;color:var(--cz-text);justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.mobile-menu-section button.selected,.mobile-menu-section button:hover,.mobile-project-section button.selected,.mobile-project-section button:hover{background:var(--cz-accent-muted);color:var(--cz-accent);border-color:#e8743c80}.mobile-project-section{overscroll-behavior:contain;align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.mobile-project-section button{text-align:left;gap:2px;min-height:54px;display:grid}.mobile-project-section span,.mobile-project-section small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-project-section small{color:var(--cz-muted)}.mobile-menu-actions{align-items:stretch}.mobile-menu-actions .secondary-action{border-color:var(--cz-border);background:var(--cz-surface);color:var(--cz-text);flex:1;justify-content:center}.active-agent-empty{border:1px dashed var(--line);min-height:42px;color:var(--muted);border-radius:8px;padding:12px;font-size:.9rem;font-weight:700}@media (max-width:720px){.studio-shell .studio-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:64px;padding:8px}.studio-shell .artifact-breadcrumb,.studio-shell .topbar-nav,.studio-shell .studio-actions{display:none}.studio-shell .studio-brand{min-width:0}.studio-shell .mobile-menu-toggle{display:inline-flex}.studio-shell .chat-thread{gap:12px}.studio-shell .production-board-message{margin-top:0}.studio-shell .chat-message.dialogue-status-message{grid-template-columns:30px minmax(0,1fr);padding:10px}.studio-shell .brand-glyph.mini{width:30px;height:30px}.studio-shell .agent-progress-grid,.studio-shell .agent-progress-grid.expanded{grid-template-columns:1fr}.studio-shell{padding:max(8px, env(safe-area-inset-top)) 8px max(12px, env(safe-area-inset-bottom))}.studio-shell .studio-stage{min-height:auto}.studio-shell .artifact-stage-header{display:none}.studio-shell .chat-view,.studio-shell .artifact-registry-view,.studio-shell .studio-activity-view,.studio-shell .publish-view,.studio-shell .qa-view,.studio-shell .files-view,.studio-shell .result-view{gap:12px;padding:10px}.studio-shell .workshop-canvas{background:radial-gradient(circle at 50% 18%,#e8743c1c,#0000 36%),linear-gradient(#ffffff0f,#ffffff05),#08090cf0;border-radius:18px;order:-2;min-height:clamp(300px,52svh,430px)}.studio-shell .workshop-canvas-topbar{min-height:42px;padding:8px 10px}.studio-shell .workshop-canvas-topbar span{display:none}.studio-shell .workshop-canvas-topbar strong{margin:0;font-size:.98rem}.studio-shell .workshop-canvas-actions{gap:6px}.studio-shell .workshop-preview-frame{padding:10px}.studio-shell .workshop-preview-frame iframe,.studio-shell .workshop-preview-empty{border-radius:14px;min-height:clamp(236px,42svh,350px)}.studio-shell .workshop-preview-empty{text-align:center;gap:8px;padding:18px}.studio-shell .workshop-preview-empty strong{font-size:1rem}.studio-shell .workshop-preview-empty span{max-width:23ch;font-size:.9rem;line-height:1.42}.studio-shell .testing-cockpit{border-radius:18px;order:-1;gap:10px;padding:12px}.studio-shell .testing-cockpit-header{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:10px}.studio-shell .testing-cockpit-header span{letter-spacing:.04em;font-size:.66rem}.studio-shell .testing-cockpit-header h2{margin:2px 0 0;font-size:1.05rem}.studio-shell .testing-cockpit-header p{display:none}.studio-shell .testing-cockpit-header>strong{border-radius:12px;min-height:38px;font-size:.96rem}.studio-shell .testing-cockpit-meter{height:5px}.studio-shell .testing-flow-steps{grid-template-columns:1fr}.studio-shell .testing-flow-step{border-radius:14px;min-height:62px;padding:10px 12px}.studio-shell .testing-flow-step:not(.active):not(.blocked){display:none}.studio-shell .testing-flow-step span{font-size:.96rem}.studio-shell .testing-flow-step small{margin-top:2px;font-size:.78rem}.studio-shell .testing-cockpit-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-shell .testing-cockpit-actions .primary-action{grid-column:1/-1}.studio-shell .testing-cockpit-actions>button{border-radius:12px;min-height:42px;font-size:.86rem}.studio-shell .chat-thread{gap:10px;max-height:none;display:grid}.studio-shell .chat-message.dialogue-status-message{border-radius:16px;grid-template-columns:30px minmax(0,1fr);padding:10px}.studio-shell .chat-message.dialogue-status-message p{font-size:.9rem;line-height:1.38}.studio-shell .composer-box,.studio-shell .generation-mode-control{border-radius:16px}.studio-shell .composer-box span,.studio-shell .generation-mode-control>span{font-size:.72rem}.studio-shell .studio-mobile-menu-panel{background:linear-gradient(#e8743c14,#0000 120px),#111113fa;border-radius:18px 18px 0 0}}