/* Independent product, top navigation, fluid centered workspace. */
body{display:block;background:#f5f5ef}
main.shell{width:calc(100% - 96px);max-width:1760px;padding:0;margin:0 auto}
header{height:96px;gap:24px}
.wordmark{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;letter-spacing:-1px;color:#182725;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#182725;color:#d5f56a;font:italic 800 30px Georgia,serif}
.beta{font:9px monospace;letter-spacing:1px;border:1px solid #cbd1c7;border-radius:4px;padding:4px;margin-left:3px}
.workspace-nav{display:flex;align-items:center;gap:26px;margin-right:auto;margin-left:30px;font-size:12px}
.workspace-nav .active{font-weight:700;color:#236b5c}
.project-menu{position:relative}
.project-menu summary{cursor:pointer;list-style:none;padding:10px 0}
.project-menu summary::-webkit-details-marker{display:none}
#count{background:#e5e9dd;padding:2px 6px;border-radius:4px;margin-left:4px;font:10px monospace}
.project-popover{position:absolute;top:40px;left:-12px;width:290px;max-height:340px;overflow:auto;background:#fff;border:1px solid #d8dfd0;border-radius:10px;box-shadow:0 12px 40px #18272515;padding:12px;z-index:10}
.project-row{color:#182725;align-items:center;padding:10px}
.project-row small{color:#67796a}
.project-row:hover:not(:disabled){background:#f0f4e8}
.tiny-token{background:#e4edce}
#empty{display:block;color:#687970;font-size:12px;line-height:1.6;padding:8px}
.intro{padding:48px 0 32px}
h1{font-size:clamp(40px,3.5vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0}
.intro p{font-size:15px}
.intro-proof{position:absolute;right:0;bottom:44px;display:flex;gap:25px;font:11px monospace;color:#66776d}
.workspace{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:start;gap:24px}
.card{padding:30px}
.passport-card{min-height:590px}
.deployment-card .actions{margin-top:24px;padding-top:0}
.project-row strong{font-size:13px}
h2{font-size:17px}
.notice{font-size:13px}
.bottom-note{padding:28px 0 40px}
@media(min-width:2100px){main.shell{max-width:1920px}.workspace{gap:30px}.card{padding:36px}.intro{padding:56px 0 36px}label,input,textarea,select{font-size:14px}h2{font-size:20px}.muted,.model-note,.rights,dl>div{font-size:13px}pre{font-size:13px}.passport-card{min-height:620px}}
@media(max-width:1200px){main.shell{width:calc(100% - 48px)}.workspace-nav{gap:14px;margin-left:0}.intro-proof{position:static;margin-top:24px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.card{padding:22px}header{gap:14px}.network{display:none}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.passport-card{min-height:0}header{height:auto;flex-wrap:wrap;padding:20px 0}.workspace-nav{order:3;flex-basis:100%;margin:0;justify-content:flex-start}header>div{margin-left:auto}.intro{padding-top:32px}.intro-proof{gap:16px;font-size:10px}.fields{grid-template-columns:1fr 1fr}}
@media(max-width:520px){main.shell{width:calc(100% - 32px)}.wordmark{font-size:22px;gap:7px}.beta{display:none}.brand-mark{width:30px;height:30px;font-size:25px}header{gap:10px}header select{width:102px;font-size:10px}.workspace-nav{gap:22px}.workspace-nav button{margin-left:auto;font-size:11px;padding:9px}.intro h1{font-size:43px;letter-spacing:-2px}.intro p{font-size:13px;line-height:1.7}.fields{grid-template-columns:1fr}.card{padding:20px}.section-head{gap:10px}.badge{font-size:9px}#project-list{display:block}.project-row{width:100%}.project-popover{left:-80px;width:270px}.intro-proof{gap:12px}.bottom-note{font-size:10px}}