/* Establishing Shot studio system. Scoped to the recovered /test workspace. */
@media screen {
  body.studio-refined {
    --bg:#121416; --panel:#181b1e; --panel2:#222629;
    --text:#ecece7; --dim:#a3aaa9; --accent:#dac084; --accent-fill:#dac084; --accent-on:#252118;
    --accent2:#91b5aa; --line:#303638; --line-soft:rgba(234,240,236,.085); --line-strong:rgba(234,240,236,.17);
    --surface-0:#121416; --surface-1:#191d20; --surface-2:#222629; --surface-3:#2b3033;
    --header-bg:#181b1e; --header-dock-bg:transparent;
    --studio-side:304px; --studio-header:76px;
    --card-shadow:none; --float-shadow:0 18px 50px #0005;
    padding-top:var(--studio-header); font-size:14px; letter-spacing:0;
  }
  body.studio-refined button {font-weight:550; box-shadow:none;}
  body.studio-refined :is(button,input,select,textarea,summary,[role="button"]):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
  body.studio-refined #desktopOnlyGate {display:none!important;}
  body.studio-refined #sidebar,
  body.studio-refined.splash-home #sidebar {
    position:relative; inset:auto; width:var(--studio-side); min-width:var(--studio-side);
    height:calc(100dvh - var(--studio-header)); background:var(--panel);
    border:0; border-right:1px solid var(--line-soft); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  body.studio-refined #sidebar header#brand,
  body.studio-refined.splash-home #sidebar header#brand {
    position:fixed; z-index:150; top:0; left:0; display:flex; flex-direction:row;
    justify-content:flex-start; align-items:center; gap:0; width:100%; height:var(--studio-header);
    min-height:var(--studio-header); padding:0; border:0; border-bottom:1px solid var(--line-soft);
    background:#181b1e; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  body.studio-refined #brand .brandHeading {flex:0 0 var(--studio-side);padding:0 25px;text-align:left;}
  body.studio-refined #brand .brandLockup {justify-content:flex-start;gap:11px;}
  body.studio-refined #brand .brandLockup > span {font-size:19px;letter-spacing:-.65px;color:var(--text);font-weight:600;}
  body.studio-refined #brand .brandLockup b {color:var(--accent);font-weight:600;}
  body.studio-refined #brand .brandMark {width:25px;height:25px;}
  body.studio-refined #workspaceDock {display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:20px;width:auto;height:100%;padding:0 25px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;}
  body.studio-refined #workspaceDock > div {display:flex;align-items:stretch;flex:none;}
  body.studio-refined #workspaceDock :is(#writerBtn,#brandHome,#toolsBtn) {position:relative;display:flex;gap:9px;height:100%;min-height:0;padding:0 8px;border:0;border-radius:0;background:none;color:var(--dim);font-size:13px;box-shadow:none;}
  body.studio-refined #workspaceDock .workspaceGlyph {width:17px;height:17px;opacity:.8;filter:saturate(.4);}
  body.studio-refined #workspaceDock .workspaceLabel {font-size:13px;font-weight:550;}
  body.studio-refined #workspaceDock :is(#writerBtn,#brandHome,#toolsBtn):hover {color:var(--text);background:none;}
  body.studio-refined.writer-mode #workspaceDock #writerBtn,
  body.studio-refined.production-mode #workspaceDock #toolsBtn,
  body.studio-refined:not(.splash-home):not(.writer-mode):not(.production-mode):not(.project-home-mode) #workspaceDock #brandHome {color:var(--accent);background:none;border:0;box-shadow:none;}
  body.studio-refined.writer-mode #writerBtn::after,
  body.studio-refined.production-mode #toolsBtn::after,
  body.studio-refined:not(.splash-home):not(.writer-mode):not(.production-mode):not(.project-home-mode) #brandHome::after {content:'';position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--accent);}
  .studioProjectHome {margin-left:auto;margin-right:146px;padding:10px 13px;background:transparent;color:var(--dim);font-size:12px;}
  body.studio-refined #appUtilityDock {position:fixed;top:20px;right:22px;bottom:auto;z-index:180;gap:7px;}
  body.studio-refined #appUtilityDock button {height:35px;min-height:35px;border:0;background:transparent;color:var(--dim);}
  body.studio-refined #appearanceSettingsPanel {top:calc(100% + 12px);bottom:auto;}
  body.studio-refined .testPreviewBadge {left:22px;right:auto;bottom:10px;min-height:20px;padding:0;background:transparent;border:0;box-shadow:none;font-size:8px;color:#909997;backdrop-filter:none;}
  body.studio-refined .testPreviewBadge::before {width:4px;height:4px;box-shadow:none;}
  body.studio-refined #main,
  body.studio-refined.splash-home #main {position:relative;flex:1;min-width:0;width:auto;height:calc(100dvh - var(--studio-header));padding-top:0;background:var(--bg);overflow-y:auto;}

  /* All sidebar content shares the same inset and a dedicated footer row. */
  body.studio-refined .testPreviewBadge {display:flex;align-items:center;justify-content:center;gap:6px;left:0;right:auto;bottom:0;width:var(--studio-side);height:32px;min-height:32px;padding:0 12px;box-sizing:border-box;border:0;border-top:1px solid var(--line-soft);border-radius:0;background:var(--panel);font:8px/1 var(--sans);letter-spacing:.8px;text-align:center;}
  body.studio-refined #sidebar {padding-bottom:32px;}
  body.studio-refined #sidebar #mobileDrawer {overflow:hidden;}
  body.studio-refined #sidebar #sideScroll {flex:1 1 auto;min-height:0;overflow-y:auto;gap:0;padding:0 20px 20px;}
  body.studio-refined #sidebar #sideScroll .section {flex:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
  body.studio-refined #sidebar #notesPane {flex:none;}
  body.studio-refined #sidebar #sideScroll .secToggle,
  body.studio-refined #sidebar #writerDrawer .writerDetails > summary {display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;height:48px;min-height:48px;margin:0;padding:0;border:0;border-bottom:1px solid var(--line-soft);line-height:16px;}
  body.studio-refined #sidebar #sideScroll .secToggle > span:not(.chev) {display:inline-flex;align-items:center;gap:4px;line-height:16px;}
  body.studio-refined #sidebar #sideScroll .secToggle .chev,
  body.studio-refined #sidebar .studioDisclosureArrow {position:static;display:grid;place-items:center;flex:none;width:16px;height:16px;margin:0;padding:0;clip-path:none;transform:none;background:none;color:#9aa89f;}
  body.studio-refined #sidebar #sideScroll .secToggle .chev svg,
  body.studio-refined #sidebar .studioDisclosureArrow svg {display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
  body.studio-refined #sidebar #sideScroll .section.open > .secToggle .chev svg,
  body.studio-refined #sidebar .writerDetails[open] > summary .studioDisclosureArrow svg {transform:rotate(90deg);color:var(--accent);}
  body.studio-refined #sidebar #writerDrawer .writerDetails > summary::after {display:none;}
  body.studio-refined #sidebar #writerDrawer .writerDetails {margin:0;}
  body.studio-refined #sidebar #writerDrawer > .workspaceDrawerScroll {gap:0;}
  body.studio-refined #sidebar #writerDocumentName {margin-bottom:12px;}
  body.studio-refined #sidebar #writerDrawer .writerDetailsBody {padding:12px 0 16px;margin:0;}
  body.studio-refined #sidebar #writerDrawer .writerDetailsBody label {font-size:10px;font-weight:500;letter-spacing:.5px;}
  body.studio-refined #sidebar #writerDrawer .writerDetailsBody :is(input,textarea) {border:1px solid var(--line);border-radius:5px;background:var(--surface-0);font-size:12px;font-weight:450;}
  body.studio-refined #sidebar #sideScroll .secBody {padding:10px 0 0;margin:0;}
  body.studio-refined #sidebar #sceneList {padding:0;}
  body.studio-refined #sidebar #sceneList .sceneItem {display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;min-height:46px;height:auto;margin:0 0 5px;padding:9px 8px;border:1px solid transparent;box-shadow:none;}
  body.studio-refined #sidebar #sceneList .sceneItem.active {border-color:#91b5aa35;background:#91b5aa09;}
  body.studio-refined #sidebar #sceneList .sceneItem i {width:22px;height:22px;padding:0;border:0;background:none;line-height:22px;color:#9aa99f;}
  body.studio-refined #sidebar #sceneList .sceneItem b {display:block;white-space:normal;overflow:visible;font-size:11px;line-height:1.5;font-weight:500;}
  body.studio-refined #sidebar #sceneList .sceneItem small {display:none;}
  body.studio-refined #sidebar #notesSection > .secBody {padding:12px 0 0;}
  body.studio-refined #sidebar #notesSection .noteComposerUnit {border:1px solid var(--line);border-radius:6px;box-shadow:none;overflow:hidden;}
  body.studio-refined #sidebar #notesSection #typedNote {font-size:12px;font-weight:450;}
  body.studio-refined #sidebar #notesSection .typedNoteMeta {height:auto;min-height:26px;gap:8px;padding:5px 8px;align-items:flex-start;}
  body.studio-refined #sidebar #notesSection .typedNoteTarget {white-space:normal;font-size:9px;line-height:1.5;}
  body.studio-refined #sidebar #notesSection .typedNoteSaveHint {font-size:9px;line-height:1.5;}
  body.studio-refined #sidebar #noteList {max-height:none;overflow:visible;display:grid;gap:8px;margin-top:10px;padding:0;}
  body.studio-refined #sidebar #noteList .noteRow {display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border:1px solid var(--line-soft);border-radius:6px;background:transparent;box-shadow:none;}
  body.studio-refined #sidebar #noteList .noteLocate {display:grid;align-items:start;grid-template-columns:14px minmax(0,1fr);gap:8px;width:100%;padding:0;min-height:0;}
  body.studio-refined #sidebar #noteList .noteSourceGlyph {width:14px;height:18px;padding:0;border:0;background:none;}
  body.studio-refined #sidebar #noteList .noteSourceIcon {width:14px;height:14px;}
  body.studio-refined #sidebar #noteList .noteCopy {display:block;min-width:0;}
  body.studio-refined #sidebar #noteList .noteText {display:block;white-space:normal;overflow:visible;max-height:none;-webkit-line-clamp:unset;font-size:11px;line-height:1.55;font-weight:450;}
  body.studio-refined #sidebar #noteList .noteLineMeta {display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}
  body.studio-refined #sidebar #noteList .ctx {font-size:9px;line-height:1.5;white-space:normal;max-width:none;overflow:visible;}
  body.studio-refined #sidebar #noteList .noteCardControls {display:flex;position:static;justify-content:flex-end;gap:4px;}
  body.studio-refined #sidebar #noteList .noteCardControls button {width:26px;height:26px;padding:5px;border:1px solid var(--line-soft);border-radius:4px;}
  body.studio-refined #sidebar #optSection .optRow {min-height:34px;font-size:11px;font-weight:450;letter-spacing:0;text-transform:none;}
  body.studio-refined #sidebar #optSection .optRow:has(input[type=range]) {grid-template-columns:70px minmax(0,1fr) 30px;gap:8px;}
  body.studio-refined #sidebar #optSection .optRow .val {font-size:10px;font-weight:450;}
  body.studio-refined #sidebar .workspaceBottomDock {padding-inline:0;}
  body.studio-refined #sidebar .tableReadBottomDock {flex:none;margin:0 20px;padding-bottom:10px;border-top:1px solid var(--line-soft);}
  body.studio-refined #sidebar #homeDrawer {padding-inline:20px;}
  body.studio-refined #homeDrawer .recentProject {display:block;position:relative;min-height:82px;border:1px solid var(--line-soft);border-radius:7px;background:none;overflow:visible;transform:none;}
  body.studio-refined #homeDrawer .recentProjectOpen {display:flex;width:100%;gap:10px;min-height:82px;padding:13px 38px 13px 12px!important;}
  body.studio-refined #homeDrawer .recentProjectCopy {flex:1;}
  body.studio-refined #homeDrawer .recentProjectCopy b {font-size:12px;line-height:18px;font-weight:550;}
  body.studio-refined #homeDrawer .recentProjectCopy small {font-size:10px;line-height:15px;margin:0;}
  body.studio-refined #homeDrawer .recentProjectGlyph {width:25px;height:32px;background:none;border:0;color:var(--accent);font-size:10px;}
  .studioProjectActions {position:absolute;top:12px;right:8px;z-index:2;}
  .studioProjectActions[open] {z-index:25;}
  .studioProjectActions > summary {display:grid;place-items:center;list-style:none;width:26px;height:26px;border-radius:4px;cursor:pointer;color:#a5b2aa;font-size:17px;line-height:1;}
  .studioProjectActions > summary::-webkit-details-marker {display:none;}
  .studioProjectActions > summary:hover,.studioProjectActions[open] > summary {background:var(--surface-3);}
  body.studio-refined #homeDrawer .studioProjectActions .recentProjectActions {position:absolute;top:32px;right:0;display:grid;gap:2px;width:150px;padding:6px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel2);box-shadow:0 10px 24px #0005;opacity:1;}
  body.studio-refined #homeDrawer .studioProjectActions .recentProjectActions button {display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;height:34px;padding:0 9px!important;border:0!important;background:transparent!important;font-size:11px;}
  body.studio-refined #homeDrawer .studioProjectActions .recentProjectActions button:hover {background:#ffffff09!important;}
  .studioProjectActionLabel {font-size:11px;line-height:1;}
  /* One starting action, with a sample that shows the product's purpose. */
  body.studio-refined.splash-home #homeDrawer {padding:30px 22px 18px;}
  body.studio-refined.splash-home .homeDrawerHead,
  body.studio-refined.splash-home #homeNextStep {display:none;}
  body.studio-refined #recentProjects {margin-top:0;}
  body.studio-refined .recentProjectsTitle {font-size:11px;letter-spacing:1.2px;}
  body.studio-refined .recentProjectsEmpty {min-height:150px;margin-top:15px;padding:20px 15px;border:1px dashed var(--line-strong);border-radius:8px;background:none;box-shadow:none;}
  body.studio-refined .recentProjectsEmpty b {font-size:12px;font-weight:500;}
  body.studio-refined .recentProjectsEmpty p {font-size:12px;line-height:1.7;}
  body.studio-refined .recentProjectCard {border-radius:8px;background:transparent;border:1px solid var(--line-soft);box-shadow:none;}
  body.studio-refined .recentProjectCard b {font-size:13px;}
  body.studio-refined #empty {display:flex;align-items:center;min-height:100%;padding:45px clamp(28px,4.2vw,76px) 45px;text-align:left;background:none;}
  body.studio-refined .studioWelcome {width:100%;max-width:1120px;margin:auto;}
  .studioWelcomeHeading {display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;}
  .studioEyebrow,.studioWelcomeIndex {font-size:10px;font-weight:600;letter-spacing:2px;color:var(--dim);}
  .studioWelcomeIndex {font-family:var(--mono);font-size:11px;letter-spacing:1px;color:#707b79;}
  .studioHero {display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(30px,4.5vw,74px);}
  body.studio-refined #empty .studioHero h2 {margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,3.9vw,64px);font-weight:400;line-height:1.09;letter-spacing:-2.4px;color:#f0eee5;}
  body.studio-refined #empty .studioHero h2 em {color:var(--accent);font-weight:400;}
  body.studio-refined .studioHeroCopy > p {max-width:440px;margin:26px 0 30px;font:15px/1.85 var(--sans);color:var(--dim);}
  .studioHeroActions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
  body.studio-refined .studioPrimary {display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:auto;height:48px;padding:0 21px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:var(--accent-on);font-size:13px;font-weight:650;white-space:nowrap;}
  .studioPrimary svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
  body.studio-refined .studioTextButton {padding:12px 0;background:none;border:0;color:var(--text);font-size:13px;}
  .studioTextButton span {margin-left:7px;color:var(--accent);}
  .studioFileTypes {display:block;margin-top:15px;color:#7f8a88;font-size:11px;letter-spacing:.15px;}
  .studioDemo {position:relative;overflow:hidden;border:1px solid #343c3d;border-radius:12px;background:#1c2223;box-shadow:0 28px 70px #0002;transform:rotate(1deg);}
  .studioDemo header {display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff0b;color:#93aaa3;font:10px/1 var(--sans);letter-spacing:1.6px;}
  .studioDemo header i {display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#8cb7a7;}
  .studioDemoScene {padding:27px 27px 22px;font:11px/1.6 var(--mono);color:#b6bcb4;}
  .studioDemoScene > span {font-weight:600;font-size:11px;letter-spacing:.3px;}
  .studioDemoScene p {margin:9px 0 0;color:#869390;font-size:12px;line-height:1.7;}
  .studioDemoLine {display:flex;align-items:flex-start;gap:14px;padding:0 27px 20px;}
  .studioCharacter {display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #dbbc7b30;border-radius:50%;background:#dbbc7b0c;color:#ddc58d;font:12px Georgia,serif;}
  .studioCharacter.dexter {background:#85baa60c;border-color:#85baa630;color:#96b9ac;}
  .studioDemoLine b {display:block;margin:1px 0 6px;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#c5c8bc;}
  .studioDemoLine p {margin:0;font:12px/1.65 var(--mono);color:#e0e3d9;}
  .studioDemo footer {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding:17px 24px;border-top:1px solid #ffffff0b;background:#131919;}
  .studioWave {display:flex;align-items:center;gap:3px;height:30px;opacity:.65;}
  .studioWave i {display:block;width:2px;max-height:28px;background:#94b7a7;border-radius:2px;}
  body.studio-refined #demoLink {display:flex;align-items:center;gap:11px;width:auto;min-width:0;margin:0;padding:0;background:none;color:var(--text);font-size:12px;text-align:left;}
  #demoLink small {display:block;margin-top:3px;color:#879b94;font-size:10px;font-weight:400;}
  .studioDemoPlay {display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding-left:2px;border:1px solid #96b5a65c;border-radius:50%;color:#b5d0bf;font-size:9px;}
  #demoLink > span:last-child {color:#90a299;margin-left:6px;}
  .studioWorkflow {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px;padding-top:28px;border-top:1px solid var(--line-strong);}
  .studioWorkflow > div + div {padding-left:28px;border-left:1px solid var(--line-soft);}
  .studioWorkflow > div > span {font:10px var(--mono);color:#8fa49a;letter-spacing:1px;}
  .studioWorkflow h3 {margin:12px 0 8px;font-size:16px;line-height:1.3;font-weight:500;color:var(--text);letter-spacing:-.25px;}
  .studioWorkflow p {max-width:270px;color:#8d9995;font:12px/1.8 var(--sans);}
  .studioWelcomeFooter {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;color:#7c8a84;font-size:11px;}
  .studioWelcomeFooter > span {display:flex;align-items:center;gap:8px;}
  .studioWelcomeFooter svg {width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;}
  body.studio-refined #emptyProject {display:block!important;width:auto;padding:6px 0;background:none;border:0;color:#b1bcb6;font-size:11px;font-weight:450;white-space:nowrap;}
  #emptyProject > span {margin-left:8px;}

  /* Drawers share a restrained typographic hierarchy. */
  body.studio-refined #sideScroll {padding:18px;gap:0;}
  body.studio-refined .section {margin-bottom:12px;border:0;background:transparent;box-shadow:none;}
  body.studio-refined #sideScroll .section > .secToggle,
  body.studio-refined .writerDetails > summary {min-height:44px;padding:12px 4px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:none;box-shadow:none;color:#c5ceca;font-size:11px;font-weight:600;letter-spacing:1.15px;}
  body.studio-refined #sideScroll .section.open > .secToggle {color:var(--text);background:none;}
  body.studio-refined .secBody {padding:12px 0 0;}
  .studioVoiceInfo {margin:0 0 16px;color:#8f9e97;font-size:11px;line-height:1.7;}
  /* Cast rows use one layout, without the older card and icon grid rules. */
  body.studio-refined #sidebar #castSection > .secBody {padding:0;margin:0;}
  body.studio-refined #sidebar #castSection #roleIntro {display:none;}
  body.studio-refined #sidebar #castList {display:grid;gap:0;}
  .studioVoiceInfo {padding:10px 0 0;margin:0!important;font-size:11px;line-height:16px;color:#899692;}
  .studioCast {display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line-soft);min-width:0;}
  .studioCastHeading {display:flex;align-items:center;gap:8px;min-width:0;min-height:16px;}
  .studioCastDot {width:6px;height:6px;border-radius:50%;flex:none;}
  .studioCastName {min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.45px;}
  .studioCastCount {flex:none;margin-left:auto;font-size:10px;line-height:16px;color:#8d9a96;white-space:nowrap;}
  .studioVoiceControls {display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:6px;min-width:0;}
  body.studio-refined .studioVoiceControls select {width:100%;min-width:0;height:34px;min-height:34px;padding:0 7px;border:1px solid #353d3d;border-radius:5px;background:var(--surface-0);color:#d9dfd9;font:12px var(--sans);text-overflow:ellipsis;}
  body.studio-refined .studioVoiceControls button {display:grid;place-items:center;flex:none;width:32px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid #353d3d;border-radius:5px;background:transparent;color:#b1c0b8;line-height:1;}
  body.studio-refined .studioVoiceControls button:hover {background:#ffffff08;border-color:#67786e;}
  body.studio-refined .studioVoiceControls button.playing {background:var(--accent);color:#242118;border-color:var(--accent);}
  .studioSample .sampleBtnLabel {display:none;}
  .studioSample .sampleBtnIcon {font:10px/1 var(--sans);}
  .studioTuneButton svg {display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;}
  body.studio-refined .studioRoleButton {display:inline-flex;align-items:center;justify-self:start;gap:7px;min-height:24px;width:auto;margin:0;padding:2px 0;border:0;border-radius:0;background:none;color:#9baa9f;font:11px/18px var(--sans);white-space:nowrap;}
  body.studio-refined .studioRoleButton:hover {color:var(--text);background:none;}
  .studioRoleCheck {display:grid;place-items:center;flex:none;width:14px;height:14px;border:1px solid #66786e;border-radius:3px;}
  .studioRoleCheck svg {display:block;opacity:0;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .studioRoleButton.on {color:#d8c38d!important;}
  .studioRoleButton.on .studioRoleCheck {color:#28231a;background:#d8c38d;border-color:#d8c38d;}
  .studioRoleButton.on .studioRoleCheck svg {opacity:1;}
  .studioTuning {display:none;padding:10px 0 1px;border-top:1px solid var(--line-soft);}
  .studioTuning.open {display:grid;gap:9px;}
  .studioTuneRow {display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:10px;color:#acb8b2;font-size:11px;line-height:18px;}
  .studioTuneRow input[type=range] {width:100%;min-width:0;height:18px;margin:0;accent-color:var(--accent2);}
  .studioTuneRow .tv {text-align:right;font-size:10px;font-variant-numeric:tabular-nums;color:#9ca9a2;}
  body.studio-refined #sidebar #rehearsalHint {margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;color:#a7b6ac;font:11px/1.6 var(--sans);text-wrap:pretty;}
  body.studio-refined .sceneItem {min-height:43px;padding:10px 8px;font-size:11px;border-radius:5px;background:transparent;}
  body.studio-refined #notesPane {padding:0;border:0;}
  body.studio-refined #voiceQualityBanner {position:static;display:flex;width:auto;max-width:none;margin:15px 0 0;padding:12px 0;border:0;border-top:1px solid var(--line-soft);border-radius:0;background:none;box-shadow:none;color:#81918a;font-size:10px;}
  body.studio-refined #voiceQualityBanner .voiceQualityMark,
  body.studio-refined #voiceQualityDismiss {display:none;}
  body.studio-refined #voiceQualityBanner b {font-size:10px;color:#a9b7ae;font-weight:500;}
  body.studio-refined .workspaceBottomDock {padding-inline:18px;}
  body.studio-refined #readNextStep,
  body.studio-refined .workspacePrivacyFooter:not(:has(.save-error)) {display:none;}
  body.studio-refined .projectNextStep {border:0;border-radius:0;background:transparent;box-shadow:none;padding:10px 0;}
  body.studio-refined .projectNextStep p {font-size:11px;line-height:1.6;}
  body.studio-refined .projectShareButton {min-height:40px;margin:6px 0 8px;padding:4px 0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  body.studio-refined .projectShareButton b {font-size:12px;font-weight:500;}
  body.studio-refined .projectShareButton small {font-size:10px;}
  body.studio-refined .homeDrawerPrivacy {font-size:10px;line-height:1.7;color:#7c8b84;}

  /* The reader and its transport have distinct, stable places. */
  body.studio-refined #readerBar {position:sticky;top:0;z-index:15;max-width:none;width:100%;margin:0;padding:21px 42px 16px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:#121416f5;box-shadow:none;}
  body.studio-refined #readerScene {font-size:12px;font-weight:500;letter-spacing:.2px;}
  body.studio-refined #readerSpeaker {font-size:11px;font-weight:400;}
  body.studio-refined .readerTrack {height:2px;margin-top:16px;background:#ffffff0b;}
  body.studio-refined #script {max-width:850px;margin:0 auto;padding:40px 45px 150px;font-size:var(--reader-font-size,16px);line-height:1.85;}
  body.studio-refined #script .item {border-radius:6px;}
  body.studio-refined #script .scene {margin:0 0 26px;padding:15px 0;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;font-size:13px;letter-spacing:1px;background:none;}
  body.studio-refined #script .action {color:#b5bdb6;line-height:1.85;}
  body.studio-refined #script .dlg {margin:26px auto;}
  body.studio-refined #script .cue {margin-bottom:8px;font:600 11px/1.5 var(--sans);letter-spacing:1.6px;}
  body.studio-refined #script .words {font-size:inherit;line-height:1.8;color:#e6e7df;}
  body.studio-refined #script .item.active {background:#94b3a710;box-shadow:inset 2px 0 var(--accent2);}
  body.studio-refined #controls {position:fixed;left:calc(var(--studio-side) + 24px);right:24px;bottom:34px;z-index:70;display:flex;flex-direction:row;align-items:center;gap:22px;min-height:76px;width:auto;padding:14px 22px;border:1px solid #3a4540;border-radius:12px;background:#202725f5;box-shadow:0 14px 50px #0005;backdrop-filter:blur(20px);}
  body.studio-refined #controls .btns {display:flex;gap:10px;width:auto;flex:none;order:2;}
  @media (min-width:701px) {
    body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode) #controls {flex-direction:row;padding:14px 22px;border:1px solid #3a4540;background:#202725f5;}
  }
  body.studio-refined #playBtn {flex:none;min-width:142px;height:42px;padding:0 15px;border-radius:6px;background:#d9c38f;color:#242218;font-size:12px;font-weight:650;}
  body.studio-refined #stopBtn {flex:none;min-width:55px;height:42px;border:0;background:transparent;color:#abbab0;font-size:11px;}
  .studioTransportInfo {display:flex;flex:1;align-items:center;gap:13px;min-width:0;order:1;}
  .studioTransportInfo > span:last-child {min-width:0;}
  .studioTransportMark {display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #94b7a738;border-radius:7px;color:#adcfbc;font-size:20px;}
  .studioTransportInfo b {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;font-weight:500;color:#edf0e6;}
  .studioTransportInfo small {display:block;margin-top:3px;font-size:10px;color:#90a095;}
  .studioTransportHint {font-size:10px;color:#89998f;white-space:nowrap;order:3;}
  .studioTransportHint kbd {padding:3px 6px;margin-right:5px;border:1px solid #536256;border-radius:4px;color:#b8c8bc;font:10px var(--sans);}
  body.studio-refined #controls #resumeBar {position:absolute;bottom:calc(100% + 8px);left:0;right:0;width:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);}
  body.studio-refined #controls #status:not(:empty) {position:absolute;bottom:calc(100% + 7px);left:0;right:0;font-size:11px;}
  body.studio-refined #cueBar {bottom:122px;left:calc(var(--studio-side) + 24px);right:24px;width:auto;max-width:none;transform:none;}

  /* Writing: quiet paper, common elements first, detail on demand. */
  body.studio-refined #writerDrawer {padding:22px 18px 0;}
  body.studio-refined #writerDocumentName {height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-0);font-size:13px;font-weight:500;}
  body.studio-refined .writerDetails {margin-top:10px;border:0;border-radius:0;background:none;box-shadow:none;}
  body.studio-refined #writerToolbar {background:var(--bg);box-shadow:none;}
  body.studio-refined #writerFormatRail {align-items:center;gap:4px;min-height:51px;padding:7px 22px;overflow:visible;background:none;border-bottom:1px solid var(--line-soft);}
  body.studio-refined #writerFormatRail > button {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:35px;gap:6px;padding:0 12px;border:1px solid transparent;border-radius:5px;background:none;color:#9ca9a0;font-size:11px;font-weight:500;}
  body.studio-refined #writerFormatRail > button svg {display:none;}
  body.studio-refined #writerFormatRail > button.active {background:#d9c38f12;border-color:#d9c38f30;color:#dac895;}
  body.studio-refined #writerFormatRail button::after {display:none;}
  body.studio-refined .writerFormatScrollButton {display:none!important;}
  .studioMoreFormats {position:relative;margin-left:4px;}
  .studioMobileFormats {display:none;}
  .studioMoreFormats > summary {display:flex;align-items:center;gap:11px;min-height:35px;padding:0 12px;list-style:none;cursor:pointer;color:#b9c5bd;font-size:11px;}
  .studioMoreFormats summary::-webkit-details-marker {display:none;}
  .studioMoreFormats.hasActiveFormat > summary {color:var(--accent);}
  .studioMoreFormatsPanel {position:absolute;top:calc(100% + 7px);right:0;z-index:60;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:4px;width:260px;padding:9px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);box-shadow:0 12px 40px #0006;}
  body.studio-refined #writerFormatRail .studioMoreFormatsPanel button {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;height:37px;width:100%;min-width:0;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:11px;}
  body.studio-refined #writerFormatRail .studioMoreFormatsPanel button:hover {background:var(--surface-3);}
  body.studio-refined #writerFormatRail .studioMoreFormatsPanel button svg {width:16px;height:16px;color:var(--dim);}
  body.studio-refined .writerUtilityRail {min-height:55px;padding:9px 23px;background:none;border-bottom:1px solid var(--line-soft);}
  body.studio-refined .writerViewSwitch {border:0;background:none;box-shadow:none;}
  body.studio-refined .writerViewSwitch button {min-height:30px;padding-inline:12px;border:0;background:none;color:var(--dim);font-size:11px;}
  body.studio-refined .writerViewSwitch button.active {background:var(--surface-2);color:var(--text);}
  body.studio-refined #writerExportMenuBtn {height:32px;border-color:var(--line-strong);background:var(--surface-2);color:var(--text);font-size:11px;}
  body.studio-refined #writerPagesView {padding-top:35px;background:#101315;}
  body.studio-refined.writer-mode #writerPaper {border-color:#d1cfc8;border-radius:2px;background:#f4f2eb;color:#282b27;caret-color:#282b27;box-shadow:0 15px 60px #0004;}
  body.studio-refined #writerPaper .writerBlock {color:#282b27;}
  body.studio-refined #writerPaper .writerBlock:focus {border-color:#a3976855;background:#e8e5d970;box-shadow:none;}
  body.studio-refined #writerPaper .writerBlock::after {color:#878574;}
  body.studio-refined #writerStatusBar {min-height:32px;padding-inline:22px;background:var(--bg);color:#87988d;font-size:10px;}
  body.studio-refined #writerShortcutHint {font-size:10px;}

  /* Production keeps its existing deeper tools and adopts the same system. */
  body.studio-refined #productionDrawer {padding:22px 18px 0;}
  body.studio-refined #productionDrawer #insTabs {display:flex;flex:none;flex-direction:column;align-items:stretch;width:100%;height:auto;min-height:198px;margin:0 0 22px;padding:0;border:0;background:transparent;overflow:visible;gap:6px;}
  body.studio-refined #productionDrawer #insTabs button {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:45px;padding:10px 13px;border:0;border-radius:6px;background:transparent;}
  body.studio-refined #productionDrawer #insTabs button.active {background:#90b4a514;color:#b3d1be;box-shadow:none;}
  body.studio-refined #productionDrawer > .workspaceDrawerScroll {flex:1 1 auto!important;overflow-y:auto;}
  body.studio-refined #productionDrawer .workspaceBottomDock {gap:14px;padding-bottom:28px;}
  body.studio-refined #productionDrawer #productionNextStep {height:auto;min-height:0;max-height:none;overflow:visible;}
  body.studio-refined #writerDrawer .workspaceBottomDock {gap:14px;padding-bottom:28px;}
  body.studio-refined #writerDrawer #writerNextStep {height:auto;min-height:0;max-height:none;overflow:visible;}
  body.studio-refined.production-mode #insWrap {inset:var(--studio-header) 0 0 var(--studio-side);background:var(--bg);}
  body.studio-refined .productionSideTabs {padding:0;border:0;background:transparent;gap:6px;}
  body.studio-refined .productionSideTabs button {min-height:43px;padding:10px 12px;border:0;border-radius:6px;background:transparent;font-size:12px;}
  body.studio-refined .productionSideTabs button.active {background:#90b4a514;color:#b3d1be;}
  body.studio-refined .productionSceneCard {border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:none;}
  body.studio-refined .productionSceneHead {padding:18px 20px;background:none;}
  body.studio-refined .sceneCardTitle {font-size:15px;font-weight:550;letter-spacing:-.2px;}
  body.studio-refined .sceneCardCast {font-size:12px;}
  body.studio-refined .productionNavIcon {filter:saturate(.35);}
  body.studio-refined .shotWorkspaceToolbar {border:1px solid var(--line-soft);border-radius:7px;background:transparent;box-shadow:none;}
  body.studio-refined :is(.callSection,.scheduleDayCard,.todaySection,.projectWorkflowCard) {border-radius:8px;box-shadow:none;}
  body.studio-refined .orderTools {padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;}
  body.studio-refined .orderToolsCopy b {font-size:13px;font-weight:550;}
  body.studio-refined .orderToolsCopy b::before {display:none;}
  body.studio-refined .orderToolsCopy > span {margin:5px 0 0;font-size:11px;line-height:1.5;}
  body.studio-refined .sceneCardKicker > span {border:0;background:none;padding:0;color:var(--dim);font-size:9px;letter-spacing:.4px;}
  body.studio-refined .sceneCardKicker .sceneTag {color:var(--accent);}
  body.studio-refined .sceneCardKicker {gap:8px;margin-bottom:8px;}
  body.studio-refined .sceneCardSummaryCounts i {padding:0;background:none;border:0;font-size:10px;}
  body.studio-refined .sceneCardSummaryCounts {gap:12px;margin-top:8px;}
  body.studio-refined .scheduleLaneHeader {flex-wrap:wrap;}
  body.studio-refined .scheduleLaneHeader .dayCallBtn {width:auto;flex:0 0 auto;}
  body.studio-refined .scheduleLaneHeader small {white-space:normal;overflow:visible;}
  body.studio-refined .todayStatusGrid b {white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5;}
  body.studio-refined :is(.todayStatusGrid,.scheduleBoardSummary) small {font-weight:500;font-size:10px;letter-spacing:.5px;}

  @media (max-width:1250px) and (min-width:701px) {
    body.studio-refined {--studio-side:286px;}
    body.studio-refined #workspaceDock {padding-inline:18px;gap:10px;}
    .studioHero {gap:30px;}
    body.studio-refined #empty {padding-inline:34px;}
    body.studio-refined #empty .studioHero h2 {font-size:43px;letter-spacing:-1.5px;}
    .studioHeroActions {gap:8px;}
    body.studio-refined .studioHeroCopy > p {font-size:13px;}
    .studioDemoLineLast {display:none;}
    .studioTransportHint {display:none;}
    .studioProjectHome {margin-right:130px;}
    body.studio-refined #writerFormatRail {gap:1px;padding-inline:14px;}
    body.studio-refined #writerFormatRail > button {padding-inline:9px;font-size:10px;}
  }
  @media (max-width:980px) and (min-width:701px) {
    body.studio-refined {--studio-side:270px;}
    body.studio-refined #brand .brandHeading {padding-inline:18px;}
    body.studio-refined #brand .brandLockup > span {font-size:17px;}
    body.studio-refined #workspaceDock {gap:3px;padding-inline:12px;}
    body.studio-refined #workspaceDock .workspaceLabel {font-size:12px;}
    body.studio-refined #workspaceDock .workspaceGlyph {display:none;}
    .studioProjectHome {display:none;}
    .studioHero {grid-template-columns:1fr;}
    .studioDemo {max-width:460px;transform:none;margin-top:6px;}
    .studioWorkflow {gap:15px;margin-top:35px;}
    .studioWorkflow > div + div {padding-left:14px;}
    .studioWelcomeFooter {flex-direction:column;align-items:flex-start;}
    body.studio-refined #writerFormatRail {flex-wrap:wrap;}
    body.studio-refined #controls {gap:10px;padding-inline:15px;}
    .studioTransportMark {display:none;}
  }
  @media (max-width:700px) {
    body.studio-refined .todayStatusGrid > span:last-child {grid-column:1/-1;}
    body.studio-refined .scheduleBoardSummary {grid-template-columns:repeat(2,minmax(0,1fr));}
    body.studio-refined .scheduleBoardSummary > span {padding:12px;border-top:1px solid var(--line-soft);}
    body.studio-refined .scheduleBoardSummary > span:nth-child(-n+2) {border-top:0;}
    body.studio-refined .scheduleBoardSummary > span:nth-child(odd) {border-left:0;}
    body.studio-refined .productionSceneHead {grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:14px;}
    body.studio-refined .productionSceneHead .dragHandle {grid-column:1;grid-row:1;width:36px;height:36px;border:0;background:none;}
    body.studio-refined .productionSceneHead .orderBadge {grid-column:2;grid-row:1;justify-self:start;display:flex;gap:5px;min-width:0;height:36px;padding:0;border:0;background:none;font-size:11px;font-weight:500;}
    body.studio-refined .productionSceneHead .orderBadge::before {font-size:10px;letter-spacing:0;text-transform:none;font-weight:400;}
    body.studio-refined .productionSceneHead .sceneCardMain {grid-column:1/-1;grid-row:2;padding:0;}
    body.studio-refined .productionSceneHead .sceneCardTitle {font-size:14px;line-height:1.5;}
    body.studio-refined .productionSceneHead .sceneCardActions > .insJump {grid-column:1/3;grid-row:3;width:auto;}
    body.studio-refined .productionSceneHead .sceneCardActions > .orderBtns {grid-column:3;grid-row:3;}
    body.studio-refined .scheduleLaneHeader {gap:12px;}
    body.studio-refined .scheduleLaneHeader > div {flex:1 1 180px;}
    body.studio-refined .scheduleLaneHeader .dayCallBtn {margin-left:45px;min-height:38px;font-size:11px;}
    body.studio-refined.mobile-menu-open #sidebar {padding-bottom:0;pointer-events:auto;}
    body.studio-refined.mobile-menu-open #sidebar > :is(#homeDrawer,#writerDrawer,#productionDrawer) {position:static!important;inset:auto!important;flex-direction:column;width:100%;min-width:0;min-height:0;overflow-y:auto;}
    body.studio-refined.mobile-menu-open #sidebar #recentProjects {width:100%;min-width:0;}
    body.studio-refined.mobile-menu-open #sidebar > #mobileDrawer {position:static!important;inset:auto!important;flex:1 1 auto;height:100%!important;min-height:0;padding:0!important;background:var(--panel);border:0;border-radius:0;transform:none;}
    body.studio-refined.mobile-menu-open #controls,
    body.studio-refined.mobile-menu-open #cueBar {display:none!important;}
    .studioVoiceControls {grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;}
    body.studio-refined .studioVoiceControls :is(select,button) {height:42px;min-height:42px;}
    body.studio-refined .studioVoiceControls button {width:42px;}
    body.studio-refined .studioRoleButton {min-height:36px;font-size:12px;}
    body.studio-refined {--studio-header:110px;--studio-side:0px;display:block;overflow:hidden;padding-top:110px;}
    body.studio-refined #sidebar,
    body.studio-refined.splash-home #sidebar {position:fixed;z-index:90;top:0;left:0;width:100%;min-width:0;height:110px;overflow:visible;border:0;background:transparent;}
    body.studio-refined #sidebar header#brand,
    body.studio-refined.splash-home #sidebar header#brand {height:110px;min-height:110px;display:block;}
    body.studio-refined #brand .brandHeading {display:flex;justify-content:flex-start;align-items:center;width:auto;height:55px;padding:0 19px;}
    body.studio-refined #brand .brandLockup > span {font-size:18px;}
    body.studio-refined #brand .brandMark {width:22px;height:22px;}
    body.studio-refined #workspaceDock {display:flex;justify-content:space-around;gap:0;width:100%;height:55px;padding:0 15px;border-top:1px solid var(--line-soft);}
    body.studio-refined #workspaceDock :is(#writerBtn,#brandHome,#toolsBtn) {height:55px;padding:0 12px;font-size:12px;}
    body.studio-refined #workspaceDock .workspaceLabel {display:block;font-size:12px;}
    body.studio-refined #workspaceDock .workspaceGlyph {display:block;width:15px;height:15px;}
    body.studio-refined #workspaceDock #mobileMenuBtn {position:fixed!important;display:block;top:9px!important;right:13px!important;left:auto!important;bottom:auto!important;width:37px;height:37px;min-width:37px;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-size:16px;}
    body.studio-refined #appUtilityDock {top:10px;right:58px;bottom:auto!important;height:35px;}
    body.studio-refined .appUtilityAbout,
    body.studio-refined .studioProjectHome,
    body.studio-refined .testPreviewBadge {display:none;}
    body.studio-refined #sidebar > :is(#homeDrawer,#writerDrawer,#productionDrawer,#mobileDrawer) {display:none!important;}
    body.studio-refined.mobile-menu-open #sidebar {top:110px;height:calc(100dvh - 110px);background:var(--panel);overflow:auto;box-shadow:0 20px 40px #0006;}
    body.studio-refined.mobile-menu-open.splash-home #sidebar > #homeDrawer {display:flex!important;height:100%;padding:24px;}
    body.studio-refined.mobile-menu-open.writer-mode #sidebar > #writerDrawer {display:flex!important;height:100%;}
    body.studio-refined.mobile-menu-open.production-mode #sidebar > #productionDrawer {display:flex!important;height:100%;}
    body.studio-refined.mobile-menu-open:not(.splash-home):not(.writer-mode):not(.production-mode):not(.project-home-mode) #sidebar > #mobileDrawer {display:flex!important;height:100%;padding-bottom:110px;}
    body.studio-refined #main,
    body.studio-refined.splash-home #main {height:calc(100dvh - 110px);width:100%;min-height:0;padding-top:0;margin:0;overflow-y:auto;}
    body.studio-refined #empty {min-height:100%;padding:28px 23px 38px;}
    .studioWelcomeHeading {margin-bottom:31px;}
    .studioEyebrow {font-size:9px;letter-spacing:1.6px;}
    .studioWelcomeIndex {font-size:10px;}
    .studioHero {grid-template-columns:1fr;gap:34px;}
    body.studio-refined #empty .studioHero h2 {font-size:44px;letter-spacing:-1.7px;}
    body.studio-refined .studioHeroCopy > p {margin:22px 0 24px;font-size:13px;line-height:1.8;}
    .studioHeroActions {gap:20px;}
    body.studio-refined .studioPrimary {height:46px;padding-inline:15px;font-size:12px;}
    body.studio-refined .studioTextButton {font-size:12px;}
    .studioDemo {transform:none;max-width:430px;}
    .studioWorkflow {grid-template-columns:1fr;margin-top:35px;gap:22px;padding-top:25px;}
    .studioWorkflow > div + div {border-left:0;padding-left:0;}
    .studioWorkflow h3 {margin:8px 0 5px;font-size:16px;}
    .studioWorkflow p {max-width:100%;font-size:12px;}
    .studioWelcomeFooter {align-items:flex-start;flex-direction:column;gap:13px;margin-top:28px;font-size:10px;}
    .studioWelcomeFooter > span {align-items:flex-start;}
    body.studio-refined #readerBar {padding:17px 20px 12px;}
    body.studio-refined #readerScene {font-size:11px;max-width:78%;}
    body.studio-refined #readerSpeaker {font-size:10px;}
    body.studio-refined #script {width:100%;padding:24px 18px 140px;font-size:var(--reader-font-size,14px);line-height:1.8;}
    body.studio-refined #script .scene {font-size:11px;}
    body.studio-refined #script .action {margin-inline:0;padding:12px 3px;}
    body.studio-refined #script .words {font-size:inherit;line-height:1.8;}
    body.studio-refined #controls {left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:10px;min-height:70px;padding:11px 13px;border-radius:10px;}
    .studioTransportMark,.studioTransportHint {display:none;}
    .studioTransportInfo {min-width:50px;}
    .studioTransportInfo b {font-size:11px;}
    .studioTransportInfo small {font-size:9px;}
    body.studio-refined #controls .btns {gap:4px;}
    body.studio-refined #playBtn {min-width:105px;height:42px;font-size:11px;padding-inline:10px;}
    body.studio-refined #stopBtn {min-width:38px;height:42px;font-size:10px;}
    body.studio-refined #cueBar {left:12px;right:12px;bottom:96px;}
    body.studio-refined #sideScroll {padding:20px 24px;}
    body.studio-refined .secToggle {min-height:48px;font-size:12px;}
    body.studio-refined #writerFormatRail {position:relative;gap:0;min-height:52px;padding:4px 14px;flex-wrap:nowrap;}
    body.studio-refined #writerFormatRail > button, .studioMoreFormats {display:none;}
    .studioMobileFormats {display:block;width:100%;}
    .studioMobileFormats > summary {display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px;list-style:none;cursor:pointer;font-size:12px;}
    .studioMobileFormats > summary::-webkit-details-marker {display:none;}
    .studioMobileFormats summary b {font-weight:500;color:var(--text);}
    .studioFormatLabel {color:var(--dim);font-size:11px;}
    .studioMobileFormats summary svg {width:16px;height:16px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(90deg);color:var(--dim);}
    .studioMobileFormats[open] summary svg {transform:rotate(-90deg);}
    .studioMobileFormatsPanel {position:absolute;top:calc(100% + 4px);left:14px;right:14px;z-index:60;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:calc(100dvh - 220px);overflow-y:auto;padding:8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-2);box-shadow:0 12px 40px #0006;}
    body.studio-refined #writerFormatRail .studioMobileFormatsPanel button {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;height:42px;width:100%;min-width:0;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:11px;}
    body.studio-refined #writerFormatRail .studioMobileFormatsPanel button svg {width:16px;height:16px;flex:none;color:var(--dim);}
    body.studio-refined #writerFormatRail .studioMobileFormatsPanel button:is(:hover,.active) {background:var(--surface-3);color:var(--accent);}
    .studioMoreFormats {margin-left:0;}
    .studioMoreFormats > summary {padding-inline:7px;font-size:10px;}
    .studioMoreFormatsPanel {right:0;left:auto;width:240px;}
    body.studio-refined .writerUtilityRail {min-height:47px;padding:6px 10px;}
    body.studio-refined .writerViewSwitch button {padding-inline:8px;font-size:10px;}
    body.studio-refined #writerPagesView {padding-top:20px;}
    body.studio-refined #writerStatusBar {padding-inline:12px;font-size:9px;}
  }
  @media (prefers-reduced-motion:reduce) {
    body.studio-refined *,body.studio-refined *::before,body.studio-refined *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  }
}
@media print { .studioMoreFormats,.studioTransportInfo,.studioTransportHint,.studioProjectHome {display:none!important;} }

@media screen { body.studio-refined.studio-live #sidebar { padding-bottom:0; } }