html[data-surface]{font-family:var(--body-family);background:var(--bg)}
html[data-surface] body{background:var(--bg);color:var(--ink)}
html[data-surface] h1,html[data-surface] .modal-header h2,html[data-surface] .empty-stage h2{font-family:var(--title-family)}
html[data-surface] .video-stage,html[data-surface] .chat-panel,html[data-surface] .admin-card,html[data-surface] .stat-card,html[data-surface] dialog{border-radius:var(--panel-radius);box-shadow:var(--card-shadow)}
html[data-surface] .button,html[data-surface] .start-button,html[data-surface] .composer button{color:var(--on-accent)}
html[data-surface] .button.secondary{color:var(--ink)}
html[data-surface] .button,html[data-surface] .start-button,html[data-surface] .next-button,html[data-surface] .stop-button,html[data-surface] .control-icon{border-radius:var(--button-radius)}
html[data-surface] .video-stage{background:var(--stage-bg);color:var(--stage-text)}
html[data-surface] .video-stage::before{background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}
html[data-surface] .empty-stage p,html[data-surface] .stage-eyebrow{color:var(--stage-muted)}
html[data-surface] .orb-orange{background:linear-gradient(125deg,var(--orb-one),color-mix(in srgb,var(--orb-one) 70%,#ffffff))}
html[data-surface] .orb-blue{background:linear-gradient(125deg,var(--orb-two),color-mix(in srgb,var(--orb-one) 45%,var(--stage-bg)))}
html[data-surface] .chat-safety{background:var(--accent-soft);border-color:var(--border);color:var(--accent)}
html[data-surface] .mode-switch{background:color-mix(in srgb,var(--ink) 7%,var(--bg))}
html[data-surface] .composer .emoji-button{color:var(--muted);background:transparent}
html[data-surface] .theme-meta{color:var(--muted)}
.theme-gallery-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 20px}.theme-gallery-heading h3{margin:0;font-size:19px}.theme-gallery-heading p{font-size:12px;line-height:1.6;color:var(--muted)}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.theme-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);padding:9px 9px 14px;text-align:left;min-width:0;transition:border-color .15s,transform .15s}
.theme-card:hover{transform:translateY(-2px);border-color:var(--accent)}.theme-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}
.theme-card>strong{display:block;font-size:12px;margin:11px 4px 5px}.theme-meta{display:block;font-size:9px;letter-spacing:.5px;text-transform:uppercase;margin:0 4px}
.theme-description{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin:8px 4px 0;min-height:32px}
.theme-mini{display:block;height:145px;position:relative;overflow:hidden;border-radius:9px;background:var(--mini-background);border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);color:var(--mini-ink)}
.mini-top{position:absolute;inset:0 0 auto 0;height:22px;background:var(--mini-surface);display:flex;justify-content:space-between;align-items:center;padding:0 9px;border-bottom:1px solid color-mix(in srgb,var(--mini-ink) 10%,transparent)}
.mini-brand{font-size:10px;font-weight:800;letter-spacing:-.5px}.mini-dots{font-size:9px;color:var(--mini-accent)}
.mini-rail{position:absolute;left:0;top:22px;bottom:0;width:18px;background:var(--mini-surface);white-space:pre;line-height:19px;font-size:12px;color:var(--mini-accent);text-align:center;padding-top:9px}
.mini-content{position:absolute;left:25px;right:8px;top:31px;bottom:8px;display:grid;grid-template-columns:1fr 32%;grid-template-rows:1fr 16px;gap:5px}
.mini-video{display:flex;background:var(--mini-stage);color:var(--mini-soft);border-radius:var(--mini-radius);align-items:center;justify-content:center;font-family:Georgia,serif;font-size:20px;letter-spacing:-1px}
.mini-chat{background:var(--mini-surface);border-radius:var(--mini-radius);padding:10px 5px;display:flex;flex-direction:column;gap:5px}.mini-chat i{height:5px;width:85%;background:var(--mini-soft);border-radius:5px}.mini-chat i:nth-child(2){align-self:flex-end;width:70%;background:var(--mini-accent)}
.mini-control{background:var(--mini-accent);color:var(--mini-background);font-size:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;grid-column:1;min-width:0}
.theme-card[data-layout=split] .mini-video{grid-column:2;grid-row:1}.theme-card[data-layout=split] .mini-chat{grid-column:1;grid-row:1}.theme-card[data-layout=lounge] .mini-rail{display:none}.theme-card[data-layout=lounge] .mini-content{left:8px}.theme-card[data-layout=cinematic] .mini-content,.theme-card[data-layout=focus] .mini-content{grid-template-columns:1fr 23%}
.theme-card[data-layout=editorial] .mini-top{height:30px}.theme-card[data-layout=editorial] .mini-content{top:38px}.theme-card[data-layout=editorial] .mini-brand{font-family:Georgia,serif}.theme-card[data-layout=floating] .mini-rail{inset:30px auto 9px 5px;border-radius:8px;width:14px}.theme-card[data-layout=glass] .theme-mini{background:linear-gradient(145deg,var(--mini-background),var(--mini-soft))}
.mini-stats{grid-column:1/-1;display:flex;gap:5px;align-self:start}.mini-stats i{flex:1;background:var(--mini-surface);padding:9px 4px;border-radius:5px;font-size:13px;color:var(--mini-accent);font-style:normal}.mini-panel{grid-column:1/-1;background:var(--mini-surface);display:flex;flex-direction:column;gap:7px;padding:10px;min-height:52px;border-radius:var(--mini-radius)}.mini-panel i{height:4px;background:var(--mini-soft);width:95%;border-radius:2px}.mini-panel i:nth-child(2){width:60%;background:var(--mini-accent)}
.theme-card[data-layout=sidebar] .mini-rail{width:36px}.theme-card[data-layout=sidebar] .mini-content{left:43px}.theme-card[data-layout=ledger] .mini-stats i,.theme-card[data-layout=ledger] .mini-panel{border-radius:0;border-bottom:1px solid var(--mini-accent)}.theme-card[data-layout=bento] .mini-content{grid-template-columns:1fr 1fr}.theme-card[data-layout=compact] .mini-top{height:17px}.theme-card[data-layout=compact] .mini-content{top:24px}
.theme-dialog{width:min(1000px,calc(100vw - 30px))}.theme-dialog .modal-copy{max-width:730px}.theme-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0;flex-wrap:wrap}.theme-toolbar .field{margin:0;min-width:140px}.theme-toolbar .button{white-space:nowrap}
html[data-surface=site][data-site-layout=focus] .conversation{grid-template-columns:minmax(0,1fr) 275px;height:min(67vh,690px)}
html[data-surface=site][data-site-layout=cinematic] .conversation{grid-template-columns:minmax(0,1fr) 285px;height:min(70vh,750px)}
html[data-surface=site][data-site-layout=cinematic] main{max-width:1800px}html[data-surface=site][data-site-layout=cinematic] .page-title{margin-bottom:16px}
html[data-surface=site][data-site-layout=split] .conversation{grid-template-columns:310px minmax(0,1fr)}html[data-surface=site][data-site-layout=split] .chat-panel{grid-column:1;grid-row:1}html[data-surface=site][data-site-layout=split] .video-stage{grid-column:2;grid-row:1}
html[data-surface=site][data-site-layout=editorial] h1{font-size:38px;font-weight:500}html[data-surface=site][data-site-layout=editorial] main{max-width:1400px}html[data-surface=site][data-site-layout=editorial] .topbar{border-bottom-color:var(--ink)}
html[data-surface=site][data-site-layout=compact] .topbar{height:70px}html[data-surface=site][data-site-layout=compact] main{padding-top:23px}html[data-surface=site][data-site-layout=compact] .conversation{height:min(56vh,530px);grid-template-columns:minmax(0,1fr) 290px}
html[data-surface=site][data-site-layout=floating] .rail{top:18px;left:16px;bottom:18px;border:1px solid var(--border);border-radius:25px;width:73px;box-shadow:var(--card-shadow)}html[data-surface=site][data-site-layout=floating] .workspace{margin-left:108px;width:calc(100% - 108px)}html[data-surface=site][data-site-layout=floating] .topbar{background:transparent;border-bottom:0}
html[data-surface=site][data-site-layout=edge] .video-stage,html[data-surface=site][data-site-layout=edge] .chat-panel{border:2px solid var(--ink)}html[data-surface=site][data-site-layout=edge] .wordmark{font-weight:900}html[data-surface=site][data-site-layout=edge] h1{text-transform:uppercase;font-size:27px;letter-spacing:-.8px}
html[data-surface=site][data-site-layout=lounge] .rail{display:none}html[data-surface=site][data-site-layout=lounge] .workspace{margin-left:0;width:100%}html[data-surface=site][data-site-layout=lounge] main{max-width:1450px}html[data-surface=site][data-site-layout=lounge] .topbar{padding-inline:max(30px,calc((100vw - 1366px)/2))}html[data-surface=site][data-site-layout=lounge] .start-button{border-radius:50px;padding-inline:28px}
html[data-surface=site][data-site-layout=glass] body{background:radial-gradient(ellipse at 90% 0%,var(--accent-soft),transparent 45%),var(--bg)}html[data-surface=site][data-site-layout=glass] .topbar,html[data-surface=site][data-site-layout=glass] .rail{background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(18px)}
html[data-surface=admin] .admin-page{max-width:1240px}html[data-surface=admin] .admin-top{padding-bottom:20px;border-bottom:1px solid var(--border)}html[data-surface=admin] .stat-card strong{font-family:var(--title-family);color:var(--accent)}html[data-surface=admin] .admin-nav button.selected{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}html[data-surface=admin] .admin-card{min-width:0}html[data-surface=admin] .admin-card pre{font-size:11px}
html[data-surface=admin][data-admin-layout=sidebar] .admin-page{margin-left:230px;max-width:none;padding-left:20px}html[data-surface=admin][data-admin-layout=sidebar] .admin-nav{position:fixed;left:22px;top:165px;width:190px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius);padding:15px;gap:8px}html[data-surface=admin][data-admin-layout=sidebar] .admin-nav button{text-align:left;border-color:transparent}
html[data-surface=admin][data-admin-layout=compact] .admin-page{padding:20px;max-width:1480px}html[data-surface=admin][data-admin-layout=compact] .admin-card{padding:16px}html[data-surface=admin][data-admin-layout=compact] .stat-card{padding:12px 17px}html[data-surface=admin][data-admin-layout=compact] .admin-top h1{font-size:25px}
html[data-surface=admin][data-admin-layout=ledger] .admin-card,html[data-surface=admin][data-admin-layout=ledger] .stat-card{box-shadow:none;border:0;border-bottom:1px solid var(--border);border-radius:0}html[data-surface=admin][data-admin-layout=ledger] .admin-top h1{font-size:34px}html[data-surface=admin][data-admin-layout=ledger] .stat-grid{gap:1px;background:var(--border)}html[data-surface=admin][data-admin-layout=ledger] .admin-card{margin-block:1px 20px}
html[data-surface=admin][data-admin-layout=bento] #adminContent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-surface=admin][data-admin-layout=bento] .stat-grid{grid-column:1/-1}html[data-surface=admin][data-admin-layout=bento] .admin-card{margin:0}html[data-surface=admin][data-admin-layout=bento] .appearance-card,html[data-surface=admin][data-admin-layout=bento] .admin-card:has(form){grid-column:1/-1}
.admin-quick-theme{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.admin-quick-theme label{font-size:11px;color:var(--muted)}.admin-quick-theme select{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:9px;padding:8px;max-width:200px}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){html[data-surface=site][data-site-layout] .workspace{margin-left:0;width:100%}html[data-surface=site][data-site-layout] .rail{display:none}html[data-surface=admin][data-admin-layout] .admin-page{margin-left:auto;width:100%;padding:20px}html[data-surface=admin][data-admin-layout] .admin-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;width:auto;padding:10px}html[data-surface=admin][data-admin-layout] #adminContent{display:block}html[data-surface=admin][data-admin-layout] .admin-card{margin:15px 0}}
@media(max-width:700px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-mini{height:125px}.theme-description{display:none}.theme-dialog{padding:20px}.theme-gallery-heading{align-items:flex-start}html[data-surface=site][data-site-layout] .conversation{display:flex;flex-direction:column;height:auto}html[data-surface=site][data-site-layout] .video-stage{height:390px;min-height:340px}html[data-surface=site][data-site-layout] h1{font-size:23px;text-transform:none}html[data-surface=site][data-site-layout] .topbar{height:66px;padding-inline:18px}html[data-surface=site][data-site-layout] main{padding:24px 16px 0}}
@media(prefers-reduced-motion:reduce){.theme-card{transition:none}.theme-card:hover{transform:none}}