/* Lesson workspace: a shared stage, a persistent notebook and private teacher tools. */
body.lesson-focus { overflow: hidden; background: #f0f2ec; }
.lesson-focus .app-main { margin-left: 0; min-height: 100dvh; }
.lesson-focus .main-content.classroom-page { padding: 14px 18px 16px; max-width: none; margin: 0; }
.cl-studio { max-width: none; }
.cl-studio-live { height: calc(100dvh - 30px); display: flex; flex-direction: column; gap: 14px; }
.cl-studio-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.cl-studio-live .cl-studio-heading { flex: 0 0 50px; margin-bottom: 0; }
.cl-studio-heading .cl-heading-left { gap: 12px; }
.cl-studio-title { min-width: 0; }
.cl-studio-title h1 { font: 500 22px/1.25 Georgia,serif; letter-spacing: -.4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; }
.cl-studio-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 3px; color: #7c887d; font-size: 9px; letter-spacing: 1.5px; font-weight: 700; }
.cl-brand-word { font-family: 'DM Sans',sans-serif; color: #294b3d; font-size: 15px; letter-spacing: -.5px; }
.cl-brand-word>span { color: #cf956b; }
.cl-studio-heading-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.cl-studio-person { font-size: 12px; text-align: right; line-height: 1.45; color: #3d5348; }
.cl-studio-person small { display: block; font-size: 11px; color: #7d897e; }
.cl-studio .cl-homework-shortcut,.cl-studio .cl-finish-button { min-height: 36px; font-size: 12px; padding: 8px 12px; border-radius: 9px; gap: 6px; }
.cl-homework-shortcut { color: #617064; }
.cl-homework-shortcut.is-selected { background: #e1e8d7; }
.cl-student-presence { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #607d64; }
.cl-studio-workspace { display: grid; --studio-rail-width: 318px; grid-template-columns: minmax(0,1fr) var(--studio-rail-width); gap: 16px; align-items: stretch; min-height: 0; flex: 1; }
.cl-studio-main { display: flex; flex-direction: column; gap: 12px; min-width: 0; min-height: 0; }
.cl-studio-main>.lesson-call { margin: 0; }
.cl-stage-frame { display: flex; flex-direction: column; flex: 1; min-height: 260px; overflow: hidden; border: 1px solid #dfe5da; border-radius: 15px; box-shadow: 0 3px 14px #2b4b3410; background: #fffefb; }
.cl-studio-live .cl-stage-frame { min-height: 0; }
.cl-stage-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 0 0 44px; padding: 9px 22px; border-bottom: 1px solid #e8eade; background: #fffefa; font-size: 12px; color: #6b7869; }
.cl-stage-toolbar>span { display: flex; align-items: center; gap: 8px; }
.cl-stage-toolbar .text-btn { font-size: 12px; }
.cl-stage-visibility { font-size: 11px; color: #67825f; }
.cl-stage-visibility i { width: 6px; height: 6px; border-radius: 50%; background: #7a9e65; }
.cl-stage-scroll { overflow: auto; overscroll-behavior: contain; flex: 1; min-height: 0; scrollbar-width: thin; scrollbar-color: #cbd6c2 transparent; }
.cl-stage-empty { min-height: 370px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; text-align: center; background: radial-gradient(ellipse at 50% 35%,#eff2e466,transparent 65%); }
.cl-stage-empty-symbol { height: 76px; width: 76px; display: grid; place-items: center; border-radius: 25px; background: #edf1e2; color: #749166; margin-bottom: 24px; transform: rotate(-5deg); }
.cl-stage-eyebrow { font-size: 9px; letter-spacing: 2px; color: #8c9a7c; font-weight: 700; }
.cl-stage-empty h2 { font: 400 clamp(26px,3vw,40px)/1.2 Georgia,serif; letter-spacing: -1px; color: #3c563b; margin: 12px 0; }
.cl-stage-empty p { max-width: 420px; font-size: 14px; line-height: 1.85; color: #85917c; margin: 0 0 22px; }
.cl-stage-empty .btn { min-height: 38px; font-size: 12px; }
.cl-stage-scroll .cl-worksheet { max-width: 1050px; margin: 0 auto; padding: 32px 40px 0; }
.cl-stage-scroll .cl-homework-footer { margin-top: 24px; }
.cl-stage-scroll .cl-worksheet h2 { font-size: clamp(28px,3vw,40px); }
/* Docked cameras participate in the grid, so the stage always reaches its bottom. */
.cl-studio-live .cl-studio-workspace { position: relative; }
.cl-studio-live .cl-studio-workspace[data-call-placement=left] { grid-template-columns: min(var(--call-dock-width,220px),22vw) minmax(0,1fr) var(--studio-rail-width); }
.cl-call-slot-left { display: none; min-width: 0; min-height: 0; }
[data-call-placement=left]>.cl-call-slot-left { display: block; overflow: auto; scrollbar-width: thin; }
.cl-call-slot-notebook { flex: 0 0 auto; min-width: 0; }
.cl-call-slot-notebook:empty { display: none; }
.cl-call-dock-area { width: 100%; min-width: 0; position: relative; }
.cl-studio-workspace[data-dock-dragging=true] { user-select: none; cursor: grabbing; }
.cl-studio-workspace[data-dock-dragging=true]::before,
.cl-studio-workspace[data-dock-dragging=true]::after { position: absolute; z-index: 40; pointer-events: none; border: 2px dashed #7d9d86; border-radius: 14px; background: #dfeddf55; content: ''; }
.cl-studio-workspace[data-dock-dragging=true]::before { inset: 0 auto 0 0; width: var(--call-dock-width,220px); }
.cl-studio-workspace[data-dock-dragging=true]::after { right: 0; bottom: 0; width: var(--studio-rail-width); height: 220px; }
.cl-studio-workspace[data-dock-target=left]::before,
.cl-studio-workspace[data-dock-target=notebook]::after { border-style: solid; border-color: #2b6b56; background: #a5c8af44; }
.cl-studio-live .cl-studio-rail>.dict-quick-search { flex-shrink: 0; }
.cl-studio-live .cl-studio-rail>[data-shared-notes] { min-height: 130px; }
.cl-studio-live .cl-studio-rail>[data-shared-notes] textarea { min-height: 48px; }
.cl-session-companion { padding: 8px 0; min-width: 0; color: #8c9683; }
.cl-session-companion>span { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #7b8b6c; }
.cl-session-companion p { font: 400 22px/1.35 Georgia,serif; color: #708266; margin: 9px 0; }
.cl-session-companion small { font-size: 10px; color: #8c9982; }
.cl-studio-rail { display: flex; flex-direction: column; gap: 12px; min-height: 0; min-width: 0; }
.cl-studio-tools { display: flex; flex-direction: column; overflow: hidden; background: #fbfcf7; border: 1px solid #dfe5d6; border-radius: 14px; min-height: 0; }
.cl-studio-live .cl-studio-tools { flex: 1 1 52%; }
.cl-studio-live .cl-tools-compact { flex: 0 0 auto; }
.cl-tool-tabs { display: flex; align-items: center; gap: 3px; padding: 7px; border-bottom: 1px solid #e5eadc; flex-shrink: 0; }
.cl-tool-tabs button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 7px 9px; color: #859279; font-size: 11px; font-weight: 600; border-radius: 8px; white-space: nowrap; }
.cl-tool-tabs button[aria-selected=true] { background: #e9efdf; color: #45663d; box-shadow: 0 1px 2px #39532a08; }
.cl-tool-tabs button:hover { background: #eef2e7; }
.cl-tool-tabs button[aria-label='Личные заметки'] { margin-left: auto; }
.cl-tool-content { overflow: auto; overscroll-behavior: contain; min-height: 0; flex: 1; scrollbar-width: thin; scrollbar-color: #cbd6c2 transparent; }
.cl-studio .cl-ai-panel { border: 0; box-shadow: none; border-radius: 0; position: static; }
.cl-studio .cl-ai-header { padding: 15px 17px 12px; gap: 10px; }
.cl-studio .cl-ai-header h2 { font-size: 16px; }
.cl-studio .cl-ai-header>div>span { font-size: 11px; }
.cl-studio .cl-ai-symbol { width: 32px; height: 32px; }
.cl-studio .cl-provider-badge { font-size: 9px; }
.cl-studio .cl-ai-privacy { padding: 8px 17px; font-size: 11px; }
.cl-studio .cl-ai-body { display: block; padding: 16px; }
.cl-studio .cl-ai-context-label { font-size: 9px; letter-spacing: 1.2px; }
.cl-studio .cl-ai-context { margin-bottom: 14px; padding-bottom: 13px; }
.cl-studio .cl-context-fields input,.cl-studio .cl-context-fields select { font-size: 12px; }
.cl-studio .cl-context-fields label,.cl-studio .cl-context-goal { font-size: 11px; }
.cl-studio .cl-ai-question { font-size: 13px; }
.cl-studio .cl-ai-mode { font-size: 10px; gap: 5px; padding: 9px 2px; }
.cl-studio .cl-ai-modes { margin-bottom: 14px; }
.cl-studio .cl-prompt-label { font-size: 12px; }
.cl-studio .cl-prompt-label span { font-size: 10px; }
.cl-studio .cl-ai-prompt { font-size: 12px; line-height: 1.6; height: 70px; }
.cl-studio .cl-generate { font-size: 12px; padding: 11px; }
.cl-studio .cl-ai-usage-note,.cl-studio .cl-ai-review,.cl-studio .cl-result-meta { font-size: 10px; }
.cl-studio .cl-ai-empty { padding: 18px 4px 8px; margin-top: 18px; }
.cl-studio .cl-ai-empty p { font-size: 12px; line-height: 1.7; }
.cl-studio .cl-ai-empty h4 { font-size: 18px; }
.cl-studio .cl-ai-footer { font-size: 10px; padding: 10px; }
.cl-studio .cl-ai-result { padding: 12px; }
.cl-studio .cl-ai-result p,.cl-studio .cl-generated-list { font-size: 12px; }
.cl-private-notes { padding: 18px; }
.cl-private-notes p { font-size: 11px; color: #88967b; display: flex; align-items: center; gap: 7px; margin-bottom: 15px; }
.cl-private-notes label { font-size: 13px; display: block; font-weight: 600; margin-bottom: 10px; }
.cl-private-notes textarea { width: 100%; min-height: 170px; border: 1px solid #e1e7d7; border-radius: 8px; background: #fffefa; resize: vertical; padding: 12px; font-size: 13px; line-height: 1.8; }
.cl-private-notes>span { font-size: 10px; color: #8a967d; }
/* Prepared materials stay in a private queue until the teacher presents them. */
.cl-queue { padding: 16px; }
.cl-queue-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
.cl-queue-heading h2,.cl-queue-heading h3 { font-size: 13px; }
.cl-queue-heading .btn,.cl-queue-heading button { font-size: 11px; min-height: 30px; padding: 6px 8px; }
.cl-queue-current { border: 1px solid #d7e2c9; background: #edf3e3; border-radius: 10px; padding: 13px; margin-bottom: 17px; font-size: 12px; }
.cl-queue-current>span,.cl-queue-current small { display: block; color: #7d9167; font-size: 10px; }
.cl-queue-current strong { display: block; font-size: 13px; color: #45623a; margin: 4px 0; }
.cl-queue-current .btn { font-size: 11px; min-height: 32px; padding: 6px 10px; margin-top: 8px; }
.cl-queue-list { display: flex; flex-direction: column; gap: 9px; padding: 0; margin: 0; list-style: none; }
.cl-queue-item { border: 1px solid #e4e8dc; background: #fffefa; border-radius: 10px; padding: 11px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 9px; }
.cl-queue-item.is-current { border-color: #aebe9e; background: #f1f5e9; }
.cl-queue-item.is-next { border-color: #dbcab2; }
.cl-queue-number { width: 24px; height: 24px; display: grid; place-items: center; font-size: 10px; border-radius: 7px; background: #eef1e7; color: #889778; flex-shrink: 0; }
.cl-queue-copy { flex: 1; min-width: 0; }
.cl-queue-copy strong { display: block; font-size: 12px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.cl-queue-copy small,.cl-queue-status { font-size: 10px; color: #8a967c; display: block; }
.cl-queue-actions { display: flex; gap: 5px; align-items: center; width: 100%; justify-content: flex-end; }
.cl-queue-actions .btn,.cl-queue-actions button { font-size: 10px; min-height: 30px; padding: 6px 9px; border-radius: 6px; }
.cl-queue-empty { font-size: 12px; color: #859377; line-height: 1.8; padding: 18px 4px; }
.cl-queue>p { font-size: 11px; color: #849373; line-height: 1.7; }
.cl-stage { padding: 30px 40px; max-width: 1050px; margin: 0 auto; }
.cl-stage-header { border-bottom: 1px solid #e6ebde; padding-bottom: 22px; margin-bottom: 24px; }
.cl-stage-header>span,.cl-stage-header small { font-size: 10px; letter-spacing: 1px; color: #8a9a76; }
.cl-stage-header h2 { font: 400 clamp(28px,3vw,40px)/1.2 Georgia,serif; letter-spacing: -.7px; margin: 8px 0; color: #3d5736; }
.cl-stage-content,.cl-stage-reading { font-size: 16px; line-height: 1.95; color: #50634a; overflow-wrap: anywhere; }
.cl-stage-reading { white-space: pre-wrap; }
.cl-stage-exercises { padding-left: 25px; font-size: 16px; line-height: 1.8; }
.cl-stage-exercises li { margin: 18px 0; padding-left: 8px; white-space: pre-wrap; }
.cl-stage-image { max-width: 100%; max-height: 65vh; object-fit: contain; display: block; margin: 0 auto; border-radius: 8px; }
.cl-stage-resource { padding: 28px; border: 1px solid #e1e8d7; border-radius: 12px; background: #f5f8ee; font-size: 14px; line-height: 1.8; }
.cl-stage-resource a { color: #386c46; }
/* Notes are never hidden behind the tool tabs. */
.cl-studio-rail>[data-shared-notes] { flex: 1 1 48%; min-height: 210px; display: flex; flex-direction: column; background: #fffdf6; border: 1px solid #e7e2d1; border-radius: 14px; overflow: hidden; }
.cl-studio-rail>[data-shared-notes] textarea { flex: 1; min-height: 100px; resize: none; width: 100%; background: transparent; color: #59664b; font: 13px/1.9 'Manrope',sans-serif; border: 0; padding: 15px 19px; outline-offset: -3px; }
.cl-studio-live.cl-studio-student .cl-studio-rail>[data-shared-notes] { flex-basis: 100%; }
@media(min-width:1600px) { .cl-studio-workspace { --studio-rail-width: 360px; gap: 20px; } .cl-studio .cl-tool-tabs button { font-size: 12px; } .cl-studio .cl-ai-body,.cl-queue { padding: 20px; } }
@media(max-width:1100px) { .cl-studio-workspace { --studio-rail-width: 290px; gap: 12px; } .cl-session-companion { display: none; } .cl-studio-person { display: none; } .cl-stage { padding: 25px; } .cl-stage-scroll .cl-worksheet { padding: 26px 25px 0; } .cl-studio .cl-tool-tabs button { padding: 7px; font-size: 10px; } }
@media(max-width:760px) {
 .lesson-focus .main-content.classroom-page { padding: 10px; }
 .cl-studio-live { height: calc(100dvh - 20px); gap: 10px; }
 .cl-studio-heading { gap: 8px; }
 .cl-studio-heading .cl-heading-left { gap: 8px; }
 .cl-studio-title h1 { font-size: 18px; max-width: 45vw; }
 .cl-studio-kicker { font-size: 8px; gap: 7px; }
 .cl-brand-word { font-size: 12px; }
 .cl-studio-heading-actions { gap: 5px; }
 .cl-studio .cl-homework-shortcut { padding: 7px; }
 .cl-homework-shortcut span,.cl-student-presence { display: none; }
 .cl-studio .cl-finish-button { font-size: 10px; padding: 7px; }
 .cl-studio-workspace { --studio-rail-width: 250px; gap: 10px; }
 .cl-studio .cl-tool-tabs button { font-size: 9px; gap: 4px; padding: 6px; }
 .cl-studio .cl-tool-tabs svg { width: 13px; }
 .cl-stage-toolbar { padding: 9px 12px; font-size: 10px; }
 .cl-stage-visibility { display: none!important; }
 .cl-stage { padding: 20px; }
 .cl-stage-empty { padding: 20px; min-height: 260px; }
 .cl-stage-empty h2 { font-size: 27px; }
 .cl-stage-empty p { font-size: 12px; }
 .cl-stage-content,.cl-stage-reading,.cl-stage-exercises { font-size: 14px; }
}
@media(max-width:580px) {
 body.lesson-focus { overflow: auto; }
 .cl-studio-live { height: auto; min-height: calc(100dvh - 20px); }
 .cl-studio-workspace { display: flex; flex-direction: column; gap: 8px; }
 .cl-studio-live .cl-studio-main { flex: 1; min-height: 0; position: relative; }
 .cl-studio-live .cl-stage-frame { flex: 0 0 56dvh; min-height: 260px; }
 .cl-studio-live .cl-studio-rail>[data-shared-notes] { min-height: 0; margin-top: 0; }
 .cl-studio-live .cl-studio-rail>[data-shared-notes] textarea { min-height: 45px; padding: 8px 13px; font-size: 16px; }
 .cl-studio-heading { flex-basis: 44px; }
 .cl-studio-kicker>span:not(.cl-brand-word) { display: none; }
 .cl-studio-title h1 { max-width: 46vw; font-size: 16px; }
 .cl-studio .cl-back { min-width: 30px; min-height: 34px; width: 30px; }
 .cl-studio-live .cl-stage-toolbar { min-height: 32px; flex-basis: 32px; padding: 5px 12px; }
 .cl-stage-scroll .cl-worksheet,.cl-stage { padding: 18px 17px; }
 .cl-stage-scroll .cl-worksheet h2,.cl-stage-header h2 { font-size: 26px; }
 .cl-stage-empty { min-height: 200px; padding: 18px; }
 .cl-stage-empty-symbol,.cl-stage-eyebrow { display: none; }
 .cl-stage-empty h2 { font-size: 25px; }
 .cl-stage-empty p { font-size: 11px; margin-bottom: 12px; }
 .cl-tool-tabs button { min-height: 34px; }
 .cl-studio .cl-ai-prompt,.cl-studio .cl-context-fields input,.cl-studio .cl-context-fields select { font-size: 16px; }
 .cl-studio:not(.cl-studio-live) .cl-studio-rail>[data-shared-notes] { min-height: 270px; }
}
@media(prefers-reduced-motion:reduce) { .cl-studio * { scroll-behavior: auto; } }
.shared-notes-head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; padding: 17px 18px 10px; border-bottom: 1px solid #eee8d8; }
.shared-notes-eyebrow { display: block; font-size: 9px; letter-spacing: 1.6px; font-weight: 700; color: #aa9b73; margin-bottom: 5px; }
.shared-notes-head h3 { display: flex; align-items: center; gap: 7px; color: #6b704e; font-size: 14px; font-weight: 650; }
.shared-notes-status { font-size: 9px; color: #8b9b73; line-height: 1.5; max-width: 85px; text-align: right; padding-top: 4px; }
.shared-notes-status[data-notes-status=error],.shared-notes-status[data-notes-status=conflict] { color: #a65f3a; }
.shared-notes-hint { font-size: 10px; color: #a09c83; line-height: 1.65; padding: 11px 18px 0; }
.shared-notes-hint[hidden] { display: none; }
.shared-notes-editor::placeholder { color: #b1ae99; }
.shared-notes-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 9px; color: #b0ad94; border-top: 1px solid #eee8d8; padding: 8px 18px; }
.shared-notes-footer button { min-height: 27px; padding: 4px 8px; font-size: 10px; }
.shared-notes-conflict { overflow: auto; padding: 12px; flex: 0 1 65%; min-height: 130px; background: #fff5de; border-top: 1px solid #e7d6b3; }
.shared-notes-conflict[hidden] { display: none; }
.shared-notes-conflict label { font-size: 11px; color: #7c6842; }
.cl-studio-rail .shared-notes-conflict textarea { min-height: 60px; padding: 8px; font-size: 12px; background: #fffdf8; border: 1px solid #ecdfc2; }
.shared-notes-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.shared-notes-actions button { min-height: 30px; padding: 6px 9px; font-size: 10px; }
.cl-queue-heading .eyebrow { font-size: 9px; letter-spacing: 1px; }
.cl-queue-description { margin-bottom: 14px; }
.cl-queue-visibility { font-size: 10px; color: #8a967c; }
.cl-stage-shared { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #8b9a7a; }
.cl-stage-teacher-notes { font-size: 13px; border-top: 1px dashed #e0e6d7; margin-top: 25px; padding-top: 16px; color: #879479; }
@media(max-width:580px) {
 .cl-studio-live .cl-studio-rail { display: flex; flex-direction: column; flex: 0 0 auto; gap: 8px; position: relative; }
 .cl-studio-live .cl-studio-tools,.cl-studio-live .cl-studio-tools:has(.cl-tool-content) { position: static; flex: 0 0 auto; width: 100%; max-height: none; box-shadow: none; border-radius: 10px 10px 0 0; }
 .cl-studio-live .cl-studio-tools .cl-tool-tabs { justify-content: flex-start; border-bottom: 0; padding: 4px; }
 .cl-studio-live .cl-tool-content { display: none; }
 .cl-studio-live .cl-studio-tools.is-open .cl-tool-content { display: block; position: absolute; bottom: 100%; left: 0; right: 0; z-index: 25; max-height: 40dvh; border: 1px solid #d7e0cc; background: #fbfcf7; border-radius: 12px 12px 0 0; box-shadow: 0 -5px 20px #263e3522; }
 .cl-studio-live .cl-studio-rail>[data-shared-notes] { flex: 0 0 220px; min-height: 220px; border-radius: 12px; }
 .shared-notes-head { padding: 8px 12px; align-items: center; }
 .shared-notes-eyebrow { display: none; }
 .shared-notes-head h3 { font-size: 12px; }
 .shared-notes-status { max-width: none; font-size: 9px; padding: 0; }
 .shared-notes-footer { padding: 4px 12px; }
 .cl-stage-frame .cl-stage-content { font-size: 14px; }
}
.cl-ai-context-details { margin-bottom: 14px; border-bottom: 1px solid #e6ecdd; }
.cl-ai-context-details>summary { display: flex; align-items: center; gap: 8px; padding: 0 0 12px; cursor: pointer; font-size: 11px; color: #829271; list-style: none; }
.cl-ai-context-details>summary::-webkit-details-marker { display: none; }
.cl-ai-context-details>summary>span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-ai-context-details>summary>span:last-child { margin-left: auto; }
.cl-studio .cl-ai-context-details .cl-level-badge { font-size: 10px; }
.cl-studio .cl-ai-context-details .cl-ai-context { border-bottom: 0; margin: 0; }
.cl-studio-live .cl-ai-empty { display: none; }

@media(max-width:760px) {
 .cl-studio-live .cl-studio-workspace[data-call-placement=left] { grid-template-columns: minmax(0,1fr) var(--studio-rail-width); }
 .cl-call-slot-left { display: none!important; }
 .cl-studio-workspace[data-dock-dragging=true]::before { display: none; }
}

.cl-studio-live .hw-previous { flex: 0 0 auto; max-height: min(25dvh,160px); overflow: auto; margin: 0; padding: 12px 18px; }
@media(max-height:650px) and (min-width:581px) {
 .cl-studio-live .cl-studio-rail { overflow-y: auto; gap: 8px; }
 .cl-studio-live .cl-studio-rail>[data-shared-notes] { min-height: 120px; }
 .cl-studio-live .cl-studio-tools { flex-shrink: 0; max-height: 110px; }
}