/* Video is the visual focus; tools stay compact and use shared tokens. */
.studio-workspace {grid-template-columns:310px minmax(0,1fr); gap:24px; align-items:start;}
#st-mobile-tabs {display:none;}
#studio-new {top:24px; padding:24px;}
#studio-new .card-title {margin-bottom:20px;}
#studio-new .grid-2 {gap:12px; margin-top:20px;}
#studio-new .row {flex-wrap:wrap;}
.source-tabs {display:flex; padding:4px; gap:4px; background:var(--bg); border-radius:8px; margin-bottom:20px;}
.source-tabs button {flex:1; min-height:40px; border:0; border-radius:6px; color:var(--muted); background:transparent; font:inherit; cursor:pointer;}
.source-tabs [aria-pressed="true"] {background:var(--surface-2); color:var(--text); box-shadow:var(--shadow-sm);}
.file-drop {display:grid; justify-items:center; gap:12px; border:1px dashed var(--line-strong); border-radius:12px; padding:24px 16px; text-align:center; overflow-wrap:anywhere;}
.drop-mark {font-size:30px; color:var(--accent);}
.st-submit {width:100%; margin-top:12px;}
#studio-new .stepper {width:100%; border-radius:8px; justify-content:space-between;}
#studio-new .stepper button {width:44px; min-width:44px; min-height:44px; padding:0;}
#studio-new .stepper span {min-width:24px; padding:0; font-size:14px;}
#studio-new label.row {flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-top:16px;}
#studio-new label.row .lbl {font-size:14px;}
#studio-new label.row .hint {font-size:12px;}
#studio-new .field {gap:6px;}
.form-error {color:var(--err); font-size:14px; overflow-wrap:anywhere;}
.form-error:empty {display:none;}
[data-od-id="studio-queue"] .section-head {margin:0;}
[data-od-id="studio-queue"] .section-head h2 {font-size:18px; line-height:26px; margin:0;}
[data-od-id="studio-queue"] {gap:8px; min-width:0;}
#st-sync:empty {display:none;}
#st-selected > .progress {margin:0 20px 20px;}
#st-jobs {display:flex; overflow:auto; gap:10px; max-height:132px; padding:2px 2px 8px; align-items:stretch;}
.st-job {flex:0 0 240px; padding:14px; border-radius:10px; align-content:start; gap:8px;}
.st-job[data-selected="true"] {border-color:var(--accent); background:var(--accent-soft);}
.st-job-title {background:none; border:0; padding:0; color:var(--text); font:600 14px var(--font-family); text-align:left; cursor:pointer; white-space:normal; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.st-job-head {align-items:center; gap:8px;}
.st-job-head .chip {font-size:11px; flex:none;}
.st-job-meta {font-size:12px;}
.st-job .btn {min-height:36px; font-size:12px;}
.st-job > .btn, .st-job > .more, .st-job .st-job-err {display:none;}
.st-job-title {min-height:44px; -webkit-line-clamp:1;}
.st-job-meta {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.st-job {padding:8px 12px;}
.st-job-meta, .st-job > .progress {display:none;}
#st-jobs {max-height:88px;}
#st-selected > .btn {margin:0 20px 20px; align-self:flex-start;}
#st-selected > .more {margin:0 20px 20px;}
.selected-head {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:0;}
.selected-head h2 {font:600 16px var(--font-family); margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.selected-head a {flex:none; font-size:13px; color:var(--accent);}
.clip-player {border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface);}
.clip-player {display:flex; flex-direction:column;}
.player-caption {order:-1;}
.media-stage {background:var(--media-bg); display:flex; justify-content:center; overflow:hidden;}
.media-stage video {width:100%; height:clamp(220px,32vh,380px); object-fit:contain; display:block;}
.player-caption {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px;}
.player-caption > div {min-width:0;}
.player-caption h3 {font:600 17px var(--font-family); margin:0 0 4px; overflow-wrap:anywhere;}
.player-caption p {margin:0; overflow-wrap:anywhere;}
.player-caption .btn {flex:none;}
.clip-details {padding:0 20px 20px; font-size:14px;}
.clip-details summary {color:var(--muted); cursor:pointer; min-height:32px;}
.media-error {padding:0 20px; color:var(--err);}
.clips-strip {display:flex; overflow:auto; gap:12px; padding:2px 2px 8px;}
.clip-tile {position:relative; display:flex; flex-direction:column; min-width:0; padding:0; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); color:var(--text); text-align:left; cursor:pointer; font:inherit;}
.clip-tile::before {content:'▶'; display:grid; place-items:center; position:absolute; top:0; left:0; right:0; height:130px; color:var(--muted); background:var(--media-bg); z-index:0;}
.clip-tile img {position:relative; width:100%; height:130px; object-fit:contain; background:var(--media-bg);}
.clip-tile:not(:has(img:not([hidden]))) {padding-top:130px;}
.clip-tile-time {position:absolute; right:8px; top:100px; color:var(--media-text); background:var(--media-bg); font-size:12px; padding:2px 6px; border-radius:4px;}
.clip-tile-title {padding:12px; font-size:14px; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:64px;}
.clip-tile > .hint {padding:0 12px 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clips-strip .clip-tile {flex:0 0 160px;}
.clip-tile:hover {border-color:var(--line-strong);}
.clip-tile[aria-pressed="true"] {border-color:var(--accent); box-shadow:0 0 0 1px var(--accent);}
.library-toolbar {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:24px;}
.library-toolbar .field {flex:0 1 160px;}
.library-toolbar .field:first-child {flex:1 1 260px;}
.library-grid {display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:20px;}
#lib-more {display:block; margin:24px auto;}
#lib-player {max-width:900px; margin:0 auto;}
@media(max-width:1100px) {.studio-workspace {grid-template-columns:280px minmax(0,1fr); gap:16px;} #studio-new {padding:20px;} .player-caption {flex-wrap:wrap;} }
@media(max-width:900px) {.studio-workspace {grid-template-columns:1fr;} #studio-new {position:static;} .media-stage video {height:50vh;} #st-mobile-tabs {display:flex;} body[data-st-view="results"] #studio-new {display:none;} body[data-st-view="new"] [data-od-id="studio-queue"] {display:none;} body[data-app="movieclipper"] .page-head-acts {width:auto;} body[data-app="movieclipper"] .page-head-acts .btn {width:auto;} }
@media(max-width:520px) {.studio-workspace {gap:24px;} #studio-new {padding:20px;} .st-filters {gap:4px;} .st-filters .btn {padding:8px; font-size:12px;} .player-caption {padding:16px; gap:16px;} .player-caption .btn {width:100%;} .library-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;} .clip-tile-title {font-size:13px;} .library-toolbar {gap:8px;} .library-toolbar .field {flex:1 1 120px;} }
@media(max-width:900px) { .studio-workspace > [data-od-id="studio-queue"] {display:flex; flex-direction:column;} .studio-workspace .selected-head {order:-3;} #st-selected {order:-2;} #st-clips-strip {order:-1;} }