:root{--paper:#fcfbf9;--ink:#302e34;--muted:#706b74;--line:#ebe7e3;--accent:#65588b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif;font-size:14px}button,a,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}.studio{min-height:100dvh;display:flex}.rail{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:222px;padding:30px 19px 20px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brandmark{font-family:Georgia,serif;font-size:40px;font-style:italic;line-height:1;transform:rotate(-12deg)}.brand small{letter-spacing:2px;margin-top:6px;font-size:8px;font-weight:500;display:block}.new{background:var(--ink);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.rail>.new{margin:38px 0 30px}.rail-label,.label{letter-spacing:1.3px;color:var(--muted);font-size:10px;font-weight:600}.rail-label{margin-bottom:12px;padding:0 11px}.nav{text-align:left;color:#65695f;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:12px;display:flex}.nav.active{color:#30382b;background:#eaece4}.nav span{margin-left:auto;font-size:10px}.projects-label{margin-top:35px}.project{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px;display:flex}.project-icon{color:#777c65;background:#eeeae0;border-radius:7px;padding:9px}.project small,.rail-bottom small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.rail-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:19px;font-size:12px;display:flex}.avatar{border:1px solid #d9dbce;border-radius:50%;padding:11px;font-family:Georgia}.status-dot{background:#8b927b;border-radius:50%;width:6px;height:6px;display:inline-block}.rail-bottom>.status-dot{margin-left:auto}main{flex:1;min-width:0}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:77px;padding:0 30px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.quiet{border:1px solid var(--line);background:0 0;border-radius:6px;align-items:center;gap:15px;padding:9px 13px;font-size:12px;display:flex}.workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr);min-height:calc(100dvh - 77px);display:grid}.conversation{flex-direction:column;padding:39px 28px 24px;display:flex}.eyebrow{letter-spacing:1.6px;color:#6c7362;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.tiny-mark{color:var(--accent);font-size:21px}h1{letter-spacing:-1.5px;margin:22px 0 15px;font-size:35px;font-weight:500;line-height:1.2}h1 em{color:#7a8368;font-family:Georgia,serif;font-weight:400}.intro{color:var(--muted);font-size:12px;line-height:1.8}.journey{border-bottom:1px solid var(--line);color:#81867b;justify-content:space-between;padding:22px 0 17px;font-size:10px;display:flex}.journey .current{color:var(--accent)}.starter-list{padding-top:27px}.starter{border:1px solid var(--line);text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:15px;font-size:12px;transition:background .15s;display:flex}.starter:hover{background:#eeeee5}.starter small{color:var(--muted);margin-bottom:7px;font-size:9px;display:block}.composer{background:#fffefa;border:1px solid #d3d6c9;border-radius:11px;margin-top:28px;padding:16px;box-shadow:0 4px 15px #282b2605}.composer label{font-size:12px;font-weight:500}.composer textarea{resize:vertical;width:100%;min-height:95px;max-height:240px;color:var(--ink);background:0 0;border:0;padding:14px 0;font-size:12px;line-height:1.6}.composer textarea:focus{outline:none}.composer:focus-within{border-color:#8b927b}.composer-bottom{justify-content:space-between;align-items:center;gap:5px;display:flex}.composer-bottom span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.composer-bottom button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px;display:flex}.composer-bottom button:disabled{opacity:.4;cursor:default}.privacy{color:var(--muted);text-align:center;font-size:9px;line-height:1.6}.canvas-area{flex-direction:column;min-width:0;padding:24px 24px 16px 0;display:flex}.canvas-toolbar{border:1px solid var(--line);background:#fffefa;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:12px;height:47px;padding:0 14px;display:flex}.tabs{gap:17px;height:100%;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:11px}.tabs button.selected{border-bottom-color:var(--ink);color:var(--ink)}.viewport{gap:2px;margin-left:auto;display:flex}.viewport button{color:#9b9f94;background:0 0;border:0;padding:5px;display:flex}.viewport button[aria-pressed=true]{color:var(--ink);background:#f0f0e9;border-radius:4px}.candidate-badge{color:#6a715f;background:#f0f1eb;border-radius:4px;padding:5px 8px;font-size:9px;display:inline-block}.canvas{border:1px solid var(--line);background:#fffefa;border-radius:0 0 10px 10px;flex:1;justify-content:center;align-items:center;width:100%;min-height:530px;margin:0 auto;transition:max-width .2s;display:flex}.canvas.mobile{max-width:390px}.empty-canvas{text-align:center;padding:40px 15px}.empty-canvas .eyebrow{justify-content:center;margin-top:31px;font-size:8px}.orb{color:#758165;background:0 0;border:1px solid #d7dccb;border-radius:27px;justify-content:center;align-items:center;width:103px;height:103px;margin:auto;display:flex;position:relative;transform:rotate(-8deg);box-shadow:7px 9px #eff0e7}.orb-spark{color:var(--accent);font-size:30px;position:absolute;top:-15px;right:-13px}.empty-canvas h2,.plan h2,.connection-panel h2{letter-spacing:-.7px;margin:17px 0 14px;font-family:Georgia,serif;font-size:30px;font-weight:400}.empty-canvas p{color:var(--muted);font-size:12px;line-height:1.9}.empty-steps{text-align:left;width:max-content;color:var(--muted);flex-direction:column;gap:13px;margin:31px auto 0;font-size:10px;display:flex}.empty-steps span{align-items:center;gap:10px;display:flex}.step-dot{border:1px solid #cdd2c1;border-radius:50%;width:12px;height:12px}.canvas-footer{color:var(--muted);justify-content:space-between;gap:8px;padding:15px 2px 0;font-size:9px;display:flex}.canvas-footer>span{align-items:center;gap:7px;display:flex}.plan{background:#fffefa;max-width:560px;padding:35px;line-height:1.8}.plan li{margin-bottom:12px}.plan h3{font-size:13px}.plan p{color:var(--muted);white-space:pre-wrap}.activity-row{border-top:1px solid var(--line);padding-top:20px}.brief-card{padding:25px 0 0;font-size:12px;line-height:1.8}.text-button{color:var(--accent);background:0 0;border:0;padding:0;font-size:11px}.toast{color:#fffefa;z-index:5;background:#30372d;border-radius:8px;align-items:center;gap:20px;width:min(600px,90vw);padding:17px 20px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0002}.toast button{color:#fff;background:0 0;border:0;display:flex}.modal-shade{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#20251c55;justify-content:flex-end;display:flex;position:fixed;inset:0}.connection-panel{background:var(--paper);width:min(470px,100%);padding:70px 36px;position:relative}.close{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;font-size:28px;line-height:1;display:grid;position:absolute;top:25px;right:25px}.connection-panel>p{color:var(--muted);font-size:13px;line-height:1.8}.connection-card{border:1px solid var(--line);background:#fffefa;border-radius:10px;gap:18px;margin:30px 0;padding:22px;display:flex}.connection-icon{background:#e9eddf;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.connection-card h3{margin:0;font-size:14px}.connection-card p{color:var(--muted);font-size:11px}.connection-note{margin-bottom:30px}@media (min-width:1600px){.workspace{grid-template-columns:420px 1fr}.conversation{padding:45px}.canvas-area{padding:30px 30px 20px 0}}@media (max-width:1100px){.rail{width:185px;padding:25px 14px}.brand{font-size:15px}.workspace{grid-template-columns:300px minmax(0,1fr)}.conversation{padding:30px 20px}.candidate-badge{font-size:8px}.canvas-toolbar{gap:6px;padding:0 10px}.tabs{gap:12px}.viewport,.canvas-footer>span:last-child{display:none}h1{font-size:31px}}@media (max-width:800px){.rail{width:64px;padding:20px 10px}.brand>span:last-child,.rail-label,.rail>.new,.nav,.project,.rail-bottom{display:none}.brandmark{margin:auto}.workspace{grid-template-columns:1fr}.conversation{width:100%;max-width:600px;margin:auto;padding:28px 22px}.canvas-area{padding:0 20px 20px}.canvas{min-height:430px}.canvas-toolbar .viewport{display:flex}.intro br{display:none}.starter-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.starter-list>.label{grid-column:1/-1}.starter{gap:10px;margin-top:0}.journey{max-width:350px}.composer{margin-top:20px}.rail{border-right:1px solid var(--line)}header{height:65px;padding:0 18px}.breadcrumb{gap:8px;font-size:10px}.quiet{font-size:10px}.empty-canvas h2{font-size:26px}.canvas-toolbar>.candidate-badge{margin-left:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.project-name{color:var(--muted);margin-top:24px;font-size:10px;display:block}.project-name input,.auth-panel input:not([type=checkbox]){width:100%;font:inherit;color:var(--ink);background:#fffefa;border:1px solid #d3d6c9;border-radius:6px;margin-top:8px;padding:12px;display:block}.auth-panel label{margin:20px 0;font-size:12px;display:block}.auth-panel label small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.auth-panel .new{width:100%;margin:30px 0 20px}.consent{gap:10px;margin-bottom:20px;font-size:12px;line-height:1.7;display:flex}.new:disabled{opacity:.5;cursor:default}.message{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.message.system{color:var(--muted);font-size:11px}.project.chosen{background:#eaece4;border-radius:6px}.no-projects{color:var(--muted);padding:10px;font-size:10px}.conversation{max-height:calc(100dvh - 77px);overflow-y:auto}.toast{z-index:20}@media (max-width:800px){.conversation{max-height:none}.rail .no-projects{display:none}}@media (min-width:801px) and (max-height:850px){.conversation{padding-top:20px;padding-bottom:12px}h1{margin:12px 0 6px;font-size:29px}.intro{margin:5px 0;font-size:11px}.journey{padding:12px 0}.starter-list{padding-top:15px}.starter{margin-top:8px;padding:10px 12px}.starter small{margin-bottom:4px}.project-name{margin-top:15px}.project-name input{padding:8px}.composer{margin-top:13px;padding:12px}.composer textarea{min-height:65px;padding:9px 0}.privacy{margin:7px 0}.brief-card{max-height:210px;overflow-y:auto}.canvas{min-height:0}.canvas-area{height:calc(100dvh - 77px)}}.mobile-menu{display:none}.label,.rail-label,.eyebrow{color:#59624f}.privacy{color:#62685c}.candidate-badge{color:#525c47}@media (max-width:800px){.rail{display:none}.mobile-menu{margin-right:12px;display:block}.rail.menu-open{background:var(--paper);z-index:9;width:235px;padding:25px 19px;display:flex;position:fixed;top:65px;bottom:0;left:0;box-shadow:12px 0 30px #0002}.rail.menu-open .brand,.rail.menu-open .rail-label,.rail.menu-open>.new,.rail.menu-open .nav,.rail.menu-open .project,.rail.menu-open .rail-bottom,.rail.menu-open .no-projects{display:flex}.rail.menu-open .brand>span:last-child{display:block}.rail.menu-open .brandmark{margin:0}.rail.menu-open .rail-label{margin-top:20px}.rail.menu-open .rail-bottom{margin-top:auto}header .quiet:last-child{margin-left:auto}.breadcrumb{margin-right:10px}.conversation{padding-top:25px}.intro{font-size:12px}.privacy,.canvas-footer{font-size:10px}}.native-dialog{background:var(--paper);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);border:0;margin:0 0 0 auto;padding:0;overflow-y:auto}.native-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20251c55}.native-dialog .connection-panel{min-height:100dvh}.native-dialog .close:focus-visible{outline:2px solid var(--accent)}.loading-workspace{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.loading-workspace h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.loading-workspace p{color:var(--muted);margin-bottom:25px;line-height:1.8}.review-status{border-bottom:1px solid var(--line,#d8d4cc);justify-content:space-between;gap:16px;padding:14px 0;font-size:14px;display:flex}.review-status span{text-align:right}.review-consent{align-items:flex-start;gap:10px;margin:22px 0;font-size:14px;line-height:1.5;display:flex}.review-note{font-size:13px;line-height:1.6}.preview-link{color:inherit;text-underline-offset:4px}.candidate-review button{margin-top:16px}.candidate-review{overflow:auto}@media (max-width:700px){.canvas-toolbar{flex-wrap:wrap}.tabs{gap:0}.tabs button{padding-inline:10px}}.build-progress .primary,.candidate-review .primary,.runtime-preview-bar .primary{color:#fff;font:inherit;cursor:pointer;background:#292c26;border:1px solid #292c26;border-radius:7px;padding:11px 18px}.build-progress .primary:disabled,.candidate-review .primary:disabled,.runtime-preview-bar .primary:disabled{color:#72756b;cursor:not-allowed;background:#efeee9;border-color:#d5d4cc}.runtime-preview{flex-direction:column;width:100%;height:100%;min-height:520px;display:flex}.runtime-preview-bar{justify-content:space-between;gap:12px;padding:14px;font-size:12px;display:flex}.runtime-preview a{color:inherit}.runtime-preview iframe{background:#fff;border:0;flex:1;width:100%;min-height:420px;margin:0 auto}.runtime-preview p{padding:0 14px;font-size:12px;line-height:1.6}.mobile-project-views{display:none}@media (max-width:700px){.toast{bottom:12px}.mobile-project-views{background:#292c26;border-radius:30px;flex-shrink:0;align-self:center;gap:8px;margin-top:8px;padding:6px;display:flex;box-shadow:0 4px 18px #0002}.mobile-project-views button{color:#fff;white-space:nowrap;font:inherit;background:0 0;border:0;padding:10px 14px;font-size:13px}.canvas-area{margin-bottom:16px}.focused-project-view{background:var(--bg,#f7f6f2);z-index:30;height:100dvh;position:fixed;inset:0;overflow:hidden}.focused-project-view>.rail,.focused-project-view>main>header,.focused-project-view .conversation,.focused-project-view .mobile-project-views,.focused-project-view .canvas-footer,.focused-project-view .candidate-badge,.focused-project-view .viewport,.focused-project-view .toast{display:none}.focused-project-view>main,.focused-project-view .workspace{width:100%;height:100%;min-height:0;margin:0;padding:0;display:block}.focused-project-view .canvas-area{flex-direction:column;height:100%;min-height:0;margin:0;padding:0;display:flex}.focused-view-heading{justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex}.focused-view-heading span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.focused-view-heading button{flex-shrink:0;min-height:44px}.focused-project-view .canvas-toolbar{flex-shrink:0;min-height:40px;padding:0 10px}.focused-project-view .canvas{border-radius:0;flex:1;height:auto;min-height:0;margin:0;overflow:auto}.focused-project-view .runtime-preview{height:100%;min-height:0}.focused-project-view .runtime-preview-bar{flex-shrink:0;align-items:center;gap:8px;padding:8px 12px}.focused-project-view .runtime-preview-bar span{font-size:11px;line-height:1.35}.focused-project-view .runtime-preview-bar .primary{flex-shrink:0;padding:8px 10px}.focused-project-view .runtime-preview iframe{flex:1;min-height:0}.focused-project-view .runtime-preview>p{display:none}}.focused-view-heading[hidden]{display:none}.prototype-progress{color:#493b20;background:#f8f0dd;border-bottom:1px solid #d4c6a4;flex-shrink:0;padding:12px 18px;font-size:12px;line-height:1.45}.prototype-progress p{margin:4px 0}.prototype-progress span{font-size:11px}.studio-access-state{max-width:680px;margin:0 auto}.studio-access-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.auth-panel>.text-button{text-align:left;margin-top:16px;display:block}@media (max-width:700px){.connection-panel.auth-panel{padding:56px 24px 24px}.auth-panel h2{margin-top:0}.auth-panel input:not([type=checkbox]){min-height:44px;font-size:16px}.auth-panel>.text-button{min-height:44px;margin-top:8px}}.build-progress .primary{align-self:flex-start;margin-top:.55rem}.build-progress p{overflow-wrap:anywhere}.brief-card{overscroll-behavior:contain;max-height:min(32dvh,320px);overflow-y:auto}.build-progress .primary{min-height:44px;display:block}.project-heading h1{letter-spacing:-.6px;overflow-wrap:anywhere;margin:10px 0 18px;font-size:25px}.conversation-progress:empty{display:none}.conversation-progress .prototype-progress{border:1px solid #d4c6a4;border-radius:8px;padding:12px}.existing-project .brief-card{overflow-wrap:anywhere;flex-shrink:0;max-height:min(22dvh,220px);padding-top:16px}.existing-project .composer{flex-shrink:0}@media (max-width:700px){.existing-project .conversation{padding:18px 22px 20px}.project-heading h1{margin:7px 0 12px;font-size:23px}.existing-project .brief-card{max-height:min(19dvh,170px)}.existing-project .composer{margin-top:14px;padding:12px}.existing-project .composer textarea{min-height:72px;font-size:16px}.mobile-project-views button,.composer-bottom button,header button,.tabs button{min-width:44px;min-height:44px}.composer-bottom button{justify-content:center;align-items:center}header .quiet{flex-shrink:0}.breadcrumb{min-width:0}.breadcrumb strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.existing-project .canvas{overflow:auto}@media (max-width:700px){.runtime-preview-bar .primary{min-height:44px}}.build-steps{letter-spacing:.4px;text-transform:uppercase;gap:6px;margin:10px 0 8px;padding:0;font-size:11px;list-style:none;display:flex}.build-steps li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px}.build-steps li.done{color:#3f6a3a;background:#eef5ea;border-color:#b9c9b1}.build-steps li.current{border-color:var(--accent);color:var(--accent);background:#fbeee8}.build-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.elapsed{color:var(--muted)}.run-history{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.run-history li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:8px;font-size:13px;display:flex}.run-history small{color:var(--muted);width:100%}.badge{border:1px solid var(--line);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:#fff;border-radius:999px;padding:3px 9px;font-size:10px;display:inline-block}.badge.live{color:#3f6a3a;background:#eef5ea;border-color:#b9c9b1}.badge.failed{color:#9b3a1f;background:#fbeee8;border-color:#e2b8ad}.badge.preview,.badge.review{color:#7a6416;background:#fbf6e4;border-color:#d9cfa7}.badge.generating,.badge.typechecking,.badge.deploying,.badge.repairing,.badge.queued{border-color:var(--accent);color:var(--accent)}.release-panel .review-status span{text-align:right}.release-panel .review-status .primary{margin-top:8px}.release-panel h3{margin-top:26px}.conversation-progress{display:none}@media (max-width:800px){.conversation-progress{display:block}.conversation-progress:empty,.canvas-area>.prototype-progress{display:none}}.integrations-panel{flex-direction:column;flex-shrink:0;gap:10px;margin:18px 0 8px;display:flex;container-type:inline-size}.native-dialog .integrations-panel{margin-top:26px}.ig-panel-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ig-panel-head .eyebrow{margin:0}.ig-count{color:var(--muted);white-space:nowrap;font-size:10.5px}.ig-list{flex-direction:column;gap:8px;display:flex}.ig-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0;transition:border-color .14s,box-shadow .14s;overflow:hidden}.ig-card.open{border-color:#d6d8cf;box-shadow:0 1px 2px #282b260a,0 12px 28px -20px #282b2659}.ig-summary{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.ig-summary.static{cursor:default}.ig-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}.ig-icon{color:#fff;background:#3e374d;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.ig-icon.maps{background:#2f6b4f}.ig-icon.payments{background:#4b4fd8}.ig-icon.sms{background:#93361a}.ig-icon.ai{background:#65588b}.ig-summary-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ig-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:9.5px;display:flex}.ig-verified{letter-spacing:.02em;text-transform:none;color:#2f6b4f;background:#e6f0e9;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;display:inline-flex}.ig-headline{letter-spacing:-.01em;text-wrap:balance;font-size:14px;font-weight:600;line-height:1.25}.ig-provider{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ig-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.ig-status{letter-spacing:.02em;white-space:nowrap;color:#5b6253;background:#f0f1eb;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.ig-status i{opacity:.7;background:currentColor;border-radius:50%;width:5px;height:5px}.ig-status.saved{color:#8a5b0f;background:#fbf0d9}.ig-status.applied{color:#2f6b4f;background:#e6f0e9}.ig-chevron{color:var(--muted);align-self:center;transition:transform .16s}.ig-card.open .ig-chevron{transform:rotate(180deg)}.ig-body{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:0;padding:12px;display:flex}.ig-facts{grid-template-columns:1fr;gap:9px;margin:0;display:grid}.ig-facts>div{min-width:0}.ig-facts dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:9.5px}.ig-facts dd{color:var(--ink);margin:0;font-size:12.5px;line-height:1.5}.ig-reason{margin:0;font-size:12.5px;line-height:1.5}.ig-research{color:var(--ink);background:#f5f6f0;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;display:flex}.ig-pulse{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite ig-pulse}@keyframes ig-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.ig-pulse{animation:none}}.ig-note{color:#6f221a;background:#fbeeea;border-radius:8px;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.45}.ig-pricing{color:var(--ink);align-items:flex-start;gap:6px;margin:0;font-size:11.5px;line-height:1.45;display:flex}.ig-pricing svg{color:var(--muted);flex-shrink:0;margin-top:2px}.ig-links{flex-wrap:wrap;gap:4px 12px;margin:0;font-size:11.5px;line-height:1.5;display:flex}.ig-link{color:var(--accent);align-items:center;gap:3px;font-weight:600;text-decoration:none;display:inline-flex}.ig-link:hover{text-decoration:underline}.ig-sources{color:var(--muted)}.ig-sources a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.ig-more{border-top:1px solid var(--line);padding-top:8px}.ig-more summary{cursor:pointer;color:var(--muted);font-size:11.5px;list-style:none}.ig-more summary::-webkit-details-marker{display:none}.ig-more summary:before{content:"›";margin-right:6px;transition:transform .12s;display:inline-block}.ig-more[open] summary:before{transform:rotate(90deg)}.ig-more ul{margin:6px 0 0;padding-left:16px;font-size:11.5px;line-height:1.5}.ig-more p{color:var(--ink);margin:6px 0 0;font-size:11.5px;line-height:1.5}.ig-keylabel{color:var(--ink);margin-top:2px;font-size:11px;font-weight:600}.ig-key{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:3px 3px 3px 10px;transition:border-color .12s,box-shadow .12s;display:flex}.ig-key:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #282b2614}.ig-key.invalid{border-color:#c04a3a}.ig-key input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:13px}.ig-key input::placeholder{color:#9aa093}.ig-key button{background:var(--ink);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.ig-key button:disabled{opacity:.4;cursor:default}.ig-error{color:#b23c2c;margin:-2px 0 0;font-size:11.5px;line-height:1.4}.ig-hint{color:var(--muted);margin:-2px 0 0;font-size:11.5px}.ig-text{font:inherit;font-size:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ig-cancel{align-self:flex-start;font-size:11.5px}.ig-add-form .ig-body{border-top:1px solid var(--line)}.ig-fields{grid-template-columns:1fr;gap:8px;display:grid}.ig-fields label{color:var(--muted);flex-direction:column;gap:3px;font-size:10.5px;display:flex}.ig-fields input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:7px 9px;font-size:12.5px}.ig-fields input:focus{border-color:var(--ink);outline:none}.ig-add{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #cfd2c6;border-radius:9px;align-self:flex-start;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.ig-add:hover{color:var(--ink);border-color:var(--ink)}.ig-empty{color:var(--muted);margin:0;font-size:12px}@container (min-width:520px){.ig-summary{grid-template-columns:38px 1fr auto;padding:14px}.ig-icon{width:38px;height:38px}.ig-headline{font-size:15px}.ig-body{padding:14px}.ig-facts{grid-template-columns:1fr 1fr;gap:10px 18px}.ig-fields{grid-template-columns:1fr 1fr}.ig-fields label.wide{grid-column:1/-1}}@media (max-width:700px){.ig-key input{font-size:16px}.ig-key button{min-height:38px}}.lineage{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lineage-group{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px}.lineage-group.live{background:#f6faf4;border-color:#b9c9b1}.lineage-group.open{background:0 0;border-style:dashed}.lineage-head{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.lineage-head strong{font-size:14px}.lineage-head small,.lineage-note{color:var(--muted);font-size:12px}.lineage-restore{margin-left:auto;font-size:12px}.lineage-prototypes{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.lineage-prototypes li{border-left:2px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px;padding-left:10px;font-size:13px;display:flex}.lineage-prototypes small{color:var(--muted);font-size:12px}.lineage-outcome{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:11px}.lineage-outcome.failed{color:#9b3a1f}.lineage-outcome.working{color:var(--accent)}@font-face{font-family:Inter;src:url(/fonts/inter/inter.woff2)format("woff2");font-weight:400 600;font-display:swap}.studio :is(button,input,textarea,select){font-family:inherit}:is(button,input,textarea,select,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio :is(.quiet,.primary,.ig-add,.ig-key button,.project-name input){border-radius:7px}.studio button:disabled{cursor:not-allowed}.rail{--saturn-cutout:#efebe7;background:#efebe7;gap:0;width:238px;height:100dvh;padding:0 16px 43.5px;display:flex}.rail .brand{letter-spacing:-.6px;white-space:nowrap;gap:9px;height:56px;min-height:56px;font-size:16px}.rail .brand>span:last-child{display:block}.brand small{letter-spacing:0;color:var(--muted);margin-top:5px;font-size:9px;font-weight:400}.factory-mark{width:34px;height:34px;color:var(--accent);flex-shrink:0;display:block}.factory-mark svg{width:100%;height:100%}.new{background:#3e374d;padding:11px 14px;font-size:13px}.rail>.new{flex-shrink:0;margin:12px 0 26px;display:flex}.workspace-navigation{flex-direction:column;min-height:0;margin-bottom:22px;display:flex}.workspace-navigation .rail-label{letter-spacing:.8px;margin:0 0 10px;padding:0 10px;font-size:10px;display:block}.workspace-navigation .nav{width:100%;color:var(--muted);text-align:left;flex-shrink:0;align-items:center;gap:10px;padding:11px 8px;font-size:13px;display:flex}.workspace-navigation .group-name{flex:1;margin:0;font-size:13px}.workspace-navigation .group-count{font-variant-numeric:tabular-nums;margin:0;font-size:11px}.disclosure-arrow{flex-shrink:0}[aria-expanded=true]>.disclosure-arrow{transform:rotate(90deg)}.sidebar-children{overscroll-behavior:contain;flex-direction:column;gap:2px;min-height:0;margin:2px 0 16px;padding:3px 0;display:flex;overflow:auto}.sidebar-children[hidden]{display:none}.workspace-navigation .project{border-radius:7px;flex-shrink:0;gap:10px;width:100%;min-width:0;min-height:55px;padding:8px;font-size:13px;display:flex}.workspace-navigation .project.chosen{color:var(--ink);background:#e4dfe9}.project-description{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.project-description>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.workspace-navigation .project-description small{margin:0;font-size:11px;line-height:1.2;display:block}.project-status-dot{background:#a99f91;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin:0 4.5px}.project-status-dot.is-live{background:#17814e}.project-status-dot.is-prototype{background:#4161c4}.project-description small.is-live,.connection-applied{color:#176b3d}.project-description small.is-prototype{color:#3f54a9}.project-description small.is-idea,.connection-saved{color:var(--muted)}.connections-heading{border-radius:7px;flex-shrink:0;align-items:center;width:100%;display:flex}.disclosure-control{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:40px;padding:8px;display:flex}.disclosure-control:disabled{opacity:.3}.workspace-navigation .connection-open{flex:1;gap:6px;width:auto;min-width:0;padding-left:2px}.connection-item{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 8px;font-size:12px;display:flex}.connection-item>span{overflow-wrap:anywhere;flex:1}.connection-item>svg{flex-shrink:0}.connection-item small{font-size:10px}.workspace-navigation button:hover,.connections-heading:hover,.connections-heading:focus-within{background:#65588b12}.workspace-navigation .connections-heading button:hover{background:0 0}.rail-bottom{border:0;flex-shrink:0;margin-top:auto;padding:0;display:flex}.workspace-account{width:100%;position:relative}.workspace-account summary{cursor:pointer;border-radius:7px;align-items:center;gap:10px;min-height:44px;padding:6px 0;list-style:none;display:flex}.workspace-account summary::-webkit-details-marker{display:none}.workspace-account summary>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.workspace-account summary>svg{flex-shrink:0;transform:rotate(-90deg)}.workspace-account[open] summary>svg{transform:rotate(90deg)}.rail-bottom small{font-size:10px;line-height:1.5}.avatar{background:#e5eae7;padding:10px;font:11px Inter,Arial,sans-serif}.account-popover{border:1px solid var(--line);background:var(--paper);width:240px;max-width:calc(100vw - 40px);color:var(--ink);z-index:60;border-radius:12px;padding:16px;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 10px 35px #24202c1c}.account-settings{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.account-popover .quiet{justify-content:space-between;width:100%}.studio>main>header{display:none}.workspace{grid-template-columns:380px minmax(0,1fr);min-height:100dvh}.conversation,.existing-project .conversation{border-right:1px solid var(--line);width:100%;min-width:0;max-width:none;max-height:100dvh;margin:0;padding:0 25px 20px}.project-heading,.new-project-heading{border:0;flex-shrink:0;align-items:center;height:56px;min-height:56px;margin:0 0 12px;padding:0;font-size:18px;font-weight:500;display:flex}.project-heading>.eyebrow{display:none}.new-project-heading{z-index:1;background:var(--paper);line-height:1.25;position:sticky;top:0}.project-heading h1{letter-spacing:-.6px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:500;overflow:hidden}.conversation>h1{letter-spacing:-1px;font-size:27px;font-weight:500}.conversation h1 em{color:var(--ink);font-family:inherit;font-style:normal}.eyebrow,.label{color:var(--muted);letter-spacing:.8px;font-size:10px;font-weight:500;line-height:1.5}.intro{font-size:13px;line-height:1.65}.journey{color:var(--muted)}.conversation .brief-card{background:0 0;border:0;border-radius:0;flex:auto;min-height:90px;max-height:none;margin:0;padding:16px 0 8px;scroll-padding-bottom:20px;overflow:auto}.brief-card p{margin:10px 0 20px;font-size:13px;line-height:1.75}.brief-card>p,.message.user{background:#eeebf1;border-radius:12px 12px 3px;margin-left:20px;padding:13px 15px}.brief-card>.label{padding-left:20px;font-size:9px}.message{margin-top:22px;padding-top:18px}.message.assistant{border-top:0}.message.assistant>.label{color:var(--accent)}.message.user p{margin-bottom:0}.conversation .composer{border-color:var(--line);background:#fff;border-radius:12px;flex-shrink:0;margin-top:12px;padding:14px;box-shadow:0 3px 12px #302c2410}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composer label{font-size:13px}.conversation .composer textarea{resize:none;height:64px;min-height:64px;padding:10px 0;font-size:13px;line-height:1.65}.composer-bottom{justify-content:flex-end}.composer-bottom button{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px}.conversation>.privacy{text-align:left;flex-shrink:0;margin:10px 0 0;font-size:9px;line-height:13.5px}.conversation>.project-name{flex-shrink:0;margin-top:auto;padding-top:18px}.conversation>.toast{width:100%;box-shadow:none;background:var(--ink);border-radius:7px;flex-shrink:0;gap:12px;margin:10px 0 0;padding:12px 14px;font-size:12px;line-height:1.5;position:static;inset:auto;transform:none}.toast button{flex-shrink:0;min-width:28px;min-height:28px;margin-left:auto}.canvas-area{background:#efedea;height:100dvh;min-height:0;padding:0 20px 20px}.canvas-toolbar{background:0 0;border:0;border-radius:0;flex-wrap:nowrap;flex-shrink:0;height:56px;min-height:56px;margin:0 0 12px;padding:0}.tabs{align-items:stretch;gap:24px;height:56px}.tabs button{padding:0;font-size:12px}.tabs button.selected{border-bottom-color:var(--accent)}.viewport button{color:var(--muted);padding:7px}.viewport button[aria-pressed=true]{background:#e6dfd5}.candidate-badge{color:var(--muted);background:0 0;padding:0;font-size:10px}.canvas{background:#fff;border-radius:12px;min-height:0;overflow:hidden}.canvas:has(>.plan){background:var(--paper);justify-content:flex-start;align-items:flex-start}.canvas>.plan{background:0 0;width:100%;max-width:760px;padding:28px}.canvas-footer{flex-shrink:0;min-height:13.5px;margin-top:10px;padding:0;font-size:9px;line-height:13.5px}.canvas-footer>span{min-width:0}.canvas-footer>span:last-child{text-align:right}.runtime-preview,.runtime-preview iframe{min-height:0}.runtime-preview-bar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;padding:12px 16px;font-size:10px}.runtime-preview>p{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:12px 16px;font-size:10px;line-height:1.5}.studio .primary{background:var(--accent)}.empty-canvas{text-align:left;max-width:410px;margin:auto;padding:35px}.orb{width:36px;height:36px;box-shadow:none;color:var(--muted);background:0 0;border:0;margin:0 0 32px;display:block;transform:none}.empty-canvas .eyebrow{justify-content:flex-start}.empty-canvas h2,.plan h2,.connection-panel h2{letter-spacing:-.8px;font-family:inherit;font-size:27px;font-weight:500}.empty-canvas p,.plan p{font-size:13px;line-height:1.7}.empty-steps{border-top:1px solid var(--line);align-items:flex-start;gap:14px;width:100%;margin:28px 0 0;padding-top:24px;font-size:11px}.native-dialog.connections-dialog{border:1px solid var(--line);overscroll-behavior:contain;border-radius:7px;width:min(580px,100vw - 40px);max-width:580px;height:fit-content;max-height:calc(100dvh - 64px);margin:auto;position:fixed;inset:0;overflow-y:auto;box-shadow:0 22px 85px #29221826}.connections-dialog::backdrop{background:#29261f42}.native-dialog.connections-dialog .connection-panel{background:var(--paper);width:100%;min-height:0;padding:28px}.connections-dialog .connection-panel h2{margin:10px 0 12px;padding-right:24px;font-size:29px;line-height:1.2}.connections-dialog .connection-panel>p{margin:12px 0;font-size:13px;line-height:1.65}.connections-dialog .connection-card{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:14px;margin:22px 0 16px;padding:18px 0}.connections-dialog .connection-card h3{margin:0 0 4px;font-size:14px}.connections-dialog .connection-card p{margin:0 0 8px;font-size:12px;line-height:1.5}.connections-dialog .close{border:1px solid var(--line);background:0 0;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:14px;right:14px}.connections-dialog .close svg{width:17px;height:17px}.connections-dialog .ig-panel-head{flex-wrap:wrap;gap:8px}.connections-dialog .connection-icon{width:36px;height:36px;color:var(--accent);background:#65588b19;border-radius:7px}@media (min-width:701px){.conversation-progress{display:none}.canvas-area>.prototype-progress{display:block}.canvas-area>.build-progress{flex-shrink:0}}@media (min-width:701px) and (max-width:1100px){.rail{display:none}.rail.menu-open{z-index:25;background:#efebe7;width:238px;height:calc(100dvh - 56px);padding:0 16px 20px;display:flex;position:fixed;inset:56px auto 0 0;box-shadow:12px 0 30px #302e341a}.studio>main>header{z-index:26;border:0;width:56px;height:56px;padding:0 8px;display:flex;position:absolute;top:0;left:0}.studio>main>header .mobile-menu{justify-content:center;align-items:center;min-width:40px;min-height:44px;margin:0;padding:0;display:flex}.workspace{grid-template-columns:320px minmax(0,1fr)}.conversation,.existing-project .conversation{padding-left:18px;padding-right:18px}.project-heading,.new-project-heading{padding-left:40px}.canvas-area{padding-left:14px;padding-right:14px}.canvas-toolbar .candidate-badge{display:none}.tabs{gap:14px}.canvas-footer>span:last-child{display:none}}@media (min-width:701px) and (max-width:900px){.canvas-toolbar{gap:8px}.canvas>.plan{padding:18px}}@media (max-width:700px){.studio{display:block}.rail{width:100%;height:auto;padding:20px;display:none}.rail.menu-open{width:100%;box-shadow:none;background:#efebe7;padding:20px;display:flex;position:relative;inset:auto}.rail .brand{white-space:normal}.rail-bottom{margin-top:16px}.workspace-navigation{max-height:360px}.workspace-navigation button{min-height:44px}.sidebar-children{max-height:210px}.account-popover{width:100%}.studio>main>header{border:0;height:56px;padding:0 20px;display:flex}.studio>main>header .mobile-menu{margin-left:0;margin-right:auto}.workspace{min-height:0;display:block}.conversation,.existing-project .conversation{border:0;max-height:none;padding:18px 22px 22px}.new-project-heading{display:none}.project-heading{height:auto;min-height:40px;margin-bottom:18px}.project-heading h1{font-size:23px}.conversation .brief-card{flex:none;min-height:0;max-height:230px;padding-top:8px}.conversation .composer textarea{height:72px;min-height:72px;font-size:16px}.composer-bottom button{min-width:44px;min-height:44px}.mobile-project-views{background:var(--ink);box-shadow:none;border-radius:7px;justify-content:center;align-self:stretch;margin-top:20px}.canvas-area{height:720px;margin:0;padding:12px}.canvas-toolbar{flex-wrap:wrap;gap:8px;height:auto;min-height:56px}.canvas-toolbar .candidate-badge{width:100%;margin:0;padding-bottom:5px}.tabs{gap:20px;height:44px}.tabs button{min-height:44px}.canvas-footer>span:last-child{display:none}.conversation>.toast button,.connections-dialog .close{min-width:44px;min-height:44px}.native-dialog.connections-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}.native-dialog.connections-dialog .connection-panel{padding:28px 22px 24px}.connections-dialog .connection-panel h2{font-size:26px}.focused-project-view>.rail,.focused-project-view>main>header,.focused-project-view .conversation{display:none}.focused-project-view .workspace{height:100%}.focused-project-view .canvas-area{height:100%;padding:0}.focused-project-view .canvas-toolbar{min-height:48px;margin:0;padding:0 14px}.focused-project-view .canvas{border:0;border-radius:0}}