.studio{display:flex;flex-direction:column;height:100%;overflow:hidden}.studio__top{display:flex;align-items:center;gap:var(--s3);flex-shrink:0;height:var(--topbar-h);padding:0 var(--s4);background:var(--panel);border-bottom:1px solid var(--line)}.studio__middle{display:flex;flex-grow:1;min-height:0}.studio__tools{display:flex;flex-direction:column;align-items:center;gap:var(--s2);flex-shrink:0;width:var(--toolrail-w);padding:var(--s4) 0;background:var(--panel);border-right:1px solid var(--line)}.studio__ground{display:flex;align-items:center;justify-content:center;flex-grow:1;min-width:0;padding:var(--s5)}.stage{position:relative;overflow:hidden;border-radius:6px;background:var(--page);box-shadow:0 10px 28px #1c1b1929}.stage--recording{box-shadow:0 0 0 3px var(--record),0 12px 30px #1c1b192e}.stage__empty{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;height:100%;padding:var(--s6);color:var(--ink-muted);text-align:center}.stage__empty-title{margin:0;font-size:var(--t-h3, 18px);color:var(--ink)}.stage__empty-note{margin:0;font-size:var(--t-small)}.stage__empty-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.studio__thumbs{flex-shrink:0;width:var(--thumbs-w);padding:var(--s4) var(--s3);background:var(--panel);border-left:1px solid var(--line);overflow-y:auto}.studio__bottom{display:flex;align-items:center;gap:var(--s3);flex-shrink:0;height:var(--bottombar-h);padding:0 var(--s4);background:var(--panel);border-top:1px solid var(--line)}.spacer{flex-grow:1}.studio__file{flex:1;min-width:0;overflow:hidden;font-weight:600;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.studio__hint{color:var(--ink-muted);font-size:var(--t-small)}.studio[data-mode=recording] .studio__thumbs,.studio[data-mode=countdown] .studio__thumbs,.studio[data-mode=countdown] .studio__tools,.studio[data-mode=countdown] .studio__bottom{display:none}.pdfview{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;background:var(--panel-soft);scrollbar-width:none}.pdfview::-webkit-scrollbar{display:none}.pdfview__spacer{position:relative;width:100%}.pdfpage{position:absolute;top:0;left:0;right:0;margin:0 auto;background:var(--page);box-shadow:0 2px 10px #1c1b191f}.pdfpage__canvas{display:block}.dropzone{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#b4531f1a;border:3px dashed var(--accent);font-weight:600;color:var(--accent)}.annot{position:absolute;inset:0;z-index:2;touch-action:none;cursor:crosshair;mix-blend-mode:multiply}.stage[data-tool=laser] .annot{cursor:default}.laser{position:absolute;z-index:6;display:none;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#f04438;box-shadow:0 0 0 9px #f0443838;pointer-events:none}.btn--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.thumb{display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s1);border:1px solid var(--line);border-radius:8px;background:var(--panel)}.thumb:hover{border-color:var(--accent)}.thumb--current{border:2px solid var(--accent);background:var(--accent-soft)}.thumb__canvas{display:block;width:100%;height:auto;background:var(--page)}.thumb__label{font-size:var(--t-tiny);color:var(--ink-muted)}.thumb--current .thumb__label{color:var(--accent);font-weight:600}.cambubble{position:absolute;z-index:4;display:none;touch-action:none;cursor:grab}.cambubble:active{cursor:grabbing}.countdown{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#1c1b1959;pointer-events:none}.countdown__number{font-size:clamp(64px,18vh,180px);font-weight:700;line-height:1;color:#fff;text-shadow:0 4px 24px rgb(0 0 0 / 45%)}.countdown__hint{font-size:var(--t-body);color:#fff;opacity:.85}.countdown--go .countdown__number{font-size:clamp(40px,9vh,88px)}.rechud{position:absolute;bottom:16px;left:50%;z-index:7;display:flex;gap:10px;align-items:center;padding:8px 12px;background:#1c1b19e0;border-radius:999px;box-shadow:0 6px 20px #0000004d;transform:translate(-50%)}.rechud__dot{width:10px;height:10px;background:#f04438;border-radius:50%;animation:rec-blink 1.4s infinite}.rechud--paused .rechud__dot{background:#f0b24b;animation:none}@keyframes rec-blink{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.rechud__dot{animation:none}}.rechud__time{min-width:52px;font-variant-numeric:tabular-nums;font-size:var(--t-body);font-weight:600;color:#fff}.rechud__warn{font-size:var(--t-tiny);color:#f7c9d4}.review{display:flex;flex-direction:column;gap:12px}.review__video{width:100%;max-height:52vh;background:#000;border-radius:12px}.review__facts,.review__actions{display:flex;gap:12px;align-items:center}.review__facts{font-size:var(--t-small);color:var(--ink-muted)}.review__warn{display:flex;gap:6px;align-items:center;margin:0;font-size:var(--t-small);color:#b54708}.review__name{margin:0;font-size:var(--t-tiny);color:var(--ink-muted)}.check{display:flex;flex-direction:column;gap:12px}.check__status{margin:0;font-size:var(--t-small)}.check__tips{margin:0;padding-left:18px;font-size:var(--t-small);color:var(--ink-muted)}.check__actions{display:flex;gap:8px;align-items:center}.meter{width:100%;height:12px;overflow:hidden;background:var(--surface-sunken, #eee8df);border-radius:999px}.meter__fill{width:0;height:100%;background:#12b76a;transition:width 80ms linear}.meter__fill--loud{background:#f04438}.recovery{display:flex;gap:10px;align-items:center;padding:6px 10px;font-size:var(--t-small);background:#fef0c7;border-radius:10px}.readpanel{position:absolute;top:0;right:0;bottom:0;z-index:9;display:flex;flex-direction:column;gap:10px;width:min(420px,92vw);padding:16px;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);box-shadow:-8px 0 24px #1c1b191a}.readpanel[hidden]{display:none}.readpanel__head{display:flex;gap:8px;align-items:center;justify-content:space-between}.readpanel__title{margin:0;font-size:var(--t-h2, 18px)}.readpanel__page,.readpanel__mode,.readpanel__label{margin:0;font-size:var(--t-small);color:var(--ink-muted)}.readpanel__list{display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow-y:auto}.readpanel__sentence{justify-content:flex-start;text-align:left;white-space:normal}.readpanel__stage{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--page);border:1px solid var(--line);border-radius:12px}.readpanel__target{margin:0;font-size:20px;line-height:1.7}.readpanel__stars{margin:0;font-size:24px;color:#f0b24b;letter-spacing:2px}.readpanel__summary,.readpanel__tip,.readpanel__empty{margin:0;font-size:var(--t-small)}.readpanel__tip{padding:8px 10px;background:#fef0c7;border-radius:8px}.readpanel__actions{display:flex;flex-wrap:wrap;gap:8px}.readpanel__audio{width:100%}.word{padding:0 2px;border-radius:4px}.word--good{color:#067647;background:#d1fadf}.word--fair{color:#b54708;background:#fef0c7}.word--weak{color:var(--ink-muted);background:#eceae6;text-decoration:underline dotted}.studio__plan{font-size:var(--t-tiny);color:var(--ink-muted);white-space:nowrap}.readpanel__layer{margin:0;font-size:var(--t-tiny);color:var(--ink-muted)}.stage__empty-link{font-size:var(--t-small);color:var(--ink-muted)}@media(max-width:820px){.studio__top{height:auto;min-height:52px;padding:6px 10px;gap:6px}.studio__file{font-size:13px}.studio__plan,.studio__top .btn--frame{display:none}.studio__top .btn{padding:7px 10px;font-size:13px}.studio__middle{flex-direction:column}.studio__ground{order:1;padding:10px}.studio__tools{order:2;flex-direction:row;justify-content:center;gap:10px;width:auto;padding:8px 0;border-top:1px solid var(--line);border-right:0}.studio__thumbs{display:none;order:3;width:auto;max-height:26vh;padding:10px;border-top:1px solid var(--line);border-left:0}.studio--thumbs .studio__thumbs{display:block}.thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.studio__bottom{height:auto;min-height:52px;padding:8px 10px;gap:8px;overflow-x:auto}.studio__bottom .btn{flex-shrink:0;padding:8px 12px;font-size:13px}.studio__hint{flex-shrink:0;font-size:12px}.readpanel{position:fixed;inset:0;z-index:70;width:100%;padding-bottom:24px;border-left:0}.readpanel__list{max-height:30vh}.readpanel__target{font-size:18px}.rechud{bottom:10px;gap:8px;padding:6px 10px}.rechud .btn{padding:7px 10px;font-size:12px}.rechud__warn{display:none}.stage__empty-title{font-size:16px}.stage__empty-actions{flex-direction:column;width:100%}.stage__empty-actions .btn{width:100%}}@media(max-width:420px){.studio__file{display:none}.studio__tools{gap:6px}}