@font-face { font-family: 'Manrope'; src: url('/workspace-assets/fonts/Manrope-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('/workspace-assets/fonts/Manrope-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
/* These are static 400/500/600 faces, not a variable weight range. */
@font-face { font-family: 'Manrope'; src: url('/workspace-assets/fonts/Manrope-Semibold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
.osp-flagship { --sans: 'Manrope',Arial,sans-serif; --display: var(--sans); --mono: var(--sans); font-family: var(--sans); }
.flag-brand,.osp-flagship h1,.osp-flagship h2,.osp-flagship h3 { font-family: var(--display); }
.osp-flagship h1 em,.osp-flagship h2 em { font-family: Georgia,'Times New Roman',serif; }
.flag-nav { display:flex; justify-content:space-between; min-height:105px; gap:20px; padding-block:22px; }
.header-app { display:grid; justify-items:center; gap:6px; flex-shrink:0; }
.header-app a { min-height:44px; display:flex; align-items:center; }
.header-app img { width:120px; height:40px; }
.header-app>span { font:12px var(--sans); color:#a6a9b2; }
.flag-lede { font-family:var(--sans); font-weight:400; letter-spacing:0; line-height:1.75; }
.osp-flagship { font-weight:500; }
.micro-label,.horizon-caption,.demo-label,.step-number,.workspace-points span,.code-heading { font-family:var(--sans); letter-spacing:.015em; text-transform:none; font-size:14px; }
.horizon-caption { font-size:13px; line-height:1.6; }
.horizon-caption span { max-width:45%; }
.agent-section { padding-top:65px; padding-bottom:35px; }
.workspace-section { padding-top:45px; }
/* Studio: one project, one conversation. Surrounding landing identity stays intact. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.studio-invitation{display:grid;grid-template-columns:1.1fr 1fr;min-height:430px;background:#111419;border:1px solid #30343a;border-radius:24px;overflow:hidden;margin-top:34px}
.invitation-copy{padding:50px}
.invitation-copy h3{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:18px 0}
.invitation-copy h3 em,.invitation-art em,.yours-intro h3 em{font-family:Georgia,serif;font-weight:400}
.invitation-copy>p:not(.micro-label){max-width:440px;color:#b8bac1;font-size:16px;line-height:1.7}
.invitation-copy .button{margin-top:16px}
.invitation-copy p.invitation-note{font-size:12px;margin-top:15px;color:#989da7}
.invitation-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 15%,#572f272e,transparent 65%),#15171b;padding:40px}
.invitation-art>p{font-size:clamp(24px,3vw,42px);line-height:1.25;letter-spacing:-.04em;text-align:center;margin:28px 0}
.invitation-art>span:last-child{font-size:12px;color:#a5a6ab}
.invitation-spark{font-size:44px;color:#ed8b78}
.invitation-orbit{position:absolute;width:400px;height:400px;border:1px solid #c6a89b1c;border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:-1}
.invitation-orbit:after{content:"";position:absolute;inset:-50px;border:1px solid #c6a89b10;border-radius:50%}
html.tour-is-open,html.tour-is-open body{overflow:hidden;overscroll-behavior:none}
html.tour-is-open body{position:fixed;top:var(--tour-page-top);width:100%}
.studio{--studio-border:#ffffff12;position:fixed;inset:0;margin:auto;width:calc(100vw - 48px);max-width:1480px;height:calc(var(--studio-height,100dvh) - 48px);max-height:1000px;padding:0;border:1px solid #41434a;border-radius:22px;background:#101215;color:#eeeee9;overflow:hidden;font:500 14px/1.5 var(--sans);box-shadow:0 35px 120px #000b}
.studio::backdrop{background:#040609e8;backdrop-filter:blur(10px)}
.studio *{box-sizing:border-box;min-width:0}
.studio :is(button,select,input,textarea){font-family:var(--sans)}
.studio button{cursor:pointer}
.studio button:disabled{cursor:default;opacity:.4}
.studio :is(button,select,textarea,input,a,summary):focus-visible{outline:2px solid #f6b9a0;outline-offset:3px}
.studio-shell{display:grid;grid-template-rows:60px minmax(0,1fr) 66px;height:100%;overflow:hidden}
.studio-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--studio-border);padding:0 20px;background:#15171b}
.studio-header .flag-mark{width:24px;height:24px;flex:0 0 24px;border-width:1.5px}
.studio-header .flag-mark:after{width:7px;height:7px}
.studio .studio-header h3{font:600 15px var(--sans);letter-spacing:-.03em;margin:0;flex:1}
.studio-header h3 span{font-weight:400;color:#9b9da6}
#tour-title:focus{outline:none}
.studio-header #demo-provider{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:112px;min-height:44px;padding:8px 12px;border:1px solid #ffffff19;border-radius:9px;background:#24262a;font-size:1rem;color:#ede9e3}
#demo-provider>span:last-child{color:#bbb8b3}
.studio-header button,.studio-inspector header button{min-height:44px;border:0;background:transparent;color:#cccbd0;padding:8px 10px;font-size:14px}
#open-inspector{font-size:24px;width:44px;padding:0}
.studio-live{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);min-height:0}
.studio-project{display:flex;flex-direction:column;min-height:0;order:2;border-left:1px solid var(--studio-border);background:#25282b}
.studio-surface-bar{height:44px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 16px;background:#1e2024;border-bottom:1px solid #0002}
.project-address{font-size:13px;color:#ebe8e2;margin-right:auto;letter-spacing:-.025em}
.project-address>span{color:#95979d;font-size:12px}
.version-switch{display:flex;align-items:center}
 .studio-surface-bar button{min-height:44px;padding:5px 12px;background:none;border:0;color:#b9bbc2;font-size:.875rem}
.version-switch button[aria-pressed=true]{color:#ffe0cf;text-decoration:underline;text-underline-offset:5px}
.studio-surface-bar #expand-preview{font-size:23px;width:44px;padding:0;color:#d2d3d7}
.studio-frame{flex:1;min-height:0;overflow:hidden;background:#f0e9dd}
#site-preview{width:100%;height:100%;border:0;display:block;background:#f0e9dd}
.studio-project-caption{display:flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;background:#1c1e22}
.studio-project-caption p{margin:0;font-size:11px;line-height:1.35;color:#b2b4bb;flex:1}
.studio-project-caption button{min-height:44px;padding:4px 0 4px 8px;border:0;background:none;color:#e8cab5;white-space:nowrap;font-size:12px}
.studio-conversation{order:1;display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at 0 100%,#47312420,transparent 70%),#121417;overflow:hidden}
#chat-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55565b transparent;padding:24px}
#chat-messages>article{margin:0 0 24px}
#chat-messages>article:last-child{margin-bottom:0}
.chat-bubble{margin-top:20px;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.chat-bubble>strong{display:block;font-size:.875rem;font-weight:600;color:#d8ad94;margin-bottom:6px}
.chat-bubble>p{white-space:pre-wrap;margin:0}
.chat-user{background:#292a2d;border:1px solid #ffffff08;border-radius:16px 16px 4px 16px;padding:12px 15px;margin:0 0 0 26px;color:#ebe7e0}
.chat-user>strong{color:#a8a9b0}
.chat-pending{color:#bbbcc3}
.chat-pending>strong:before{content:"";display:inline-block;width:6px;height:6px;background:#e4b295;border-radius:50%;margin-right:8px}
.chat-error{border-left:2px solid #d5776a;padding-left:12px;color:#f1bab0}
.chat-actions{margin:10px 0}
.chat-actions summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:#c4c6cc}
.chat-actions summary:before{content:"＋";margin-right:8px}
.chat-actions[open] summary:before{content:"−"}
.chat-actions ul{padding-left:18px;color:#b9bac1}
.chat-bubble p.chat-evidence{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--studio-border);font-size:.75rem;color:#d7c5b3}
.chat-artifacts{display:flex;flex-wrap:wrap;gap:0 12px}
.chat-artifacts button{background:transparent;border:0;color:#e6bda1;font-size:.875rem;min-height:44px;padding:0}
.chat-welcome{max-width:430px;margin:clamp(4px,5vh,62px) auto 0}
.chat-welcome .welcome-eyebrow{font-size:11px;color:#c99c83;margin:0 0 12px;letter-spacing:.03em}
.studio .chat-welcome h3{font-size:clamp(25px,2.8vw,36px);letter-spacing:-.045em;line-height:1.1;margin:0 0 12px;max-width:340px}
.chat-welcome p{font-size:1rem;line-height:1.7;color:#b4b6be;margin:0 0 20px;max-width:340px}
.mission-start{min-height:46px;padding:10px 18px;background:#edbea4;border:1px solid #edbea4;color:#281c17;border-radius:9px;font-size:14px;font-weight:600}
#repair-form{flex-shrink:0;padding:0 20px 10px;margin:0}
.chat-suggestions{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.chat-suggestions button{white-space:nowrap;color:#c6c7ce;font-size:.875rem;padding:6px 10px;min-height:44px;background:none;border:0}
#start-mission{background:#edbea4;border:1px solid #edbea4;color:#281c17;border-radius:8px;font-size:.875rem;padding:8px 14px;margin-bottom:8px;min-height:44px}
.chat-composer{display:flex;align-items:flex-end;gap:8px;background:#27292e;border:1px solid #484951;border-radius:14px;padding:6px}
.chat-composer:focus-within{border-color:#bd9781;box-shadow:0 0 0 3px #b38b7012}
.studio #repair-prompt{flex:1;border:0;background:transparent;box-shadow:none;color:#f0ebe6;font:400 16px/1.45 var(--sans);min-height:44px;max-height:110px;resize:none;padding:11px 6px;outline:none}
#repair-prompt::placeholder{color:#b0afb5;opacity:1}
.studio #send-repair{width:44px;height:44px;flex:0 0 44px;border:0;background:#edbea4;color:#251e1a;border-radius:9px;font-size:25px;line-height:1}
.composer-note{font-size:.75rem;color:#b0b2bc;margin:8px 0 0;text-align:center}
.studio-footer{display:flex;align-items:center;gap:12px;padding:0 20px;border-top:1px solid var(--studio-border);background:#15171b}
#tour-back{width:44px;height:44px;flex:0 0 44px;background:none;border:0;color:#d6d4ce;font-size:20px}
#tour-back:disabled{visibility:hidden}
.studio-chapter{flex:1}
#tour-counter{font-size:.75rem;color:#a3a0a4;font-variant-numeric:tabular-nums}
#tour-hint{font-size:.75rem;color:#d0c8c2;margin:1px 0 0}
.studio-footer .button{min-height:44px;min-width:0;padding:10px 16px;font-size:.875rem;border-radius:9px;background:#e6b89e;color:#201b17;box-shadow:none;border:1px solid #e6b89e}
.studio-text-button{min-height:44px;background:none;border:0;color:#e0b89d;padding:8px 0;font-size:.875rem;text-align:left}
.studio.preview-expanded .studio-live{grid-template-columns:1fr}
.studio.preview-expanded .studio-project{order:0;border:0}
.studio.preview-expanded .studio-conversation{display:none}
.studio.is-working .studio-project-caption{box-shadow:inset 2px 0 #dfb197}
.studio.project-updated .studio-frame{animation:project-arrival .7s ease-out}
@keyframes project-arrival{from{opacity:.55;filter:brightness(1.12)}to{opacity:1;filter:none}}
.studio-inspector{position:fixed;inset:0 0 0 auto;margin:0;width:min(680px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #48464a;background:#17191e;color:#ece8e2;overflow:hidden;font:500 14px/1.7 var(--sans)}
.studio-inspector[open]{display:grid;grid-template-rows:64px 48px minmax(0,1fr)}
.studio-inspector::backdrop{background:#02040a99;backdrop-filter:blur(4px)}
.studio-inspector header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #ffffff12}
.studio .studio-inspector header h3{font:600 16px var(--sans);margin:0}
.inspector-tabs{display:flex;gap:20px;padding:0 22px;border-bottom:1px solid #ffffff12}
.inspector-tabs button{font-size:13px;background:none;border:0;color:#b6b6bf;padding:8px 4px;min-height:44px}
.inspector-tabs button[aria-selected=true]{color:#f3c2a6;border-bottom:2px solid #d8aa90}
.studio-inspector [role=tabpanel]{overflow:auto;overscroll-behavior:contain;padding:20px 22px;min-height:0}
.studio-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c8c6c9}
.studio-inspector code{font:inherit}
.file-pills{display:flex;gap:8px;flex-wrap:wrap}
.file-pills button{min-height:44px;background:#24262c;border:1px solid #393c44;border-radius:7px;color:#c5c4ca;font-size:12px;padding:6px 12px}
.file-pills button[aria-pressed=true]{border-color:#a67f68;color:#f2d8c4}
#source-note,#model-detail,#run-receipt,#provider-access{font-size:12px;color:#aeb0b9}
#browser-checks{list-style:none;padding:0;color:#c2cabc}
#browser-checks li{padding:8px 0;border-bottom:1px solid #ffffff10}
#panel-details h3{font-size:30px;line-height:1.1;letter-spacing:-.04em}
#panel-details blockquote{margin:25px 0;padding:0 0 0 18px;border-left:1px solid #b18b70;color:#dec5b4}
#refresh-workspace{min-height:44px;border:1px solid #5c5b60;background:transparent;color:#e4d5c9;border-radius:8px;padding:10px 14px}
.studio-yours{overflow:auto;overscroll-behavior:contain;padding:40px clamp(20px,5vw,70px)}
.yours-intro{max-width:650px;margin-bottom:38px}
.studio .yours-intro h3{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:15px 0 20px}
.yours-intro>p:last-child{max-width:520px;color:#b9b9c1;font-size:15px;line-height:1.7}
.yours-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}
.studio #pilot-account{border:1px solid #494039;border-radius:16px;background:#1d1c1b;padding:26px}
.studio #pilot-account h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:12px 0}
#pilot-account p{font-size:13px;line-height:1.7;color:#bbb6b3}
#pilot-account .micro-label{font-size:11px;color:#d6ad92}
#signup-form{display:grid;gap:12px;margin:22px 0 14px}
#signup-form>label:first-child{font-size:12px;color:#d6d0ca}
#signup-email{width:100%;height:50px;border:1px solid #655a52;border-radius:8px;background:#121313;color:#eee9e2;font-size:16px;padding:10px 12px}
.pilot-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;min-height:44px}
.studio input[type=checkbox]{accent-color:#e2b297;width:20px;height:20px;flex:0 0 20px;margin:2px 0}
.studio a{color:#e9c3aa}
.studio #send-signin,.studio #confirm-signin{font-size:13px;padding:12px 14px;min-height:48px;background:#e6b89e;color:#201b17;border:0;border-radius:9px;box-shadow:none}
.studio details>summary{cursor:pointer;min-height:44px;padding-block:10px}
#pilot-terms{font-size:12px;color:#c2b6ac}
#pilot-terms p{font-size:12px}
#signout,#delete-pilot{min-height:44px;border:0;background:none;color:#d9b7a0;font-size:12px;padding:6px 10px}
.studio-next-chapter>h3{font-size:28px;line-height:1.05;letter-spacing:-.03em;margin:16px 0}
.studio-next-chapter>p{color:#b6b3b5;font-size:13px;line-height:1.7}
.setup-outcomes{display:grid;margin:22px 0 10px}
.setup-outcomes button{display:flex;gap:14px;align-items:center;padding:16px 0;border:0;border-top:1px solid #ffffff12;background:none;text-align:left;color:#d2ceca;min-height:86px}
.setup-outcomes button>span:first-child{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;font-size:22px;background:#222429;border-radius:50%;color:#dcb79e}
.setup-outcomes button>span:nth-child(2){flex:1}
.setup-outcomes strong{font-size:14px;font-weight:600;display:block}
.setup-outcomes small{font-size:12px;line-height:1.6;display:block;color:#aaa6a9;margin-top:4px}
.setup-outcomes .plan-tick{width:32px;text-align:center;font-size:20px;color:#918b88}
.setup-outcomes button[aria-pressed=true] strong,.setup-outcomes button[aria-pressed=true] .plan-tick{color:#f1c5a8}
.setup-outcomes button[aria-pressed=mixed] .plan-tick{color:#f1c5a8}
.setup-details summary{font-size:12px;color:#b6ada7}
#essentials-choices{border:0;margin:0;padding:0}
#essentials-choices label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px}
#setup-status,#setup-summary{font-size:12px;color:#cbb4a2}
.studio-fine-print{font-size:12px;line-height:1.8;color:#aaa3a2}
#repair-success{border:0;margin-top:38px;padding:0;background:none}
#repair-success>h3{font-size:26px;letter-spacing:-.04em;line-height:1.15;margin:12px 0}
#repair-success>p{color:#bcb7b3;font-size:13px;line-height:1.7}
#repair-success .micro-label{color:#d6ad92;font-size:11px}
.recap-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.recap-images figure{margin:0}
.recap-images img{width:100%;height:170px;object-fit:cover;object-position:top;display:block;border-radius:8px}
.recap-images figcaption{font:11px var(--sans);color:#aaa6a2;margin-top:10px}
.recap-image-button{display:block;width:100%;padding:0;border:1px solid #655645;border-radius:8px;background:#17191d;cursor:zoom-in}
.repair-share{display:flex;flex-wrap:wrap;gap:0 16px}
.repair-share button{background:none;border:0;color:#e2bea5;font-size:12px;min-height:44px;padding:7px 0}
#share-status,#share-link{font-size:12px;overflow-wrap:anywhere}
#recap-viewer{padding:16px;background:#101216;color:#eee;border:1px solid #575153;border-radius:14px;max-width:95vw;max-height:95dvh}
#recap-viewer::backdrop{background:#000d}
#recap-viewer img{display:block;max-width:100%;height:auto;max-height:78dvh;object-fit:contain}
#close-recap-viewer{min-height:44px;background:none;color:#eee;border:0;font:14px var(--sans);display:block;margin-left:auto}
#public-recap{padding:35px;border:1px solid #403b35;border-radius:20px;background:#17191e}
#public-recap .recap-images img{height:300px;object-fit:contain;background:#111316}
#public-recap .recap-images figcaption{font-size:14px}
#public-recap .recap-hint{font-size:14px;color:#bcb7b3;line-height:1.6;margin-top:24px}
@media(max-width:600px){
 #public-recap{padding:24px 20px}
 #public-recap .recap-images{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px;gap:16px}
 #public-recap .recap-images figure{flex:0 0 88%;min-width:0;scroll-snap-align:start}
 #public-recap .recap-images img{height:min(58dvh,480px)}
}
@media(min-width:801px) and (min-height:521px){
 .studio[data-step="1"] .studio-live{grid-template-columns:minmax(0,36fr) minmax(0,64fr)}
}
@media(max-width:800px),(max-height:520px){
 .studio{width:100vw;height:var(--studio-height,100dvh);max-height:none;border:0;border-radius:0;top:var(--studio-top,0px);bottom:auto}
 .studio-shell{grid-template-rows:calc(54px + env(safe-area-inset-top)) minmax(0,1fr) calc(58px + env(safe-area-inset-bottom))}
 .studio-header{padding:env(safe-area-inset-top) 10px 0;gap:5px}
 .studio-header h3 span{display:none}
 .studio .studio-header h3{font-size:14px}
 .studio-header .flag-mark{width:21px;height:21px;flex-basis:21px;margin-right:3px}
 .studio-header #demo-provider{min-width:112px;padding:8px 10px}
 .studio-header button{padding:8px}
 .studio-live{grid-template-columns:1fr;grid-template-rows:minmax(120px,44fr) minmax(180px,56fr)}
 .studio-project{order:0;border-left:0;border-bottom:1px solid #49423b}
 .studio:not(.preview-expanded) #site-preview{width:125%;height:125%;transform:scale(.8);transform-origin:top left}
 .studio-conversation{order:1}
 .studio-surface-bar{padding:0 12px;height:40px;gap:4px}
 .studio-surface-bar button{padding-inline:10px}
 .studio-project-caption{padding:0 12px;min-height:36px}
 .studio-project-caption button{min-height:44px;font-size:.875rem}
 .studio-project-caption p{font-size:.75rem}
 #chat-messages{padding:16px 20px}
 .chat-welcome{margin:5px 0 0}
 .chat-welcome .welcome-eyebrow{display:none}
 .studio .chat-welcome h3{font-size:27px;max-width:310px;margin-bottom:10px}
 .chat-welcome p{font-size:1rem;line-height:1.6;margin-bottom:16px}
 .chat-bubble{font-size:1rem;line-height:1.65;margin-top:16px}
 .chat-user{margin-top:0;padding:10px 13px}
 .chat-artifacts button{font-size:.875rem}
 #repair-form{padding:0 12px 8px}
 .chat-suggestions button{font-size:.875rem;min-height:44px}
 .composer-note{font-size:.75rem;margin-top:6px}
 .studio-footer{padding:0 12px env(safe-area-inset-bottom);gap:6px}
 #tour-back{width:44px;flex-basis:44px}
 #tour-hint{font-size:.75rem}
 .studio-footer .button{padding-inline:12px;font-size:.875rem}
 .studio-footer .studio-text-button{font-size:.875rem}
 .studio[data-step="1"] .studio-live{grid-template-rows:minmax(130px,52fr) minmax(170px,48fr)}
 .studio.preview-expanded .studio-live{grid-template-rows:1fr}
 .studio-yours{padding:28px 20px}
 .yours-intro{margin-bottom:25px}
 .yours-grid{grid-template-columns:1fr;gap:38px}
 .studio #pilot-account{padding:22px}
 .studio-inspector{height:var(--studio-height,100dvh);top:var(--studio-top,0px);padding-top:env(safe-area-inset-top)}
}
@media(max-width:600px){
 .flag-nav{min-height:94px;gap:10px}
 .flag-brand{font-size:17px;gap:7px}
 .flag-mark{width:25px;height:25px}
 .header-app img{width:106px;height:auto}
 .header-app>span{font-size:9px}
 .horizon-caption{font-size:10px}
 .studio-invitation{grid-template-columns:1fr;border-radius:18px}
 .invitation-copy{padding:28px}
 .invitation-art{min-height:230px;padding:25px}
 .invitation-art>p{font-size:28px;margin:16px 0}
 .invitation-spark{font-size:28px}
}
@media(min-width:600px) and (max-height:520px){
 .studio-shell{grid-template-rows:52px minmax(0,1fr) 52px}
 .studio-live,.studio[data-step="1"] .studio-live{grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-rows:1fr}
 .studio-project{order:2;border:0;border-left:1px solid var(--studio-border)}
 .studio-conversation{order:1}
 .chat-welcome{margin:0}
 .studio .chat-welcome h3{font-size:23px}
 .chat-welcome p{font-size:.875rem;margin-bottom:10px}
 .chat-welcome .welcome-eyebrow{display:none}
 .composer-note{display:none}
 .studio-yours{padding-top:20px}
 .yours-grid{grid-template-columns:1fr 1fr;gap:25px}
 .studio.preview-expanded .studio-live{grid-template-columns:1fr}
}
@media(max-width:599px) and (max-height:520px){
 .studio-shell{grid-template-rows:50px minmax(0,1fr) 48px}
 .studio-live,.studio[data-step="1"] .studio-live{grid-template-rows:minmax(60px,28fr) minmax(130px,72fr)}
 .studio-project-caption,.composer-note{display:none}
 .studio-surface-bar{height:32px}
 .chat-suggestions{display:none}
 #repair-form{padding-bottom:6px}
}
@media(max-width:360px){
 .studio-header{gap:2px}
 .studio-header .flag-mark{display:none}
 .studio-header #demo-provider{min-width:108px}
 .studio-header h3{max-width:62px}
 .project-address>span{display:none}
 .studio .chat-welcome h3{font-size:25px}
 .studio-footer{padding-inline:8px;gap:4px}
 #tour-back{flex-basis:44px;width:44px}
 #tour-hint{display:none}
 #tour-counter{font-size:.75rem}
 .studio-footer .button{font-size:.875rem;padding-inline:10px}
 .studio #pilot-account{padding:18px}
 .header-app>span{display:none}
}
@media(prefers-reduced-motion:reduce){
 .studio *{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}
.studio.keyboard-compact .studio-shell{grid-template-rows:calc(50px + env(safe-area-inset-top)) minmax(0,1fr) 48px}
.studio.keyboard-compact .studio-live{grid-template-rows:minmax(40px,24fr) minmax(100px,76fr)}
.studio.keyboard-compact :is(.studio-project-caption,.composer-note,.chat-suggestions){display:none}
.studio.keyboard-compact .studio-surface-bar{height:32px}
.studio.keyboard-compact #repair-form{padding-bottom:6px}
.studio.keyboard-compact .studio-footer{padding-bottom:0}
.studio.keyboard-compact.preview-expanded .studio-live{grid-template-rows:1fr}
/* Conversation controls stay in the workspace; no overlays across the composer. */
.chat-thread{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}
.chat-thread #chat-messages{width:100%}
#jump-latest{position:absolute;bottom:10px;right:18px;min-height:44px;padding:10px 16px;border:1px solid #786052;border-radius:24px;background:#312823;color:#ffe2cb;font-size:.875rem;box-shadow:0 6px 20px #0006;z-index:1}
.connection-notice{flex-shrink:0;max-height:calc(var(--studio-height,100dvh)*.2);overflow:auto;overscroll-behavior:contain;margin:0 12px 8px;padding:10px 14px;background:#302522;border:1px solid #855e4b;border-radius:12px}
.connection-notice p{font-size:.875rem;line-height:1.5;margin:0;color:#f0d3c0}
.connection-notice>div{display:flex;flex-wrap:wrap;gap:0 16px}
.connection-notice button{min-height:44px;padding:5px 0;border:0;background:none;color:#f5c6a6;font-size:.875rem}
#dismiss-notice{color:#c6b8ae}
.studio:has(#connection-notice:not([hidden])) :is(.chat-suggestions,.composer-note){display:none}
.studio.keyboard-compact:has(#connection-notice:not([hidden])) .studio-live{grid-template-rows:32px minmax(0,1fr)}
.studio.keyboard-compact .connection-notice{max-height:105px}
.source-version{display:flex;gap:14px;margin:10px 0 0;border-bottom:1px solid #ffffff14}
.source-version button{min-height:44px;font-size:.875rem;background:none;border:0;color:#b3b4bc;padding:6px 0}
.source-version button[aria-pressed=true]{color:#efc6ab;border-bottom:2px solid #d4a88b}
.provider-picker{position:fixed;inset:var(--studio-top,0px) 0 var(--studio-bottom,0px);margin:auto;width:min(460px,calc(100vw - 24px));height:fit-content;max-height:calc(var(--studio-height,100dvh) - 24px);overflow:auto;overscroll-behavior:contain;background:#1b1d21;color:#f1ece5;border:1px solid #59514a;border-radius:22px;padding:24px;box-shadow:0 35px 100px #0009}
.provider-picker::backdrop{background:#05070ca6;backdrop-filter:blur(6px)}
.provider-picker header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.studio .provider-picker h3{font-size:1.75rem;letter-spacing:-.04em;line-height:1.15;margin:0}
.provider-picker header button{min-width:64px;min-height:44px;padding:6px 0;border:0;background:none;color:#c7c5c5;font-size:.875rem}
.provider-picker>p{font-size:1rem;line-height:1.6;color:#b6b5b9;margin:14px 0 22px}
.provider-options{display:grid;gap:9px}
.provider-options button{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:14px;align-items:center;min-height:78px;padding:14px 16px;border:1px solid #454449;border-radius:12px;background:#24262a;color:#ece6dd;text-align:left}
.provider-options button[aria-pressed=true]{border-color:#d3a688;background:#332b25;box-shadow:inset 0 0 0 1px #d3a68825}
.provider-options strong{display:block;font-size:1rem;font-weight:600;margin-bottom:4px}
.provider-availability{display:block;font-size:.875rem;line-height:1.45;color:#bbb7b6}
.provider-limited .provider-availability{color:#deb39c}
.provider-glyph{font-size:24px;color:#e5b79c;text-align:center;white-space:nowrap;font-variant-emoji:text}
.provider-glyph svg{display:block;margin:auto}
.provider-picked{font-size:18px;color:#f7c8a9}
.provider-picker p.provider-picker-note{font-size:.75rem;line-height:1.65;margin:18px 0 5px}
#refresh-providers{min-height:44px;padding:8px 0;background:none;border:0;color:#e1b399;font-size:.875rem}
#provider-picker-status{font-size:.75rem;margin:5px 0 0}
@media(max-width:600px){
 .provider-picker{inset:auto 0 var(--studio-bottom,0px);width:100%;max-height:calc(var(--studio-height,100dvh) - 8px);margin:0 auto;border-bottom:0;border-radius:22px 22px 0 0;padding:22px 20px calc(16px + env(safe-area-inset-bottom))}
 .studio .provider-picker h3{font-size:1.6rem}
 .provider-options button{gap:10px;padding:12px 14px}
}
@media(prefers-reduced-motion:no-preference){
 .provider-picker[open]{animation:picker-arrival .2s ease-out}
 @keyframes picker-arrival{from{opacity:.5;transform:translateY(15px)}to{opacity:1;transform:none}}
}

/* workspace8: personal intent, a working tool, and the same saved workspace. */
.personal-invitation{grid-template-columns:1.3fr 1fr}
.personal-invitation #first-idea{display:block;width:100%;margin:24px 0 10px;padding:18px 20px;border:1px solid #5b4b40;border-radius:14px;background:#1c1d20;color:#f0ece6;font:400 16px/1.65 var(--sans);resize:vertical;min-height:110px;max-height:240px}
.personal-invitation #first-idea::placeholder{color:#a39f9c}
.idea-starters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}
.idea-starters button{font:500 13px var(--sans);min-height:44px;border:1px solid #49413c;border-radius:24px;padding:10px 14px;background:#26221f;color:#e6c7b0;cursor:pointer}
.studio.no-tool .studio-live{display:flex;justify-content:center}
.studio.no-tool .studio-project{display:none}
.studio.no-tool .studio-conversation{width:100%;max-width:760px;border-inline:1px solid #ffffff09}
.studio.no-tool .chat-welcome{padding:clamp(24px,5vh,65px) 0}
.studio.no-tool .chat-welcome h3{font-size:clamp(32px,4vw,48px);max-width:520px;line-height:1.1}
.studio.no-tool .chat-welcome p{max-width:460px;font-size:16px;line-height:1.8}
.studio-chapter #tour-counter{font-size:12px;letter-spacing:0;text-transform:none}
.studio .studio-header h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio .project-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio #tour-back{width:auto;flex:0 0 auto;white-space:nowrap;font-size:14px;color:#e8c0a6}
.studio:not(.preview-expanded) #site-preview{width:100%;height:100%;transform:none}
.studio .studio-project-caption p{font-size:12px}
.studio .studio-project-caption button{font-size:14px}
.studio.legacy-workspace .chat-thread,.studio.legacy-workspace #repair-form{display:none}
.legacy-notice{padding:28px;overflow:auto;font-size:16px;line-height:1.8}
.legacy-notice h3{font-size:30px;line-height:1.2}
.legacy-notice button{min-height:48px;background:#edbea4;color:#251e1a;border:0;border-radius:10px;padding:12px;font-size:16px}
#archive-viewer[open]{grid-template-rows:64px minmax(0,1fr)}
.archive-content{overflow:auto;padding:20px}
#archive-preview{width:100%;height:450px;border:0;background:#fff}
.archive-content pre{white-space:pre-wrap;font-family:var(--sans)}
@media(max-width:800px){
 .personal-invitation{grid-template-columns:1fr}
 .personal-invitation .invitation-art{display:none}
 .personal-invitation .invitation-copy{padding:30px 22px}
 .studio.no-tool .chat-welcome{padding:24px 0}
 .studio.no-tool .chat-welcome h3{font-size:34px}
 .studio.no-tool .studio-conversation{max-width:none}
 .studio .studio-live{grid-template-rows:minmax(180px,42fr) minmax(0,58fr)}
 .studio.preview-expanded .studio-live{grid-template-rows:1fr}
 .studio .studio-frame{min-height:0}
 .studio .studio-project-caption{min-height:44px;padding-inline:12px}
 .studio-footer{gap:8px}
 .studio-chapter #tour-hint{font-size:12px}
}
@media(min-width:600px) and (max-height:520px){.studio .studio-live{grid-template-rows:1fr}}
@media(max-width:599px) and (max-height:520px){
 .studio:not(.preview-expanded) .studio-project{display:none}
 .studio .studio-live{display:flex;flex-direction:column}
 .studio .studio-conversation{flex:1}
 .studio.preview-expanded .studio-project{flex:1}
 .studio.no-tool .chat-welcome{padding:12px 0}
 .studio.no-tool .chat-welcome h3{font-size:28px}
}

/* Studio 9 — the same lunar identity, carried through the actual working product.
   Welcome, conversation, tool and ownership are states of one continuous surface. */
.personal-invitation{grid-template-columns:1.12fr 1fr;background:#111319;border:1px solid #ffffff1c;box-shadow:0 24px 80px #0003}
.personal-invitation .invitation-copy{padding:clamp(26px,4.5vw,64px)}
.personal-invitation h3{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;line-height:1.07}
.personal-invitation h3 em{font-family:Georgia,serif;font-weight:400;color:#e8bc9e}
.personal-invitation .invitation-copy>p:not(.micro-label){max-width:430px;font-size:16px;line-height:1.75}
.personal-invitation .invitation-copy>label{display:block;font-size:14px;margin-top:26px;color:#d8d6d3}
.personal-invitation #first-idea{margin:10px 0 18px;border-color:#ffffff26;background:#1b1e25;border-radius:12px;min-height:108px;padding:16px;font-size:16px}
.personal-invitation #open-tour{width:100%;display:flex;justify-content:space-between;min-height:52px;border-radius:10px;font-size:16px}
.personal-invitation .invitation-copy .invitation-note{font-size:12px;margin:16px 0 0;color:#a6a8b2}
.invitation-starts{padding:clamp(26px,4vw,56px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ffffff14;background:radial-gradient(ellipse at 100% 0,#eaa7800b,transparent 70%)}
.invitation-starts>.micro-label{font-size:13px;color:#bcb4ab;letter-spacing:0}
.idea-starters{display:grid;gap:0;margin:20px 0}
.idea-starters button{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:14px;text-align:left;padding:24px 0;min-height:105px;border:0;border-top:1px solid #ffffff17;border-radius:0;background:none;color:#e8e5df;transition:color .2s}
.idea-starters button:last-child{border-bottom:1px solid #ffffff17}
.idea-starters button:hover{color:#f1c4a7}
.idea-starters strong{font:500 19px/1.3 var(--sans);display:block;letter-spacing:-.025em}
.idea-starters small{display:block;font-size:14px;color:#a6a7ae;line-height:1.6;margin-top:7px}
.idea-starters .start-number{font-size:12px;font-variant-numeric:tabular-nums;color:#c19982}
.invitation-foot{color:#a6a7ae;font-size:14px;line-height:1.8}
.studio{--studio-border:#ffffff13;--studio-accent:#efb898;--studio-ink:#f2efe9;background:#0e1117;color:var(--studio-ink);border-color:#45454b;border-radius:18px}
.studio-shell{grid-template-rows:76px minmax(0,1fr) 60px}
.studio-header{padding:0 24px;gap:14px;background:#14171e;border-bottom-color:var(--studio-border)}
.studio-heading{flex:1;min-width:0}
.studio-wordmark{font:600 15px var(--sans);letter-spacing:-.035em;color:#eeeae3}
.studio .studio-header h3{font:400 12px/1.4 var(--sans);letter-spacing:0;color:#aaaab4;max-width:none;margin-top:3px}
.studio-header .flag-mark{width:28px;height:28px;flex-basis:28px}
.studio-header #demo-provider{border-radius:24px;background:#20232a;min-width:116px;font-size:14px;padding-inline:17px}
.studio-conversation{background:#101319}
.studio-live{background:#101319;gap:0;grid-template-columns:minmax(0,41fr) minmax(0,59fr)}
.studio.no-tool .studio-conversation{max-width:780px;border:0;background:none}
.studio.no-tool .studio-live{background:radial-gradient(ellipse at 50% 0,#b884610e,transparent 58%),#101319}
.studio.is-first-ask .studio-live{overflow:auto;overscroll-behavior:contain;align-items:center;padding:24px 0}
.studio.is-first-ask .studio-conversation{flex:0 0 auto;min-height:min-content;max-width:890px;overflow:visible;padding:0 40px}
.studio.is-first-ask .chat-thread{flex:0 0 auto;overflow:visible}
.studio.is-first-ask #chat-messages{overflow:visible;padding:0;flex:none}
.studio.no-tool .chat-welcome{max-width:none;padding:0;margin:0}
.studio .chat-welcome .welcome-eyebrow{display:block;font:500 13px var(--sans);letter-spacing:.02em;color:#cda487;margin-bottom:20px;max-width:none}
.studio.no-tool .chat-welcome h3{max-width:none;font:500 clamp(36px,4.2vw,62px)/1.08 var(--sans);letter-spacing:-.055em;margin:0 0 18px}
.studio .chat-welcome h3 em{font:italic 400 1.08em/1.05 Georgia,serif;color:#efc1a3;white-space:nowrap}
.studio.no-tool .chat-welcome>p{font-size:16px;line-height:1.75;max-width:530px;color:#b5b6c0;margin-bottom:24px}
.workspace-starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0 20px}
.workspace-starts button{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px 10px;text-align:left;min-height:175px;padding:20px 18px;background:#191d25;border:1px solid #ffffff1e;border-radius:12px;color:#ede8e1;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.workspace-starts button>span:first-child{font-size:12px;color:#c8a387;font-variant-numeric:tabular-nums}
.workspace-starts button>span:nth-child(2){grid-row:2;grid-column:1/-1}
.workspace-starts button>span:last-child{grid-row:1;grid-column:2;color:#bdb4ad}
.workspace-starts strong{font:500 17px/1.35 var(--sans);letter-spacing:-.025em;display:block}
.workspace-starts small{display:block;font:400 14px/1.6 var(--sans);color:#a9abb7;margin-top:8px}
.workspace-starts button:hover{background:#22232b;border-color:#b38a6c;transform:translateY(-2px)}
.workspace-starts button[aria-pressed=true]{border-color:#d9a580;background:#2b2522}
.workspace-starts button[aria-pressed=true]>span:last-child{color:#f4cba9}
.studio.no-tool .chat-welcome .welcome-footnote{font-size:14px;color:#aaaab3;max-width:none;margin:18px 0 12px}
.studio.is-first-ask #repair-form{padding:0}
.studio.is-first-ask .chat-suggestions{display:none}
.chat-composer{background:#1e222b;border-color:#5c5350;border-radius:14px;padding:7px;box-shadow:0 8px 30px #0002}
.chat-composer:focus-within{border-color:#e0af8b;box-shadow:0 0 0 3px #daaa7c16,0 8px 30px #0002}
.studio #send-repair{border-radius:50%;background:#edb695;color:#241d19;width:44px;height:44px}
.studio #send-repair:disabled{background:#4e4642;color:#d0bba9;opacity:.7}
.composer-note{font-size:12px;line-height:1.5;color:#a3a6b3;margin-top:10px}
#repair-form{padding:0 24px 16px}
#chat-messages{padding:28px;scroll-padding-bottom:20px}
.chat-bubble{line-height:1.8}
.chat-user{background:#252a34;border:1px solid #ffffff09;border-radius:16px 16px 4px 16px;padding:14px 18px;margin-left:30px;color:#e5e5eb}
.chat-user>strong{font-weight:400;font-size:12px;color:#a6aaba}
.chat-bubble:not(.chat-user)>strong{display:flex;align-items:center;gap:9px;color:#e8c5ac;font-size:14px;font-weight:500;margin-bottom:12px}
.chat-bubble:not(.chat-user)>strong:before{content:'';display:inline-block;width:8px;height:8px;border:0;border-radius:50%;background:#e9bc96;box-shadow:0 0 0 5px #332820;flex:0 0 8px;margin:8px 8px 8px 5px}
.chat-pending{padding:10px 0;color:#bdc0cb}
.chat-bubble p.chat-evidence{font-size:12px;color:#a9adba;border:0;margin-top:10px;padding:0}
.chat-artifacts{gap:18px}
.chat-artifacts button,.chat-actions summary{color:#acb0be;font-size:14px}
.chat-result{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:88px;text-align:left;padding:16px;margin:20px 0 12px;border:1px solid #786454;border-radius:12px;background:linear-gradient(120deg,#302922,#1e2028);color:#eddbc8;cursor:pointer}
.chat-result>span:first-child{display:grid;place-items:center;width:34px;height:38px;border:1px solid #baa08445;border-radius:8px;font-size:20px;color:#efbf96}
.chat-result strong{font-size:15px;font-weight:500;display:block}
.chat-result small{font-size:12px;color:#b2aaa5;display:block;line-height:1.6;margin-top:4px}
.studio-project{border:0;border-left:1px solid #ffffff1a;background:#e9edf1;overflow:hidden}
.studio-surface-bar{height:48px;background:#1b1f28;border-bottom:1px solid #ffffff0c;padding-inline:16px}
.project-address{font:500 12px var(--sans);color:#c4c6cf;letter-spacing:0}
.version-switch{background:#0f1219;border:1px solid #ffffff10;border-radius:7px;padding:2px;gap:2px}
.studio-surface-bar .version-switch button{min-height:30px;padding:4px 10px;font-size:12px;border-radius:4px;color:#9fa4b2}
.version-switch button[aria-pressed=true]{background:#34333a;text-decoration:none;color:#f0d6c2}
.studio-frame,#site-preview{background:#f6f7f9}
.studio-project-caption{background:#191e26;min-height:50px;gap:12px;padding:0 16px}
.studio .studio-project-caption button{color:#f0c5a4;font-size:14px}
.studio .studio-project-caption p{color:#a5afba;font-size:12px}
.studio-footer{background:#14171e;border-top:1px solid #ffffff12;padding-inline:24px}
.studio-footer .studio-text-button{color:#f0c5a4;font-size:14px}
.studio-chapter #tour-counter{font-size:12px;color:#c3c6cf}
.studio-chapter #tour-hint{font-size:12px;color:#9198a7;margin-top:2px}
.studio-yours{background:radial-gradient(ellipse at 0 0,#8c60321c,transparent 65%),#101319}
.studio .yours-intro h3{font-family:var(--sans);font-weight:500;font-size:clamp(36px,4vw,54px);letter-spacing:-.05em}
.studio .yours-intro h3 em{font-family:Georgia,serif;font-weight:400;color:#eac3a3}
.yours-intro>p:last-of-type{font-size:16px;color:#adb3be;max-width:520px;line-height:1.75}
.workspace-inventory{display:grid;grid-template-columns:minmax(0,2fr) auto auto;gap:24px;margin-top:28px;padding:22px 0;border-block:1px solid #ffffff19;max-width:680px}
.workspace-inventory span{min-width:0}
.workspace-inventory strong{display:block;font:500 20px/1.4 var(--sans);color:#ebe3d8;overflow-wrap:anywhere;letter-spacing:-.03em}
.workspace-inventory small{display:block;font-size:12px;color:#9ea6b5;margin-top:5px}
.studio #pilot-account{background:#1a1f28;border:1px solid #ffffff23;border-radius:14px;padding:28px}
.studio #pilot-account h3{font:500 27px/1.18 var(--sans);letter-spacing:-.045em}
#pilot-account p,.studio-next-chapter>p{font-size:14px;line-height:1.8;color:#adb5c4}
#pilot-account .micro-label,.studio-next-chapter .micro-label{font-size:12px;color:#ddb593}
#signup-form>label:first-child,.pilot-consent,#pilot-terms,.setup-details summary,#essentials-choices label{font-size:14px}
.pilot-consent{line-height:1.65}
#signup-email{background:#0f141d;border-color:#ffffff32;border-radius:9px;height:52px}
.studio #send-signin,.studio #confirm-signin{font-size:15px;min-height:52px;background:#edb695}
.setup-outcomes small{font-size:14px;color:#9ea8b9}
.studio-next-chapter h3{font-family:var(--sans);font-weight:500}
#signout,#delete-pilot,.repair-share button,#share-link,#share-status{font-size:14px}
.provider-picker{background:#191e27;border-color:#5a514b}
.provider-options button{background:#232933;border-color:#ffffff23}
.provider-options button[aria-pressed=true]{background:#332b25}
.provider-options .provider-model{display:block;font-size:.8125rem;color:#aeb7c5;margin:2px 0 5px;line-height:1.4}
.provider-options .provider-availability{font-size:.875rem;line-height:1.45}
.provider-picker .provider-help{font-size:.875rem;line-height:1.6;padding:14px 16px;border-left:2px solid #d3a688;background:#ffffff05;color:#d5d9df;border-radius:0 8px 8px 0;margin-block:16px}
.provider-picker{scroll-padding-block:20px}
.provider-picker header{position:sticky;top:-24px;background:#191e27;z-index:1;padding-block:8px}
.closing-section.closing-portal{position:relative;overflow:hidden;isolation:isolate;min-height:540px;display:grid;align-content:center;text-align:left;padding:64px;border:1px solid #ffffff1f;border-radius:24px;margin-block:70px}
.closing-portal .portal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.closing-portal:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07090deb 0%,#07090d9c 45%,transparent 80%)}
.closing-portal h2{max-width:620px;font-size:clamp(42px,5vw,72px);margin:18px 0 30px}
.closing-portal .button{justify-self:start}
.closing-portal>p{max-width:430px;color:#d1d1d5}
@media(max-width:600px){
 .provider-picker header{top:-22px}
 .provider-options button{min-height:86px}
 .provider-picker .provider-help{font-size:.875rem;padding:12px;margin:10px 0 14px}
 .closing-section.closing-portal{min-height:610px;padding:30px 26px;margin-block:40px;align-content:start;padding-top:42px}
 .closing-portal .portal-art{object-position:65% bottom}
 .closing-portal:after{background:linear-gradient(#07090df5,#07090dcb 40%,transparent 80%)}
 .closing-portal h2{font-size:44px;line-height:1.08;margin-block:18px 24px}
 .closing-portal>p{font-size:14px;line-height:1.65;max-width:260px}
}
.studio-inspector{background:#141a24}
.studio button:focus-visible{outline:2px solid #eeb28b;outline-offset:3px}
#workspace-connecting{margin:auto;padding:40px 24px;max-width:480px}
#workspace-connecting .flag-mark{display:block;margin-bottom:28px}
#workspace-connecting h3{font:500 32px/1.2 var(--sans);letter-spacing:-.04em;margin-bottom:14px}
#workspace-connecting p{font-size:16px;line-height:1.7;color:#abb0bd}
.studio.is-connecting .chat-thread{display:none}
@media(min-width:801px){
 .studio.preview-expanded .studio-live{grid-template-columns:1fr}
 .studio.preview-expanded .studio-project{border-left:0}
 .studio.preview-expanded .studio-project-caption{padding-inline:32px}
}
@media(max-width:800px){
 .personal-invitation{grid-template-columns:1fr}
 .invitation-starts{border-left:0;border-top:1px solid #ffffff14;padding:26px}
 .invitation-starts .idea-starters{margin-bottom:0}
 .invitation-foot{margin-top:16px}
 .studio{border-radius:0}
 .studio-shell{grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0,1fr) calc(56px + env(safe-area-inset-bottom))}
 .studio-header{padding:env(safe-area-inset-top) 14px 0;gap:9px}
 .studio-wordmark{font-size:13px}
 .studio .studio-header h3{font-size:11px;max-width:160px}
 .studio-header .flag-mark{width:23px;height:23px;flex-basis:23px;margin:0}
 .studio-header #demo-provider{min-width:91px;gap:8px;font-size:14px;padding:8px 12px}
 .studio-header #open-inspector{width:34px;min-width:34px}
 .studio-header #exit-tour{padding:8px 0;font-size:12px}
 .studio.is-first-ask .studio-live{padding:24px 0;align-items:center}
 .studio.is-first-ask .studio-conversation{padding:0 22px}
 .studio.no-tool .chat-welcome{padding:0}
 .studio .chat-welcome .welcome-eyebrow{font-size:12px;margin-bottom:14px}
 .studio.no-tool .chat-welcome h3{font-size:39px;line-height:1.12;margin-bottom:14px;max-width:350px}
 .studio.no-tool .chat-welcome>p{font-size:16px;line-height:1.65;margin-bottom:18px}
 .workspace-starts{grid-template-columns:1fr;gap:0;margin:20px 0 14px;border-top:1px solid #ffffff19}
 .workspace-starts button{grid-template-columns:22px 1fr 16px;gap:12px;min-height:83px;padding:14px 0;border:0;border-bottom:1px solid #ffffff19;border-radius:0;background:none;align-items:center}
 .workspace-starts button>span:first-child{font-size:12px}
 .workspace-starts button>span:nth-child(2){grid-row:1;grid-column:2}
 .workspace-starts button>span:last-child{grid-row:1;grid-column:3}
 .workspace-starts strong{font-size:16px}
 .workspace-starts small{font-size:13px;line-height:1.5;margin-top:4px}
 .workspace-starts button[aria-pressed=true]{background:#e3ac7710;box-shadow:inset 2px 0 #d9a580;padding-inline:10px}
 .studio.no-tool .chat-welcome .welcome-footnote{font-size:13px;line-height:1.5;margin:14px 0 12px}
 .studio .studio-live{grid-template-columns:1fr;grid-template-rows:minmax(180px,40fr) minmax(0,60fr)}
 .studio .studio-project{border:0;border-bottom:1px solid #656471}
 .studio .studio-surface-bar{height:44px;padding:0 12px;gap:4px}
 .studio .studio-project-caption{min-height:44px;padding:0 14px}
 .studio .studio-project-caption p{font-size:12px}
 .studio .project-address{font-size:12px}
 #chat-messages{padding:20px}
 .chat-user{margin-left:20px;padding:12px 15px}
 #repair-form{padding:0 14px 10px}
 .chat-result{min-height:78px;padding:12px;gap:10px}
 .chat-result strong{font-size:14px}
 .studio-footer{padding-inline:14px}
 .studio.is-first-ask .composer-note{text-align:left;font-size:12px}
 .studio .studio-yours{padding:30px 22px}
 .studio .yours-intro h3{font-size:40px}
 .workspace-inventory{gap:16px;grid-template-columns:1fr 1fr}
 .workspace-inventory>span:first-child{grid-column:1/-1}
 .workspace-inventory strong{font-size:20px}
 .studio #pilot-account{padding:24px}
 .studio.preview-expanded .studio-live{grid-template-rows:1fr}
}
@media(max-width:360px){
 .studio-header{gap:6px;padding-inline:10px}
 .studio-header .flag-mark{display:block;width:20px;height:20px;flex-basis:20px}
 .studio-wordmark{font-size:12px}
 .studio .studio-header h3{font-size:10px;max-width:105px}
 .studio-header #demo-provider{min-width:80px;font-size:13px;padding-inline:10px}
 .studio-header #open-inspector{width:28px;min-width:28px}
 .studio.is-first-ask .studio-conversation{padding-inline:18px}
 .studio.no-tool .chat-welcome h3{font-size:34px}
 .studio.is-first-ask .studio-live{padding-block:18px;align-items:flex-start}
 .workspace-starts button{gap:9px;min-height:80px}
 .workspace-starts small{font-size:12px}
 .studio-footer{padding-inline:12px}
 .studio .studio-project-caption p{font-size:11px}
}
@media(max-width:800px) and (max-height:740px){
 .studio.is-first-ask .studio-live{padding-block:20px;align-items:flex-start}
 .studio.no-tool .chat-welcome h3{font-size:34px}
 .studio .chat-welcome .welcome-eyebrow{margin-bottom:12px}
 .workspace-starts{margin-block:16px 10px}
 .workspace-starts button{min-height:72px;padding-block:12px}
 .workspace-starts small{display:none}
 .studio.no-tool .chat-welcome .welcome-footnote{font-size:12px;margin:10px 0}
}
@media(min-width:600px) and (max-height:520px){
 .studio-shell{grid-template-rows:58px minmax(0,1fr) 50px}
 .studio .studio-live{grid-template-columns:minmax(0,43fr) minmax(0,57fr);grid-template-rows:1fr}
 .studio.is-first-ask .studio-conversation{max-width:750px;padding:0 28px}
 .studio.is-first-ask .studio-live{align-items:flex-start;padding:20px 0}
 .workspace-starts{grid-template-columns:repeat(3,1fr);gap:12px;border:0;margin-block:16px}
 .workspace-starts button{grid-template-columns:1fr;min-height:70px;border:1px solid #ffffff1f;border-radius:9px;padding:14px}
 .workspace-starts button>span:first-child,.workspace-starts button>span:last-child,.workspace-starts small{display:none}
 .workspace-starts button>span:nth-child(2){grid-column:1}
 .studio.no-tool .chat-welcome h3{font-size:34px}
 .studio.no-tool .chat-welcome>p{max-width:none}
 .studio.is-first-ask .welcome-eyebrow{display:none}
 .studio.preview-expanded .studio-live{grid-template-columns:1fr}
}
@media(max-width:599px) and (max-height:520px){
 .studio.is-first-ask .studio-live{padding-block:14px}
 .studio.is-first-ask .studio-conversation{flex:0 0 auto;min-height:min-content}
 .studio.is-first-ask .workspace-starts{margin:12px 0}
 .studio.is-first-ask .workspace-starts button{min-height:52px;padding-block:10px}
 .studio.no-tool .chat-welcome h3{font-size:28px}
 .studio.is-first-ask .chat-welcome>p:not(.welcome-footnote){display:none}
 .studio.is-first-ask .welcome-eyebrow{display:none}
}
@media(prefers-reduced-motion:no-preference){
 .studio.is-first-ask .chat-welcome{animation:studio-enter .45s ease-out both}
 .studio.is-first-ask .workspace-starts button{animation:studio-enter .4s ease-out both}
 .studio.is-first-ask .workspace-starts button:nth-child(2){animation-delay:.07s}
 .studio.is-first-ask .workspace-starts button:nth-child(3){animation-delay:.14s}
 .chat-result{animation:studio-enter .3s ease-out both}
 .chat-pending>strong:before{animation:studio-breathe 1.8s ease-in-out infinite}
 @keyframes studio-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
 @keyframes studio-breathe{50%{opacity:.45}}
}

/* Studio 11: one invitation, then room to do the work. */
.flag-hero{padding-top:36px;padding-bottom:26px}
.flag-hero .hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,86px)}
.hero-intro h1{font-size:clamp(52px,5.3vw,76px);line-height:1.04}
.hero-intro .flag-lede{max-width:445px;font-size:18px;line-height:1.7;margin-bottom:16px}
.hero-explainer{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#d8c0ad}
.workspace-entry{position:relative;min-width:0;scroll-margin-top:22px;padding:32px;background:linear-gradient(145deg,#252225f2,#12151bee);border:1px solid #a88a6b60;border-radius:22px;box-shadow:0 24px 65px #0004,inset 0 1px #ffffff14}
.entry-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
.entry-topline .micro-label{font-size:12px;color:#c3b1a2;margin:0}
.entry-free{font:500 11px var(--sans);color:#d4c2b2;background:#d5b28b0c;border:1px solid #b197772b;border-radius:20px;padding:6px 10px;white-space:nowrap}
.osp-flagship .workspace-entry h2{font:500 clamp(30px,3vw,42px)/1.1 var(--sans);letter-spacing:-.05em;margin:0 0 25px}
.workspace-entry h2 em{color:#ebc1a1;font-family:Georgia,serif;font-size:1em}
.workspace-entry #first-idea{display:block;width:100%;min-height:114px;max-height:210px;padding:16px;border:1px solid #ffffff24;border-radius:12px;background:#11151be6;color:#eee9e1;font:400 16px/1.65 var(--sans);resize:vertical;scroll-margin-block:24px}
.workspace-entry #first-idea::placeholder{color:#a6a7ae;opacity:1}
.workspace-entry #first-idea:focus{outline:2px solid #e7b089;outline-offset:3px}
.workspace-entry .idea-starters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 22px}
.workspace-entry .idea-starters button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff03;color:#d3c8bd;font:500 12px/1.3 var(--sans)}
.workspace-entry .idea-starters button:hover,.workspace-entry .idea-starters button[aria-pressed=true]{color:#f3d1b8;border-color:#bf9777;background:#c3967215}
.workspace-entry #open-tour{display:flex;justify-content:space-between;width:100%;min-height:54px;border-radius:10px;padding:14px 18px;background:#e9b393;border-color:#e9b393;color:#231b17;font:600 15px var(--sans);letter-spacing:-.02em;box-shadow:0 4px 14px #0002}
.entry-note{font:400 12px/1.7 var(--sans);color:#b0aba9;text-align:center;margin:14px 0 0}
.entry-account{display:block;margin:8px auto -8px;padding:8px 4px;min-height:44px;background:none;border:0;color:#dfc2ad;font:500 12px var(--sans);cursor:pointer}
.entry-return{padding:22px 0 28px}
.entry-return .flag-mark{display:block;margin:0 0 22px}
#entry-project-name{font:500 22px/1.4 var(--sans);color:#eee4d8;overflow-wrap:anywhere;letter-spacing:-.025em;margin:0 0 12px}
#entry-return-note{font:400 15px/1.75 var(--sans);color:#b3b1b7;margin:0;max-width:330px}
.flag-hero .horizon-caption{font:400 12px/1.7 var(--sans);letter-spacing:0;margin-top:48px;padding-top:20px;border-top:1px solid #ffffff17}
.workspace-section{padding:0}
.workspace-section:has(#public-recap:not([hidden])){padding-block:40px}
.steps-section{padding-block:65px}
.steps-section .section-top{gap:40px}
.steps-section h2{font-family:var(--sans);font-size:clamp(32px,3.5vw,46px)}
.steps-grid article h3{font:500 22px/1.25 var(--sans);letter-spacing:-.035em}
.steps-grid article p{font-size:15px;line-height:1.8}
.next-chapter{display:grid;grid-template-columns:1fr 1.2fr;gap:16px 60px;padding:30px 0 42px;border-block:1px solid #ffffff19}
.next-chapter>.micro-label{grid-column:1/-1;font-size:12px;color:#c6a487;margin:0}
.next-chapter h3{font:500 30px/1.2 var(--sans);letter-spacing:-.04em;margin:0}
.next-chapter>p:not(.micro-label){font:400 15px/1.8 var(--sans);color:#aeb2bc;margin:0;max-width:550px}
.next-chapter>a{grid-column:2;justify-self:start;min-height:44px;display:inline-flex;align-items:center;gap:12px;color:#d6b59d}
.simple-agents .provider-card{padding:22px;min-height:180px}
.simple-agents .provider-icon{font-size:28px;min-height:38px;margin-bottom:12px}
.simple-agents .provider-name{font-size:19px}
.simple-agents .provider-type{font-size:12px;margin-top:5px}
.simple-agents .provider-action{font-size:12px;margin-top:18px}
.simple-agents .section-disclaimer{font-size:12px;line-height:1.7}
.studio-mobile-views{display:none}
.studio.is-first-ask .studio-conversation{max-width:720px}
.studio.no-tool .chat-welcome h3{font-size:clamp(30px,3.5vw,45px);margin-bottom:16px}
.studio.no-tool .chat-welcome>p{max-width:540px}
.studio.is-first-ask .workspace-starts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px;border:0}
.studio.is-first-ask .workspace-starts button{display:block;min-height:44px;padding:10px 12px;border:1px solid #ffffff25;background:#1c2028;border-radius:9px;box-shadow:none}
.studio.is-first-ask .workspace-starts button>span:first-child,.studio.is-first-ask .workspace-starts button>span:last-child,.studio.is-first-ask .workspace-starts small{display:none}
.studio.is-first-ask .workspace-starts strong{font-size:13px;line-height:1.4}
.studio.is-first-ask .workspace-starts button[aria-pressed=true]{border-color:#d5ab89;background:#302821}
.studio.no-tool .chat-welcome .welcome-footnote{font-size:12px;margin-bottom:14px}
@media(max-width:1050px){
 .flag-hero .hero-layout{gap:32px}
 .workspace-entry{padding:26px}
 .hero-intro h1{font-size:clamp(44px,5.4vw,62px)}
}
@media(max-width:800px){
 .flag-hero{padding-top:18px}
 .flag-hero .hero-layout{grid-template-columns:1fr;gap:26px}
 .hero-intro h1{font-size:clamp(43px,8.1vw,65px);margin-bottom:20px}
 .hero-intro .micro-label{font-size:12px;margin-bottom:18px}
 .hero-intro .flag-lede{font-size:16px;line-height:1.75;max-width:490px;margin-bottom:4px}
 .workspace-entry{max-width:620px;width:100%;justify-self:center;padding:24px}
 .osp-flagship .workspace-entry h2{font-size:32px;margin-bottom:20px}
 .workspace-entry h2 br{display:none}
 .workspace-entry h2 em:before{content:' '}
 .entry-topline{margin-bottom:20px}
 .flag-hero .horizon-caption{margin-top:30px}
 .horizon-caption span:last-child{display:none}
 .horizon-caption span{max-width:none}
 .steps-section{padding-block:44px}
 .next-chapter{grid-template-columns:1fr;gap:18px;padding-block:28px}
 .next-chapter>a{grid-column:1}
 .simple-agents .provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
 .simple-agents .provider-card{min-width:0;min-height:162px;padding:18px;text-align:left}
 .simple-agents .provider-name{font-size:18px}
 .studio.is-first-ask .studio-live{align-items:center}
 .studio.is-first-ask .studio-conversation{padding-inline:24px}
 .studio:not(.no-tool):not(.legacy-workspace) .studio-live{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);padding:0;overflow:hidden}
 .studio:not(.no-tool):not(.legacy-workspace) .studio-mobile-views{display:flex;grid-row:1;grid-column:1;gap:6px;padding:3px 14px;background:#14171e;border-bottom:1px solid #ffffff12}
 .studio-mobile-views button{display:flex;flex:1;justify-content:center;align-items:center;gap:8px;min-height:42px;border:0;border-radius:7px;background:none;font:500 13px var(--sans);color:#a7adba}
 .studio-mobile-views button[aria-pressed=true]{background:#28272b;color:#efc5a9}
 .studio.tool-unseen #show-tool:after{content:'New';border-radius:4px;padding:2px 5px;background:#e5b295;color:#271d17;font-size:10px}
 .studio:not(.no-tool):not(.legacy-workspace) .studio-conversation{display:flex;grid-row:2;grid-column:1;width:100%;max-width:none;min-height:0}
 .studio:not(.no-tool):not(.legacy-workspace) .studio-project{display:none;grid-row:2;grid-column:1;min-height:0;border:0}
 .studio.preview-expanded:not(.no-tool):not(.legacy-workspace) .studio-project{display:flex}
 .studio.preview-expanded:not(.no-tool):not(.legacy-workspace) .studio-conversation{display:none}
 .studio:not(.legacy-workspace) #expand-preview{display:none}
 .studio #chat-messages{padding:22px}
 .studio #repair-form{padding:0 16px 14px}
 .studio.is-first-ask #repair-form{padding:0}
}
@media(max-width:420px){
 .hero-intro>.micro-label,.hero-explainer{display:none}
 .flag-hero .hero-layout{gap:24px}
 .hero-intro h1{font-size:43px;margin-bottom:16px}
 .workspace-entry{padding:22px 18px}
 .entry-topline{margin-bottom:16px}
 .workspace-entry .idea-starters{gap:5px}
 .workspace-entry .idea-starters button{font-size:11px;padding:8px}
 .workspace-entry .idea-starters button span{display:none}
 .osp-flagship .workspace-entry h2{font-size:30px}
 .workspace-entry #open-tour{font-size:14px}
}
@media(max-width:800px) and (max-height:520px){
 .studio.is-first-ask .studio-live{align-items:flex-start;padding-block:16px}
 .studio.is-first-ask .studio-conversation{padding-inline:18px}
 .studio.no-tool .chat-welcome h3{font-size:28px}
 .studio.is-first-ask .workspace-starts{margin-block:12px}
 .studio:not(.no-tool):not(.legacy-workspace) .studio-live{grid-template-rows:44px minmax(0,1fr)}
 .studio:not(.no-tool):not(.legacy-workspace) .studio-mobile-views{padding-block:0}
}
@media(max-width:360px){
 .hero-intro h1{font-size:35px}
 .studio.no-tool .chat-welcome h3{font-size:27px}
 .studio.no-tool .chat-welcome h3 em{white-space:normal}
}

/* Keyboard-safe first message, including iPhone landscape and a panned visual viewport. */
.studio.keyboard-compact.is-first-ask .studio-live{align-items:stretch;padding:10px 16px;overflow:hidden}
.studio.keyboard-compact.is-first-ask .studio-conversation{flex:1;min-height:0;height:100%;max-width:760px;overflow:hidden;padding:0}
.studio.keyboard-compact.is-first-ask .chat-thread{flex:1;min-height:0;overflow:auto}
.studio.keyboard-compact.is-first-ask #chat-messages{min-height:0;overflow:auto;padding:0}
.studio.keyboard-compact.is-first-ask .chat-welcome{padding:0}
.studio.keyboard-compact.is-first-ask .chat-welcome h3{font-size:24px;line-height:1.15;margin:0 0 12px}
.studio.keyboard-compact.is-first-ask :is(.welcome-eyebrow,.workspace-starts,.welcome-footnote,.chat-welcome>p){display:none}
.studio.keyboard-compact.is-first-ask #repair-form{flex-shrink:0;padding:6px 0 0}
.studio.keyboard-compact .studio-header{padding-top:0}
.studio.keyboard-compact .studio-shell{grid-template-rows:50px minmax(0,1fr) 48px}
/* Very short landscape keyboards: keep quota + Send; optional footer returns on dismissal. */
.studio.keyboard-tight .studio-shell{grid-template-rows:50px minmax(0,1fr)}
.studio.keyboard-tight .studio-footer{display:none}
.studio.keyboard-tight #repair-prompt{min-height:44px;max-height:44px}
/* A supported next step belongs in the conversation, beside its explanation. */
.chat-artifacts [data-recovery]{background:var(--accent);color:#1c1e28;border:1px solid var(--accent);border-radius:7px;min-height:44px;max-width:100%;padding:10px 14px;font-weight:600}
.chat-artifacts [data-recovery]:disabled{background:transparent;color:#acb0be;border-color:#667084;opacity:.65;cursor:default}