.offline-studio{height:100dvh;min-height:0}
.offline-studio h1,.offline-studio p{margin:0}
.offline-studio a{color:inherit;text-decoration:none}
.offline-studio .workspace-nav button{padding:8px 18px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);font-size:13px;white-space:nowrap}
.offline-studio .workspace-nav button.active{background:var(--bg);color:var(--brand-strong);box-shadow:0 1px 3px #06102d12;font-weight:600}
.offline-studio .workspace-actions .stage-button{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);text-decoration:none}
.offline-studio .workspace-actions .primary{background:var(--brand);color:white}
.offline-studio .slide-preview-canvas{aspect-ratio:16/10;min-height:0}
.offline-studio .slide-preview-canvas img{width:100%;height:auto;aspect-ratio:16/9}
.offline-studio .notes-editor textarea{font-family:var(--font-display);outline:none}
.offline-studio .notes-count{line-height:1.8}
.offline-studio .notes-knowledge span{color:var(--brand)}
.offline-studio .playback-toolbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 14px}
.offline-studio .playback-toolbar .stage-button{height:38px;font-size:13px;padding:0 14px;min-width:0}
.offline-studio #time{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}
.offline-studio .caption-panel{margin:0 auto 22px;max-width:960px;padding:18px 22px;background:var(--bg);border:1px solid var(--border);border-radius:14px}
.offline-studio .caption-heading{font-size:12px;color:var(--brand);display:block;margin-bottom:8px}
.offline-studio #caption{font-size:15px;line-height:1.9;min-height:58px;color:var(--text)}
.offline-studio .playback-track{height:3px;margin-top:14px;background:var(--bg-muted);overflow:hidden;border-radius:3px}
.offline-studio #progress{display:block;height:100%;width:0;background:var(--brand)}
.offline-studio .offline-avatar{padding:0 16px 18px;overflow:auto;flex:1;min-height:0}
.offline-studio .avatar-stage{aspect-ratio:1;background:var(--bg-muted);border-radius:14px;overflow:hidden;position:relative}
.offline-studio .avatar-stage video{display:block;width:100%;height:100%;object-fit:contain}
.offline-studio .avatar-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding:14px 0;border-bottom:1px solid var(--border)}
.offline-studio .status-dot{width:6px;height:6px;border-radius:50%;background:var(--brand)}
.offline-studio .current-script h2{font-size:13px;font-weight:500;margin:18px 0 10px}
.offline-studio .current-script p{font-size:13px;color:var(--text-muted);line-height:1.9}
.offline-studio .slide-layout{grid-template-columns:160px minmax(0,1fr) 310px}
.offline-studio.present-mode .slide-layout{grid-template-columns:138px minmax(0,1fr) 300px}
.offline-studio.present-mode .slide-preview-canvas{aspect-ratio:16/9;margin-top:8px}
.offline-studio .slide-pagination button{border:1px solid var(--border)}
.offline-studio .slide-preview-panel{scrollbar-width:thin}
@media(max-width:1050px){
 .offline-studio .workspace-header-inner{padding:12px 18px;gap:14px;grid-template-columns:auto 1fr auto}
 .offline-studio .workspace-nav{justify-self:center}
 .offline-studio .workspace-brand>span{display:none}
 .offline-studio .workspace-logo{width:114px}
 .offline-studio .workspace-actions>a{display:none}
 .offline-studio .slide-layout,.offline-studio.present-mode .slide-layout{grid-template-columns:100px minmax(0,1fr) 250px}
 .offline-studio .slide-preview-panel{padding:0 14px 18px}
}
@media(max-width:720px){
 html,body{overflow:auto;height:auto}
 .offline-studio{min-height:100dvh;height:auto;overflow:visible}
 .offline-studio .workspace-header-inner{grid-template-columns:1fr auto;gap:8px;min-height:72px}
 .offline-studio .workspace-nav{grid-row:2;grid-column:1/-1;justify-self:center}
 .offline-studio .workspace-actions{grid-column:2;grid-row:1}
 .offline-studio .slide-workspace-heading{padding:16px;display:block}
 .offline-studio .slide-workspace-heading>div{gap:8px}
 .offline-studio .slide-workspace-heading h1{font-size:14px}
 .offline-studio .offline-state{display:block;margin-top:6px;font-size:11px}
 .offline-studio .slide-layout,.offline-studio.present-mode .slide-layout{display:flex;flex-direction:column}
 .offline-studio .slide-sidebar{border:0;border-bottom:1px solid var(--border)}
 .offline-studio .slide-sidebar>.panel-heading{display:none}
 .offline-studio .slide-thumbnails{display:flex;gap:6px;overflow:auto;padding:10px 12px}
 .offline-studio .slide-thumb{width:110px;flex:none;margin:0}
 .offline-studio .slide-preview-canvas{aspect-ratio:16/9;margin-top:8px}
 .offline-studio .slide-notes{border:0;min-height:360px}
 .offline-studio .notes-editor textarea{min-height:230px;font-size:16px}
 .offline-studio .keyboard-hint{display:none}
 .offline-studio .slide-preview-panel{overflow:visible;padding-bottom:20px}
 .offline-studio .offline-avatar{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;overflow:visible}
 .offline-studio .avatar-status{grid-column:1;grid-row:2;font-size:11px}
 .offline-studio .current-script{grid-column:2;grid-row:1/3}
 .offline-studio .current-script h2{margin:0 0 8px}
 .offline-studio #caption{font-size:14px}
}

.offline-studio #avatar-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.offline-studio #avatar-cover[hidden]{display:none}