:root {
  color-scheme: light; font: 15px/1.55 "Segoe UI","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;
  color:#25333d; background:#eaf0f3; --ink:#25333d; --muted:#596a77;
  --accent:#163e37; --on-accent:#fff; --line:#c8d2d9; --hair:rgba(91,114,132,.20);
  --wash:color-mix(in srgb,var(--accent) 8%,#f8fafc);
  --tint:color-mix(in srgb,var(--accent) 16%,#ecf0f5);
  --glass:rgba(252,253,255,.81); --shadow:0 8px 30px -18px #31465650,0 1px 4px #4559680b;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 8%,#dce5ec 0,transparent 47%),radial-gradient(ellipse at 92% 29%,var(--tint) 0,transparent 50%),linear-gradient(130deg,#eff2f5,#f2f2f7 69%,#e5edef);background-attachment:fixed}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.29;letter-spacing:-.045em;text-wrap:pretty}
a{color:inherit;text-underline-offset:3px}button,input,textarea,select{font:inherit;color:inherit}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;min-height:34px;padding:6px 11px;background:#ffffffc7;border:1px solid var(--hair);border-radius:9px;color:var(--ink);font-size:.86rem;font-weight:600;line-height:1.3;cursor:pointer;text-decoration:none}
button:hover,.btn:hover{background:#fff;border-color:#98aab5}button:disabled{cursor:default;opacity:.48}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3c7894;outline-offset:2px}
button.accent,.btn.accent,.btn.yellow{background:var(--accent);border-color:transparent;color:var(--on-accent)}
button.accent:not(:disabled):hover,.btn.yellow:hover{filter:brightness(1.12)}
input:not([type=checkbox]),select,textarea{width:100%;min-width:0;max-width:100%;border:1px solid #bccad2;border-radius:10px;background:#ffffffdf;padding:10px 12px;line-height:1.45}
input::placeholder,textarea::placeholder{color:#6a7885}label{display:block;font-size:.86rem;font-weight:600}label>input,label>select{margin-top:5px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.icon{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}.square{width:35px;height:35px;padding:0}
.brandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:9px clamp(14px,2.6vw,42px);border-bottom:1px solid #ffffffbf;background:#f8fafbcd;box-shadow:0 1px 0 var(--hair)}
.brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}.brand img{width:32px;height:32px;object-fit:contain}.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;font-size:1.12rem}
.brandbar nav{display:flex;gap:4px;flex-shrink:0}.brandbar nav a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.85rem}.brandbar nav a[aria-current=page]{background:var(--tint);color:var(--ink)}.brandbar nav a:hover{background:#fff}
.studio-panel,.panel,.modal,.rooms{background:var(--glass);border:1px solid #ffffffd9;border-radius:18px;box-shadow:var(--shadow),inset 0 0 0 1px #bccbd151}
@supports ((backdrop-filter:blur(14px)) or (-webkit-backdrop-filter:blur(14px))){.studio-panel,.panel,.rooms,.modal,.brandbar,.mobile-tabs{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}
@media(prefers-reduced-transparency:reduce){:root{--glass:#f8fafb}.brandbar,.mobile-tabs{background:#f8fafb!important}.studio-panel,.panel,.rooms,.modal,.brandbar,.mobile-tabs{backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Participant entrance */
.landing{width:min(100%,494px);margin:clamp(22px,5.5vh,54px) auto;padding:0 14px 20px}.gate{overflow:hidden}.gate-banner{height:110px;display:grid;place-items:center;position:relative;isolation:isolate;background:linear-gradient(112deg,#e8eaf3,var(--tint) 60%,#e8eff2);border-bottom:1px solid #ffffffd0}
.gate-banner::before,.empty-canvas::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#80949d55 .8px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 63%,transparent)}
.gate-banner img{width:183px;height:106px;object-fit:contain}.gate-body{padding:23px clamp(22px,3.5vw,36px) 24px}
.eyebrow{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.77rem;font-weight:650;letter-spacing:.025em}.eyeline{width:19px;height:2px;background:#789995}
.gate h1{font-size:clamp(1.65rem,2.3vw,2.05rem);margin:7px 0;overflow-wrap:anywhere;word-break:keep-all}.gate-copy{font-size:.91rem;color:var(--muted);line-height:1.65;overflow-wrap:anywhere;word-break:keep-all}
.switch{display:flex;gap:3px;padding:4px;border:1px solid var(--hair);border-radius:11px;background:#e2e8eea6;margin:20px 0 16px}.switch .btn{flex:1;border:0;min-height:32px;background:none;color:var(--muted)}.switch .btn[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 5px #394c5b26}
.gate form label+label{margin-top:11px}.gate form>.btn{margin-top:17px;min-height:42px;width:100%}.helper{font-size:.77rem;color:var(--muted);margin:12px 0}.text-link{border:0;background:transparent;color:#475862;padding:0;min-height:27px;font-size:.79rem}.text-link .icon{width:14px}.text-link:hover{background:transparent;text-decoration:underline}
[role=status]:empty{display:none}[data-account-status]{font-size:.85rem;color:#7b4030;margin-top:8px}
/* The galleries place chat and app side by side. History opens separately. */
#app:has(.workspace){height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.workspace{width:100%;max-width:1920px;margin:0 auto;min-height:0;display:grid;grid-template-columns:clamp(350px,34vw,465px) minmax(0,1fr);gap:14px;padding:16px}
.studio-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.pane-head{display:flex;align-items:center;gap:10px;padding:13px 16px;min-height:65px;border-bottom:1px solid var(--hair);background:#ffffff6b}.pane-title{flex:1;min-width:0}.pane-title h1,.pane-title h2{font-size:1.05rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane-title small{display:block;font-size:.74rem;color:var(--muted);line-height:1.45;margin-top:2px;overflow-wrap:anywhere}
.new-chat{background:var(--wash);color:#263d48}.new-chat .icon{width:15px}.pane-icon,.gate-mark{width:34px;height:34px;border-radius:10px;background:var(--tint);display:inline-grid;place-items:center;color:#3d5960}
.tools{position:relative;background:#f5f8faad;border-bottom:1px solid var(--hair);flex:none;max-height:39%;overflow:auto}.tools summary{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 15px;font-size:.76rem;font-weight:600;color:var(--muted);cursor:pointer;list-style:none}.tools summary::-webkit-details-marker{display:none}.tools summary .icon{width:14px;height:14px}.tools summary .icon:last-child{margin-left:auto}.tools[open] summary .icon:last-child{transform:rotate(180deg)}
.connection-dot{width:6px;height:6px;border-radius:50%;background:#8b959e}.connection-dot[data-ready=true]{background:#498469}.tool-content{padding:2px 16px 13px}.tool-status,.actions-row,.tool-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tool-status{font-size:.82rem;justify-content:space-between}.tool-content button{min-height:28px;font-size:.76rem}.tool-options{margin:8px 0}.tool-options label{flex:1;min-width:98px}.tool-options select{padding:5px 7px}
.chat-scroll{min-height:0;overflow:auto;flex:1;padding:17px 15px;overscroll-behavior:contain;scrollbar-width:thin}.message{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:var(--tint);color:#435965;flex:none}.avatar>.icon{width:16px;height:16px}
.message-body{max-width:87%;min-width:0}.message-body>small{display:block;color:var(--muted);font-size:.72rem;margin:2px 0 4px}.bubble{overflow-wrap:anywhere;padding:10px 13px;border:1px solid var(--hair);border-radius:2px 15px 15px 15px;background:#fffffff2;font-size:.91rem;line-height:1.62;box-shadow:0 2px 6px #33495607}.bubble p{margin-top:3px}.bubble b{font-weight:650}.message.mine{justify-content:flex-end}.mine small{text-align:right}.mine .bubble{background:var(--tint);border-radius:15px 3px 15px 15px}.bubble button{display:flex;margin-top:6px;min-height:28px;font-size:.78rem}.bubble code{background:#e7edf1;border-radius:3px;padding:1px 3px}.result-link .icon{width:14px}
.composer{flex:none;border-top:1px solid var(--hair);background:#f9fbfcaa;padding:12px 14px}.ideas{display:flex;gap:5px;flex-wrap:wrap}.composer .ideas{margin-bottom:9px;max-height:90px;overflow:auto;scrollbar-width:thin}.chip{min-height:26px;padding:4px 9px;border-radius:20px;font-size:.75rem;font-weight:500;overflow-wrap:anywhere}.chip .icon{width:13px;height:13px}.chip[aria-pressed=true],.guide-chip{background:var(--tint);font-weight:650}.write-row{display:flex;align-items:flex-end;gap:8px;padding:8px;background:white;border:1px solid #b9c6cf;border-radius:13px}.write-row:focus-within{border-color:#7595a8;box-shadow:0 0 0 2px #789aab25}.write-row textarea{flex:1;resize:none;border:none;padding:3px 4px;background:none;font-size:.9rem;border-radius:3px}.write-row textarea:focus-visible{outline:none}.send-btn{min-height:36px;width:38px;padding:0}.compose-foot{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--muted)}.compose-foot:has(span:not(:empty)){margin-top:6px}
.preview-tools{display:flex;gap:6px}.preview-tools button{font-size:.78rem}.preview-tools .icon{width:15px}.version-bar{min-height:35px;display:flex;align-items:center;gap:10px;padding:4px 16px;border-bottom:1px solid var(--hair)}.version-label{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--muted);flex:none}.version-label .icon{width:14px}.version-list{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:thin}.version-list small{color:var(--muted);font-size:.75rem}.version-list button{min-height:25px;padding:3px 10px;white-space:nowrap;border-radius:20px;font-size:.77rem}.version-list button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:transparent}
.canvas{flex:1;min-height:0;display:grid;place-items:stretch;background:white;isolation:isolate}.canvas:has(.empty-canvas){background:linear-gradient(145deg,#f7f9fc,#f2f6f7 65%,var(--wash))}.canvas iframe{width:100%;height:100%;border:0;background:#fff}.empty-canvas{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.empty-canvas::before{inset:18% 12%;opacity:.7;mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}.empty-canvas img{max-width:65%;height:auto}.empty-canvas h3{font-size:1.23rem;margin:7px 0}.empty-canvas p{font-size:.85rem;color:var(--muted);word-break:keep-all}.preview>[data-error]:not(:empty){padding:7px 15px;background:#fff0e8;color:#7b4030;font-size:.8rem}
.workspace.expanded .preview{position:fixed;inset:0;border-radius:0;z-index:9}.mobile-tabs{display:none}
.rooms{position:fixed;inset:0 auto 0 0;margin:0;width:min(365px,91vw);height:100dvh;max-height:100dvh;max-width:none;padding:0;border-radius:0 18px 18px 0;background:#f5f8fa;color:var(--ink)}
.rooms::backdrop,.modal::backdrop{background:#25364755}.drawer-body{padding:24px 18px}.drawer-body header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.drawer-body .pane-title h2{font-size:1.36rem}.drawer-body .pane-title small{margin-bottom:2px}.drawer-body [data-room-count]{font-size:.82rem;color:var(--muted)}.drawer-body>.new-chat{width:100%;margin-bottom:15px}.room{display:flex;align-items:center;gap:2px;border-radius:10px;padding:5px;margin-bottom:4px}.room.chosen{background:var(--tint)}.room button{border:0;background:none}.room button:first-child{flex:1;min-width:0;display:block;text-align:left}.room b,.room small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room small{font-size:.72rem;font-weight:400;color:var(--muted);margin-top:2px}.room .icon{width:15px}.room button:hover{background:#ffffffc0}
.guide-inline{background:var(--wash);padding:14px;border:1px solid var(--hair);border-radius:14px;font-size:.87rem}.guide-inline h2{font-size:1.05rem;margin:6px 0 12px}.guide-inline footer,.modal footer,.brand-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.guide-inline form{margin:10px 0}.guide-inline .chip{background:white}.guide-inline .chip[aria-pressed=true]{background:var(--tint)}
/* Owner and device settings use the same surfaces and controls. */
.page{max-width:850px;margin:32px auto;padding:0 18px}.page>.panel,.modal{padding:clamp(20px,3vw,32px)}.page>.panel{margin:16px 0}.page h1{font-size:1.75rem}.page h2,.modal h2{font-size:1.2rem;margin:0 0 8px}.page p,.modal p{margin:8px 0;color:var(--muted)}.page label,.modal label{margin:11px 0}.page form,.modal form{max-width:100%}.page pre{white-space:pre-wrap;overflow-wrap:anywhere}
.entry,.studio-remote-gate{max-width:530px;margin:40px auto!important}.entry h1{margin:12px 0}.entry .btn,.studio-remote-gate .btn{margin:8px 0}.modal{width:min(560px,94vw);max-height:86dvh;overflow:auto;color:var(--ink);background:#f6f9fc}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:15;background:#273842;color:white;border-radius:10px;padding:10px 16px;max-width:90vw}
.brand-preview{display:flex;align-items:center;gap:10px}.brand-preview img{width:44px;height:44px;object-fit:contain}.brand-form input[type=color]{width:64px;padding:2px}.share-editor{min-width:0;border:1px solid var(--hair);border-radius:12px;padding:16px;margin:16px 0}.share-editor legend{font-weight:650}.share-preview{width:min(100%,335px);overflow:hidden;border-radius:12px;border:1px solid var(--hair);background:#fff;margin:12px 0}.share-preview canvas,.share-preview img{display:block;width:100%;height:auto}.share-preview>div{padding:10px 14px}.share-preview p,.share-preview strong{overflow-wrap:anywhere}.muted{color:var(--muted)}
/* Owner usage report: who used the studio, how much, and on what. */
.activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.activity-head h2{margin:4px 0 0}.activity-panel h3{font-size:1rem;margin:22px 0 8px}
.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:16px 0 4px}.activity-stat{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--hair);border-radius:13px;background:#ffffffb8}.activity-stat span{font-size:.78rem;font-weight:600;color:var(--muted)}.activity-stat strong{font-size:1.55rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.activity-stat small{margin-left:4px;font-size:.78rem;font-weight:500;color:var(--muted)}
.activity-people,.activity-feed,.activity-jobs{list-style:none;padding:0;margin:0}.activity-person{margin-bottom:7px;overflow:hidden;border:1px solid var(--hair);border-radius:13px;background:#ffffff9e}
.activity-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name icon" "figures icon";gap:5px 12px;padding:11px 14px;border:0;border-radius:0;background:none;text-align:left;font-weight:400}.activity-row:hover{background:#fff}.activity-row>.icon{grid-area:icon;transition:transform .15s}.activity-row[aria-expanded=true]>.icon{transform:rotate(180deg)}
.activity-name{grid-area:name;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.95rem;overflow-wrap:anywhere}.activity-name small{font-size:.74rem;font-weight:500;color:var(--muted)}
.activity-figures{grid-area:figures;display:flex;flex-wrap:wrap;gap:3px 14px;font-size:.82rem;font-variant-numeric:tabular-nums}.activity-figures small{margin-right:2px;font-size:.74rem;color:var(--muted)}
.activity-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 2px}.activity-feed li>.btn{min-height:28px;font-size:.76rem}
.activity-detail{padding:4px 14px 14px;border-top:1px solid var(--hair);background:#f8fafcb3;font-size:.86rem}.activity-room{padding-top:10px}.activity-room h4{margin:4px 0;font-size:.92rem;overflow-wrap:anywhere}.activity-room h4 small{font-size:.76rem;font-weight:500;color:var(--muted)}.activity-room>p{margin:2px 0;font-size:.78rem}
.activity-jobs li,.activity-feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 10px;padding:8px 0;border-bottom:1px dashed var(--hair)}.activity-jobs li:last-child,.activity-feed li:last-child{border-bottom:0}.activity-feed li.activity-empty,.activity-people .activity-empty{display:block;padding:6px 0;font-size:.86rem;color:var(--muted)}
.activity-jobs p,.activity-feed p{margin:0;color:var(--ink)}.activity-ask{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;font-size:.86rem}.activity-jobs small{font-size:.74rem;color:var(--muted)}.activity-jobs .btn{min-height:28px;font-size:.76rem}
.activity-feed time{font-size:.75rem;color:var(--muted);white-space:nowrap}.activity-feed .text-link{min-height:0;font-size:.86rem;font-weight:650;color:var(--ink)}.page .activity-note{font-size:.76rem}
.activity-tag{display:inline-block;padding:2px 8px;border-radius:20px;background:#e7edf1;color:#3e505b;font-size:.72rem;font-weight:650;white-space:nowrap}.activity-tag.ok{background:#e1f0e7;color:#2d6046}.activity-tag.busy{background:#fdf0d4;color:#7a5413}.activity-tag.bad{background:#fbe5df;color:#86392a}.activity-tag.muted{background:#eceff2;color:#5f6c76}
/* Settings areas, model routing and the engine map. Model hues passed the all-pairs color-vision check. */
.studio-settings{--engine-opus:#2a78d6;--engine-sonnet:#eb6834;--engine-haiku:#1baf7a;--engine-fable:#3d3c39;--engine-other:#898781}
.settings-tabs{position:sticky;top:6px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;padding:6px;border-radius:13px;background:#eef2f5e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
[data-owner-classroom]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:0 12px;align-items:end}[data-owner-classroom]>label:has(input[type=checkbox]),[data-owner-classroom]>button{grid-column:1/-1}[data-owner-classroom]>button{justify-self:start;margin-top:6px}.settings-tabs .btn[aria-pressed=true]{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.route{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:4px 12px;margin:12px 0;padding:8px 14px 12px;border:1px solid var(--hair);border-radius:12px}.route legend{padding:0 4px;font-weight:650}.route legend small{margin-left:4px;font-weight:500;color:var(--muted)}.route label{margin:4px 0}.page .route-same{display:flex;align-items:center;gap:8px}.page .route-note{font-size:.78rem}
.activity-switch{margin:18px 0 12px}.page .manager-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0}.activity-search{margin:0 0 10px}
.engine-chip{--chip:var(--engine-other);--fill:var(--chip);display:inline-grid;place-items:center;flex:none;width:22px;height:22px;min-height:0;padding:0;border:2px solid var(--chip);border-radius:5px;background:var(--fill);color:#fff;font-size:.7rem;font-weight:700;font-style:normal;line-height:1}
.engine-chip.opus{--chip:var(--engine-opus)}.engine-chip.sonnet{--chip:var(--engine-sonnet)}.engine-chip.haiku{--chip:var(--engine-haiku);color:#0b0b0b}.engine-chip.fable{--chip:var(--engine-fable)}
.engine-chip.edit{--fill:#fff;color:#0b0b0b}.engine-chip.failed{--fill:#f0efec;color:#52514e;border:1px dashed #898781}
button.engine-chip:hover{background:var(--fill);border-color:var(--chip);transform:translateY(-1px);box-shadow:0 2px 6px #31465640}button.engine-chip.failed:hover{border-color:#898781}
.engine-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px;font-size:.78rem;color:var(--muted)}.engine-legend span{display:inline-flex;align-items:center;gap:5px}
.engine-map{list-style:none;padding:0;margin:0}.engine-row{display:grid;grid-template-columns:minmax(64px,120px) minmax(0,1fr);gap:4px 10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--hair)}.engine-row .text-link{justify-content:flex-start;min-height:0;font-size:.86rem;font-weight:650;color:var(--ink);overflow-wrap:anywhere;text-align:left}
.engine-chips{display:flex;flex-wrap:wrap;gap:3px}.engine-row small{grid-column:2;font-size:.74rem;color:var(--muted)}
.engine-table-wrap{overflow-x:auto;margin:18px 0 0}.engine-table{width:100%;border-collapse:collapse;font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.engine-table caption{text-align:left;font-weight:650;font-size:.95rem;margin-bottom:6px}
.engine-table th,.engine-table td{padding:6px 8px;border-bottom:1px solid var(--hair);text-align:right}.engine-table thead th{color:var(--muted);font-weight:600;font-size:.74rem}.engine-table tbody th{display:flex;align-items:center;gap:6px;text-align:left;font-weight:600}.engine-table td:nth-child(2),.engine-table thead th:first-child{text-align:left}
.rate-bar{display:inline-block;width:52px;height:6px;margin-right:6px;border-radius:3px;background:#e1e0d9;vertical-align:middle;overflow:hidden}.rate-bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}
@media(max-width:560px){.engine-row{grid-template-columns:minmax(0,1fr)}.engine-row small{grid-column:1}}
@media(max-width:560px){.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.activity-stat{padding:10px 11px}.activity-stat strong{font-size:1.3rem}.activity-jobs li,.activity-feed li{grid-template-columns:auto minmax(0,1fr)}.activity-jobs li>.btn,.activity-feed li>time,.activity-feed li>.btn{grid-column:2;justify-self:start}}
@media(max-width:760px){
  .brandbar{min-height:54px;padding:7px 12px;gap:6px}.brand{gap:7px}.brand img{width:29px;height:29px}.brand strong{font-size:1rem}.brandbar nav{gap:1px}.brandbar nav a{font-size:.78rem;padding:7px}.brandbar nav .icon{width:15px}
  .workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:8px 8px max(7px,env(safe-area-inset-bottom));gap:7px}.studio-panel{border-radius:14px}
  .workspace[data-pane=chat] .preview,.workspace[data-pane=app] .conversation{display:none}
  .mobile-tabs{display:flex;justify-self:center;width:min(100%,380px);align-items:center;justify-content:center;padding:3px;gap:3px;border-radius:13px;border:1px solid var(--hair);background:#f7fafbe8}
  .mobile-tabs button{flex:1;border:0;background:transparent;font-size:.86rem;min-height:34px;color:var(--muted)}.mobile-tabs button[aria-pressed=true]{background:var(--tint);color:var(--ink)}.mobile-tabs i{width:6px;height:6px;border-radius:50%;background:#44846a}
  .pane-head{min-height:53px;padding:8px 11px}.chat-scroll{padding:13px 10px}.composer{padding:8px 10px}.composer .ideas{max-height:60px}.tools{max-height:38%}.landing{margin:14px auto}.gate-banner{height:81px}.gate-banner img{width:141px;height:82px}.gate-body{padding:17px 22px}.switch{margin:13px 0}.gate h1{font-size:1.55rem}.gate-copy{font-size:.85rem}.page{padding:0 12px}
}
@media(max-width:380px){.brandbar nav .icon,.preview-tools span{display:none}.preview-tools button{width:34px;padding:0}.pane-head{gap:6px}.gate-body{padding:16px}.brandbar nav a{padding:6px}}
@media(max-height:550px) and (max-width:760px){.composer .ideas{max-height:30px}.pane-head{min-height:44px}.chat-scroll{padding-block:7px}.composer textarea{height:40px}}
.bubble,.write-row textarea,.chip{word-break:keep-all;overflow-wrap:anywhere}
.gate .switch .btn{padding-inline:4px;white-space:nowrap}
@media(min-width:761px) and (max-height:800px){.landing{margin:20px auto}.gate-banner{height:94px}.gate-banner img{height:90px}.gate-body{padding-block:19px}.gate .switch{margin-block:15px}}
.key-slots{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.key-slots li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--hair);border-radius:12px;background:#ffffffa6}
.key-slots li>div:first-child{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}.key-slots code{font-size:.8rem}.key-slots small{color:var(--muted)}.key-state{font-size:.8rem;font-weight:600}
.key-actions{display:flex;flex-wrap:wrap;gap:6px}.key-add{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px 12px;align-items:end}.key-add button{justify-self:start}.key-mode label{grid-column:1/-1}
.key-mode .route-same{justify-content:flex-start;text-align:left}.key-mode input[type=radio]{flex:none;width:auto;min-height:0;margin:0}
.account-usage-head,.account-usage-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.account-usage-head h2{margin:3px 0 12px}.account-usage-tools label{display:flex;align-items:center;gap:8px}.account-usage-tools small,.account-coverage{color:var(--muted);font-size:.78rem}.account-usage-tools .input{width:auto}
.studio-settings:has([data-server-dashboard]:not([hidden])){max-width:1160px}.page>[data-server-dashboard]{padding:0;border:0;box-shadow:none;background:transparent}.server-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border-radius:20px;background:linear-gradient(125deg,#303d70,#53639b);color:white;box-shadow:0 12px 32px #202e5b24;overflow:hidden}.server-hero h2{font-size:1.85rem;margin:10px 0}.server-hero .eyebrow{color:#d2dafa}.server-hero p{color:#e2e7f7;font-size:.86rem;line-height:1.6}.server-live{display:inline-block;margin-top:12px;padding:7px 11px;border:1px solid #aabfe377;border-radius:20px;background:#ffffff14;color:#d8f7eb;font-size:.76rem}.server-hero-art{display:grid;gap:10px;width:145px;flex:none;transform:rotate(-8deg);margin:0 24px}.server-hero-art span{height:34px;display:block;border:1px solid #c0cdec77;border-radius:8px;background:linear-gradient(110deg,#b8c7ef44,#ffffff0a);box-shadow:8px 8px 0 #17234a30;position:relative}.server-hero-art span:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#a6e8cd;left:14px;top:13px}.server-hero-art span:after{content:'';position:absolute;width:50px;height:3px;background:#dbe3fa77;right:14px;top:15px}.server-toolbar,.server-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:14px 0}.server-toolbar small{font-size:.74rem;color:var(--muted)}.server-toolbar .btn,.server-actions .btn{font-size:.77rem}.server-actions{justify-content:flex-start}.server-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.server-metric{display:grid;gap:8px;padding:20px;border:1px solid var(--hair);border-radius:16px;background:#ffffffab;text-decoration:none;color:var(--ink)}.server-metric:hover{border-color:var(--accent)}.server-metric>span{font-size:.78rem;color:var(--muted)}.server-metric strong{font-size:2rem;font-variant-numeric:tabular-nums;color:#42528a}.server-metric strong small{font-size:.76rem;margin-left:5px;color:var(--muted);font-weight:400}.server-metric em{font-size:.67rem;font-style:normal;color:var(--muted)}.server-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin:14px 0}.server-surface{padding:22px;border-radius:17px;border:1px solid var(--hair);background:#ffffffb3;min-width:0;overflow-wrap:anywhere}.server-surface h3{font-size:1.12rem;margin:4px 0 16px}.server-surface>p{font-size:.77rem;line-height:1.65}.server-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.server-shortcuts a{display:grid;gap:5px;border:1px solid var(--hair);border-radius:10px;padding:12px;text-decoration:none;color:var(--ink);background:#ffffff80}.server-shortcuts a:hover{background:var(--tint)}.server-shortcuts b{font-size:.78rem}.server-shortcuts span{font-size:.7rem;color:var(--muted);line-height:1.5}.server-health-list{margin:0;font-size:.8rem}.server-health-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--hair)}.server-health-list dt{color:var(--muted)}.server-health-list dd{margin:0;text-align:right}.server-memory{margin-top:16px}.server-memory>div{display:flex;justify-content:space-between;font-size:.8rem}.server-memory progress{width:100%;height:10px;accent-color:#4f7f7a;margin:9px 0 4px}.server-memory small{font-size:.72rem;color:var(--muted)}.server-version{font-size:2rem;color:#42528a}.max-login-dialog{width:min(580px,94vw)}.max-login-dialog h2{margin:7px 0 12px}.max-login-dialog p,.login-steps{line-height:1.7;font-size:.85rem}.login-steps{padding-left:24px}.login-steps li{margin:7px 0}.max-login-dialog [data-login-status]{background:var(--tint);padding:12px;border-radius:10px}.max-login-dialog form{margin-top:18px}.max-login-dialog label{display:block;font-size:.84rem}.max-login-dialog .input{margin:8px 0 12px}.max-login-dialog footer{justify-content:flex-end}
@media(max-width:820px){.server-layout{grid-template-columns:1fr}.server-hero-art{width:100px;margin-right:4px}.server-hero h2{font-size:1.6rem}}@media(max-width:560px){.server-hero{padding:23px}.server-hero-art{display:none}.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.server-metric{padding:15px}.server-metric strong{font-size:1.7rem}.server-surface{padding:17px}.server-shortcuts{grid-template-columns:1fr}.server-hero h2{font-size:1.4rem}.server-toolbar small{width:100%}}
.studio-settings:has([data-in-tab=accounts]:not([hidden])){max-width:1160px}.account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.account-summary-tile{display:grid;gap:8px;padding:18px;border:1px solid var(--hair);border-radius:16px;background:linear-gradient(130deg,#ffffffd9,#f2f7f5a3);min-width:0}.account-summary-tile>span{color:var(--muted);font-size:.78rem;font-weight:600}.account-summary-tile strong{font-size:2rem;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.account-summary-tile em{font-size:.75rem;font-style:normal;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:4px}.account-summary-tile>small{font-size:.68rem;color:var(--muted);line-height:1.5}.account-summary-tile.working{border-color:#3c817955;background:#e9f4efb3}.account-summary-tile.needs-attention strong{color:#a26137}.account-dashboard-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 22px}.account-dashboard-actions>span{font-size:.76rem;color:var(--muted)}.account-dashboard-actions>div{display:flex;flex-wrap:wrap;gap:8px}.account-dashboard-actions .btn{font-size:.76rem}
.account-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.account-chart{border:1px solid var(--hair);border-radius:16px;padding:18px;background:#ffffff73;min-width:0}.account-chart h3{font-size:.92rem;margin:0 0 5px}.account-chart>p{font-size:.73rem}.account-chart .account-chart-empty{margin:22px 0;color:var(--muted);line-height:1.6}.account-split{margin:13px 0}.account-split>div:first-child{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:.75rem}.account-split span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-split b{white-space:nowrap;font-weight:600}.account-split small{font-weight:400;color:var(--muted);display:inline-block;min-width:34px;text-align:right}.account-split-track{height:7px;background:#dce4e0a3;border-radius:8px;margin-top:6px;overflow:hidden}.account-split-track i{display:block;height:100%;border-radius:8px}.account-chart .account-trend{height:148px;margin:22px 0 4px}.account-detail,.account-help{font-size:.77rem;border-top:1px solid var(--hair);padding-top:12px;line-height:1.6}.account-detail summary,.account-help summary{cursor:pointer;color:var(--muted)}.account-help{margin-top:20px;border:0}.account-manage{font-size:.75rem;margin-top:14px}.account-highlight{outline:2px solid var(--accent);outline-offset:5px}.account-usage-card:has(.quota-critical){border-color:#b7575077}
@media(max-width:820px){.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.account-summary{gap:8px}.account-summary-tile{padding:13px}.account-summary-tile strong{font-size:1.65rem}.account-charts{grid-template-columns:1fr}.account-dashboard-actions>div .btn{flex:1;text-align:center}.account-dashboard-actions>div{width:100%}.account-chart{padding:14px}.account-usage-head .btn{font-size:.76rem}}
.account-plan{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0;padding:16px;border:1px solid var(--hair);background:var(--tint);border-radius:16px}.account-plan>div{flex:1;min-width:180px}.account-plan p{font-size:.82rem;line-height:1.65;margin:6px 0 0}.account-plan a{flex:none}
.account-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px}.account-usage-card{min-width:0;overflow-wrap:anywhere;padding:20px;border:1px solid var(--hair);border-radius:18px;background:#ffffff94;box-shadow:0 6px 22px #152b2810}.account-usage-card header{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.account-usage-card h3{font-size:1rem;margin:0 0 4px}.account-usage-card header small{color:var(--muted);font-size:.75rem}.account-health{font-size:.78rem;color:var(--muted);margin:12px 0}
.account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 8px;margin:18px 0}.account-metrics dt{font-size:.7rem;color:var(--muted)}.account-metrics dd{font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums;margin:4px 0 0}.account-coverage{line-height:1.6;margin:5px 0}.account-models{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.account-models span{font-size:.72rem;background:var(--tint);border-radius:7px;padding:4px 7px}
.account-trend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:18px;height:100px}.account-trend>div{display:grid;grid-template-rows:16px 1fr 20px;align-items:end;gap:3px;text-align:center}.account-trend b,.account-trend small{font-size:.65rem;color:var(--muted);font-weight:500}.account-trend i{display:block;min-height:2px;height:var(--bar);background:var(--accent);opacity:.65;border-radius:4px 4px 0 0}.account-trend small{align-self:start;padding-top:4px}
@media(max-width:560px){.account-usage-card{padding:15px}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-plan{padding:13px}.account-usage-tools>small{width:100%}}
.account-quota{padding:13px;margin:12px 0 18px;border:1px solid var(--hair);border-radius:12px;background:var(--tint)}.account-quota>b{font-size:.85rem}.account-quota p,.account-quota>small{display:block;font-size:.74rem;line-height:1.5;color:var(--muted)}.account-quota .btn{margin-top:8px;font-size:.76rem}.quota-row{margin:10px 0}.quota-row>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem}.quota-row progress{display:block;width:100%;height:9px;margin:6px 0;border:0;border-radius:5px;overflow:hidden;accent-color:var(--accent)}.quota-row progress::-webkit-progress-bar{background:#dfe6e2}.quota-row progress::-webkit-progress-value{background:var(--accent)}.quota-row .quota-warning::-webkit-progress-value{background:#a17b34}.quota-row .quota-critical::-webkit-progress-value{background:#b75750}.quota-row small{font-size:.7rem;color:var(--muted)}.max-rename{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:8px}.max-rename label{font-size:.74rem}.max-rename .input{min-width:0;width:180px;max-width:100%;font-size:.82rem}
.account-subscription{display:grid;gap:8px;padding:14px;margin:12px 0;border:1px solid var(--hair);border-radius:12px;background:#eef5f180;min-width:0}
.account-subscription>span{font-size:.76rem;color:var(--muted)}.account-subscription>div{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.account-subscription strong{font-size:1.12rem;font-variant-numeric:tabular-nums}.account-subscription b{font-size:.72rem;padding:4px 8px;border-radius:20px;background:#dcebe6}.account-subscription small{font-size:.67rem;color:var(--muted);line-height:1.5}.account-subscription.urgent{border-color:#bd665466;background:#fff0e680}.account-subscription.urgent b{background:#f8dfd1;color:#81442e}.account-subscription.soon b{background:#f4e9bc;color:#756022}.account-subscription.unknown b{background:#e6eae8;color:var(--muted)}
.max-subscription-form{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.max-subscription-form label{display:grid;gap:5px;font-size:.74rem;min-width:0}.max-subscription-form .input{max-width:100%;min-width:0;font-size:.82rem}.key-slots [data-max-subscription]{max-width:100%}@media(max-width:560px){.max-subscription-form label{flex:1 1 130px}.max-subscription-form .input{width:100%;box-sizing:border-box}}

/* Host-owned device permission and capture controls, outside generated apps. */
.device-consent{width:min(490px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;padding:25px;border:1px solid var(--hair);border-radius:20px;color:var(--ink);background:var(--paper,#fff);overflow:auto}
.device-consent h2{font-size:1.2rem;margin:0 0 12px}.device-consent p{font-size:.86rem;line-height:1.7}.device-consent .device-app-name{font-weight:700;overflow-wrap:anywhere;padding:10px 12px;background:#eaf1ee;border-radius:9px;color:#254c40}.device-consent footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px}.device-consent::backdrop{background:#142b3c70;backdrop-filter:blur(5px)}
.device-status{position:fixed;bottom:12px;right:12px;z-index:1000;width:min(460px,calc(100vw - 24px));display:grid;gap:7px;color:#173e32}
.device-status>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #9cbdac;border-radius:14px;background:#f6fffaf5;box-shadow:0 5px 30px #13362426;backdrop-filter:blur(14px)}.device-status span{display:grid;grid-template-columns:8px 1fr;gap:3px 8px;min-width:0}.device-status strong{font-size:.83rem}.device-status small{grid-column:2;font-size:.72rem;overflow-wrap:anywhere}.device-status i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#1d8b5e}.device-status button{flex-shrink:0;background:white;color:#204438;border:1px solid #a5bdb1;font-size:.78rem}
.device-status.in-dialog{position:sticky;bottom:0;margin:10px 0 0 auto;width:100%;box-sizing:border-box}

.activity-allowance{padding:0 14px 12px;display:flex;justify-content:flex-end}.activity-allowance .btn{font-size:.78rem;border-color:#a5bbb4;background:#eef7f2;color:#214d3e}
.usage-editor{min-width:0}.usage-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-editor header h2{margin:0}.usage-member strong{color:var(--ink);overflow-wrap:anywhere}.usage-summary{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;background:#edf5f1;padding:16px;border:1px solid #b7cfc3;border-radius:14px;color:#214d3e}.usage-summary>div{display:grid;gap:4px}.usage-summary strong{font-size:2rem;font-variant-numeric:tabular-nums}.usage-summary small,.usage-summary span{font-size:.76rem}.usage-editor form{display:grid;gap:10px;margin:16px 0}.usage-editor h3{font-size:.98rem;margin:0}.usage-editor label{display:grid;gap:5px;margin:0}.usage-presets{display:flex;gap:8px;flex-wrap:wrap}.usage-editor form>small{font-size:.75rem;color:var(--muted)}.usage-reset{border-top:1px solid var(--hair);padding-top:16px;margin:16px 0}.usage-editor .usage-warning{background:#fff1d7;padding:10px;border-radius:9px;color:#7b501b}.usage-editor [data-usage-note]{min-height:1.5em;font-weight:650;color:#235b43}.usage-editor details{font-size:.82rem}.usage-editor [data-preview]{margin:0;font-size:.85rem}