/* Studio finish: shared color roles, surfaces and interactions. Layout and canvas sizing
   remain owned by the editor's persisted workspace controls. */
:root{--ss-bg:#060e18;--ss-panel:#0b1a28;--ss-border:#213d53;--ss-cyan:#27cbff;--ss-muted:#93adbf;--ss-text:#e0edf7;--studio-amber:#ffbc61;--studio-violet:#bd94ff;--studio-teal:#53d8bf;--studio-ease:cubic-bezier(.22,1,.36,1)}
body.studio-suite{background:radial-gradient(ellipse at 40% -15%,#12355188,transparent 65%),#060e18;color:var(--ss-text)}
.studio-suite .suite-header{background:linear-gradient(110deg,#071b2c,#08131f 65%,#0b1c2a);border-bottom-color:#28617a;box-shadow:0 2px 22px #0005}
.studio-suite .suite-brand strong{letter-spacing:1.5px;color:#eff8ff;text-shadow:0 0 22px #36bcff22}
.studio-suite .suite-brand strong b{color:#42caff}
.studio-suite .suite-monogram{border-color:#3dd4ff;box-shadow:inset 0 0 20px #1caeff22,0 0 18px #16b4ff13}
.studio-suite .suite-nav button{gap:7px;position:relative;border-radius:0;color:#9db9cf;transition:color .18s,background .18s}
.studio-suite .suite-nav button svg{width:17px;height:17px;flex-shrink:0;color:#7ecaff;opacity:.8}
.studio-suite .suite-nav button:hover{color:#ecfaff;background:linear-gradient(0deg,#0b5e833f,transparent)}
.studio-suite .suite-nav button[aria-current=page]{color:#eafaff;background:linear-gradient(0deg,#0879a64d,transparent);box-shadow:inset 0 -2px #27cbff,0 4px 14px -9px #27cbff}
.studio-suite .suite-nav button[aria-current=page] svg{color:#35d7ff;opacity:1;filter:drop-shadow(0 0 5px #20c9ff55)}
.studio-suite .suite-panel{background:linear-gradient(140deg,#10263880,#0a1926 60%);border-color:#223e52;border-radius:7px;box-shadow:0 3px 12px #0002,inset 0 1px #b2e3ff05}
.studio-suite .suite-panel-title{background:linear-gradient(90deg,#102e424f,transparent);border-bottom:1px solid #29455977;color:#7ed6ff;letter-spacing:1.35px;padding-top:8px;padding-bottom:8px}
.studio-suite .suite-count{font-variant-numeric:tabular-nums;color:#8caec7;letter-spacing:.6px}
.studio-suite .suite-sidebar,.studio-suite .suite-inspector{scrollbar-color:#31546a #08121c;scrollbar-width:thin}
.studio-suite :is(button,a,input,select){-webkit-tap-highlight-color:transparent}
.studio-suite :is(button,a,select,input):focus-visible{outline:2px solid #55d6ff;outline-offset:2px}
.studio-suite button{transition:background .16s,border-color .16s,box-shadow .18s,color .16s}
.studio-suite button:not(:disabled):hover{border-color:#4e7e9b}
.studio-suite .suite-primary,.studio-suite #suite-create-from-here,.studio-suite #play{color:#f5fcff!important;background:linear-gradient(140deg,#05bce9,#137bd0)!important;border:1px solid #39ccff!important;box-shadow:inset 0 1px #b4f5ff50,0 3px 12px #0088dd25}
.studio-suite .suite-primary:hover,.studio-suite #play:hover{box-shadow:inset 0 1px #b4f5ff70,0 0 18px #00baff35!important}
.studio-suite #suite-open-tools{background:linear-gradient(135deg,#38274a,#1a2338);border-color:#8560b0;color:#dcc4ff}
.studio-suite #suite-open-tools svg{color:#bd94ff}
.studio-suite #suite-montage-open,.studio-suite .suite-heading-actions>button:first-child:not(#suite-open-tools):not(#suite-create-clip){background:linear-gradient(125deg,#6d3c18,#362313)!important;border-color:#d3944d!important;color:#ffe1ad;box-shadow:inset 0 1px #ffd69c30,0 0 15px #c778201a}
.studio-suite .suite-workspace-heading{padding:9px 1px 8px;gap:12px}
.studio-suite #suite-breadcrumb{color:#81b4d0;letter-spacing:1.7px}
.studio-suite .suite-workspace-heading h1{color:#eff7ff;letter-spacing:-.35px}
.studio-suite .suite-workspace-heading h1>span{color:#85abc5}
.studio-suite .suite-preview{border-color:#307290;box-shadow:0 8px 24px #0005,inset 0 1px #7cdbff15;border-radius:8px;overflow:hidden}
.studio-suite .suite-preview-top{background:linear-gradient(90deg,#0e2c40,#0c1b29);border-bottom-color:#27516a}
.studio-suite .suite-preview-top small{color:#6a9fbf;letter-spacing:1.4px}
.studio-suite .suite-preview-top i{background:#4dd9ef;box-shadow:0 0 7px #35caff88}
.studio-suite .suite-preview-info{background:linear-gradient(90deg,#112d43,#0b1c2b);border-top:1px solid #284a62}
.studio-suite #suite-transport{background:#0a1927}
.studio-suite #seek,.studio-suite input[type=range]{accent-color:#20caff}
.studio-suite #suite-audio-mount{color:#aac3d6;border-bottom:1px solid #24495e;padding-bottom:5px}
.studio-suite .suite-library-entry{margin:4px 6px;border:1px solid transparent;border-radius:5px;background:#0b1c2a88;transition:background .18s,border-color .18s}
.studio-suite .suite-library-entry:has(.active){background:linear-gradient(100deg,#075a7b66,#0f2940);border-color:#1bbae9;box-shadow:inset 2px 0 #3cd4ff,0 0 12px #00aeff13}
.studio-suite .suite-library-entry:hover{background:#123048;border-color:#3e718d}
.studio-suite .suite-library-entry .suite-replay-card{padding:9px 5px 9px 8px;gap:9px;background:transparent!important;box-shadow:none!important;border:0!important;display:flex;align-items:center}
.studio-suite .suite-library-entry .suite-replay-card img{width:58px;height:48px;flex:0 0 58px;object-fit:cover;border:1px solid #38596f;border-radius:4px;filter:saturate(.85)}
.studio-suite .suite-library-entry .suite-replay-card>span{min-width:0}
.studio-suite .suite-replay-card strong{color:#dfedfa;line-height:1.3}
.studio-suite .suite-replay-card small{color:#95bad4}
.studio-suite .suite-replay-card em{color:#678ba5;font-style:normal}
.studio-suite .suite-player-row{border-bottom-color:#23425455!important}
.studio-suite .suite-player-row:hover{background:#16445c66!important}
.studio-suite .suite-player-row[aria-pressed=true]{background:linear-gradient(90deg,#075a7f77,#112b41)!important;box-shadow:inset 3px 0 #37d3ff}
.studio-suite .suite-player-row>span:last-child{color:#e8bd76}
.studio-suite .suite-moment-shelf{gap:8px;padding:10px;min-height:108px}
.studio-suite .suite-moment-card{border:1px solid #28495f!important;border-radius:5px!important;overflow:hidden;background:#0b1d2d!important;box-shadow:0 2px 8px #0003;transition:border-color .18s,box-shadow .18s}
.studio-suite .suite-moment-card:hover{border-color:#5cb8da!important;box-shadow:0 4px 14px #00a8e524}
.studio-suite .suite-moment-card[aria-pressed=true]{border-color:#f6b856!important;box-shadow:0 0 0 1px #ffb94d44,0 0 14px #f1a83520;background:#30261a!important}
.studio-suite .suite-moment-card>div{position:relative}
.studio-suite .suite-moment-card>div:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#07121d88);pointer-events:none}
.studio-suite .suite-moment-card small{color:#88b6d1}
.studio-suite .suite-hub-summary>.suite-panel{border-top:2px solid #2bbdE5;padding:14px;position:relative;overflow:hidden}
.studio-suite .suite-hub-summary>.suite-panel:nth-child(2){border-top-color:#53d8bf;background:linear-gradient(135deg,#16483840,#0b1a28 75%)}
.studio-suite .suite-hub-summary>.suite-panel:nth-child(3){border-top-color:#e4ad60;background:linear-gradient(135deg,#49361d40,#0b1a28 75%)}
.studio-suite .suite-hub-summary>.suite-panel small{color:#92b8d2;letter-spacing:1.5px}
.studio-suite .suite-hub-summary>.suite-panel>strong{color:#e4f2ff;font-size:1.35rem}
.studio-suite .suite-hub-summary>.suite-panel:nth-child(3)>strong{color:#efc386}
.studio-suite .suite-match-cover{border-radius:4px;border:1px solid #34546a;filter:saturate(.9)}
.studio-suite .suite-coverage-summary{padding:12px 13px 6px}
.studio-suite .suite-coverage-summary>div{display:flex;align-items:baseline;gap:10px;margin-bottom:7px}
.studio-suite .suite-coverage-summary strong{font-size:1.5rem;color:#63d6ea;font-variant-numeric:tabular-nums}
.studio-suite .suite-coverage-summary span{font-size:.75rem;color:#9ab8cc}
.studio-suite :is(.suite-coverage-summary,.suite-coverage-item) progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:6px;overflow:hidden;background:#1a3549;accent-color:#36ccea}
.studio-suite progress::-webkit-progress-bar{background:#1a3549;border-radius:6px}
.studio-suite progress::-webkit-progress-value{background:linear-gradient(90deg,#119cce,#5ddae4);border-radius:6px}
.studio-suite progress::-moz-progress-bar{background:linear-gradient(90deg,#119cce,#5ddae4);border-radius:6px}
.studio-suite .suite-coverage-item progress{margin-top:7px;height:4px}
.studio-suite .suite-coverage-item:nth-child(3n+2){border-left-color:#a589ef!important}
.studio-suite .suite-coverage-item:nth-child(3n){border-left-color:#e0a65e!important}
.studio-suite .suite-bookmarks-panel{border-top-color:#9b7acb}
.studio-suite .suite-bookmarks-panel .suite-panel-title{color:#c6a5f4}
.studio-suite .suite-event-timeline{border-top-color:#3586ab}
.studio-suite .suite-analysis-tabs button,.studio-suite .cs-inspector-tabs button{border-radius:4px}
.studio-suite #creator-studio{border-color:#2b4860}
.studio-suite #creator-studio .cs-inspector{background:linear-gradient(135deg,#142438,#0c1b28);border-color:#30465c}
.studio-suite #creator-studio :is(.cs-clips,.cs-audio-lane,.cs-title-lane)>button:hover{filter:brightness(1.16);box-shadow:inset 0 0 0 1px #b1e6ff88,0 0 8px #73caff22}
.studio-suite #creator-studio .cs-lane-title{color:#96bed7;letter-spacing:1.1px}
.studio-suite #creator-studio .cs-audio-lane{background:linear-gradient(90deg,#33254b55,#1c203a33)}
.studio-suite #creator-studio .cs-title-lane{background:linear-gradient(90deg,#41245255,#28213c33)}
.studio-suite #creator-studio .cs-inspector-tabs button[aria-selected=true]{border-color:#ad8be8;color:#e1cbff;background:#3e2b59;box-shadow:inset 0 -2px #bb94ff}
.studio-suite #creator-studio #cs-export{background:linear-gradient(135deg,#0ba9d7,#126bc1);border-color:#42bff0;color:#ecfaff;box-shadow:0 3px 12px #009bd222}
.studio-suite :is(.suite-empty,.suite-side-note){color:#87a6bb;line-height:1.6}
@media(min-width:761px) and (max-width:1350px){.studio-suite .suite-nav button{min-width:94px;flex-basis:94px;font-size:.75rem;gap:5px}.studio-suite .suite-nav button svg{width:14px;height:14px}.studio-suite .suite-library-entry .suite-replay-card img{width:44px;flex-basis:44px;height:44px}.studio-suite .suite-heading-actions{gap:5px}.studio-suite .suite-banner-stats>span{padding-left:10px}}
@media(max-width:760px){.studio-suite .suite-banner-stats>span{padding-left:8px}.studio-suite .suite-nav button svg{display:none}.studio-suite .suite-workspace-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.studio-suite *{scroll-behavior:auto!important;transition:none!important}.studio-suite .suite-moment-card,.studio-suite .suite-replay-card{transform:none!important}}

.studio-suite .suite-library-entry .suite-replay-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal!important}
.studio-suite .suite-heading-actions .suite-montage-cta{display:flex;align-items:center;gap:9px;text-align:left;padding:6px 12px;min-height:38px}
.studio-suite .suite-montage-cta>svg{width:24px;height:24px;color:#ffd18a;flex-shrink:0}
.studio-suite .suite-montage-cta span{display:grid;gap:1px}
.studio-suite .suite-montage-cta strong{font-size:.875rem;font-weight:600;color:#ffe5b9}
.studio-suite .suite-montage-cta small{font-size:.6875rem;color:#ceae86;font-weight:400}
@media(max-width:1350px){.studio-suite .suite-montage-cta small{display:none}.studio-suite .suite-heading-actions .suite-montage-cta{padding:6px 8px;gap:5px;min-height:30px}.studio-suite .suite-montage-cta>svg{width:17px;height:17px}.studio-suite .suite-montage-cta strong{font-size:.75rem}}

.studio-suite .suite-moment-card[data-owner=enemy]{border-color:#665335!important}
.studio-suite .suite-moment-card[data-owner=enemy]>small{color:#ecc180}
.studio-suite .suite-moment-card>div>.suite-streak-badge{position:absolute;right:5px;top:5px;left:auto;bottom:auto;z-index:2;border:1px solid #e8b36488;border-radius:3px;padding:1px 5px;color:#ffe3ad;background:#382612e8;font-size:.75rem;line-height:1.2}

.pe-cue-batch{padding:8px 10px;border:1px solid #31546a;border-radius:5px;background:#102333}.pe-cue-batch summary{cursor:pointer;color:#bfa3ff}.pe-cue-batch .cs-field-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.pe-cue-batch input[type=number]{width:82px}.pe-cue-batch small,.pe-cue-batch span{color:#8eaec2}

.suite-import-result{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #3aa5bb;border-radius:6px;background:linear-gradient(135deg,#123244,#10212f)}.suite-import-result[hidden]{display:none}.suite-import-result strong{color:#b5edff;font-size:1rem}.suite-import-result small{color:#a0bacf;line-height:1.5}.suite-import-result p{margin:0;color:#a8cfcb;line-height:1.5}