@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--bg:#0f0f10;--surface:#171719;--surface-2:#202023;--surface-3:#29292d;--line:#323236;--line-soft:#252529;--text:#f4f3f2;--muted:#97979e;--red:#c4301d;--red-bright:#dc3b26;--green:#4caf7d;--amber:#dfa23f;--blue:#5b91d5;--radius:6px;--sidebar:232px;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red-bright);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.15;font-weight:400}h2{font-size:20px;line-height:1.3;font-weight:500}h3{font-size:15px;font-weight:500}.eyebrow{text-transform:uppercase;color:var(--red-bright);font-size:10px;font-weight:600;letter-spacing:1.5px}.muted{color:var(--muted)}.hidden{display:none!important}
.login-page{background:#f4f3f1;color:#373737;min-height:100vh}.login-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);min-height:100vh}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8vw;overflow:hidden}.login-brand:after{content:"";position:absolute;left:8vw;right:0;bottom:9vh;height:1px;background:#d1ceca}.brand-logo{position:absolute;top:44px;left:8vw;width:130px;height:auto}.login-brand h1{font-size:clamp(48px,7vw,104px);font-weight:300;line-height:1.03;color:#454545;margin:18px 0 28px;letter-spacing:0}.login-brand h1 strong{font-weight:600;color:#333}.login-copy{max-width:600px;font-size:16px;line-height:1.7;color:#696969}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:42px;background:#111113;color:var(--text);padding:clamp(38px,6vw,86px)}.login-panel h2{font-size:38px;font-weight:400;margin-top:8px}.login-panel form{display:grid;gap:20px}.login-panel label,.form-grid label,.detail-form label,.inspector label{display:grid;gap:8px;color:#b8b8bd;font-size:12px}.login-panel input,.form-grid input,.form-grid select,.detail-form input,.detail-form textarea,.detail-form select,.inspector input{width:100%;background:#1c1c1f;border:1px solid #36363b;border-radius:4px;color:var(--text);padding:12px 13px}.login-panel input{font-size:15px;padding:14px}.local-hint{border-left:2px solid var(--red);padding-left:15px;color:#86868e;font-size:11px;line-height:1.8}.form-error{color:#ff7868;min-height:18px;font-size:12px}
.button,.icon-button,.text-button,.nav-item{border:0;cursor:pointer;color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:4px;padding:0 15px;font-weight:500;background:var(--surface-3)}.button svg{width:16px}.button.primary{background:var(--red);color:white}.button.primary:hover{background:var(--red-bright)}.button.subtle{background:var(--surface-2);border:1px solid var(--line)}.button.subtle:hover{background:var(--surface-3)}.button.wide{width:100%;height:44px}.button:disabled{opacity:.5;cursor:not-allowed}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:4px;background:transparent}.icon-button:hover{background:var(--surface-3)}.icon-button svg{width:18px;height:18px}.text-button{background:none;color:var(--muted);padding:8px 0}.text-button:hover{color:var(--text)}.text-button span{color:var(--red);margin-left:5px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#121214;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:22px 14px 14px;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px}.sidebar-brand img{width:60px}.sidebar-brand span{font-weight:600;font-size:12px;letter-spacing:2px;color:#bbb}.sidebar nav{display:grid;gap:4px}.nav-item{height:42px;border-radius:4px;background:transparent;display:flex;align-items:center;gap:12px;padding:0 12px;color:#a1a1a8;text-align:left}.nav-item svg{width:18px}.nav-item:hover{background:#1d1d20;color:#fff}.nav-item.active{background:#292321;color:#fff}.nav-item.active svg{color:var(--red-bright)}.nav-separator{height:1px;background:var(--line-soft);margin:12px 8px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line-soft);padding:16px 4px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.user-chip{display:flex;align-items:center;gap:9px;min-width:0}.user-chip>span:last-child{display:grid;min-width:0}.user-chip strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.user-chip small{color:var(--muted);font-size:9px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:11px;font-weight:600}.workspace{min-width:0;padding:20px 34px 50px}.topbar{height:50px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.topbar h1{margin-top:2px}.topbar-actions{display:flex;gap:8px;align-items:center}.mobile-menu{display:none}.view{display:none}.view.active{display:block}.toast{position:fixed;right:28px;top:24px;z-index:100;padding:11px 15px;background:#27272b;border-left:3px solid var(--red);box-shadow:0 8px 32px #0008;transform:translateY(-90px);transition:transform .2s;max-width:380px}.toast.visible{transform:translateY(0)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.metric{padding:13px 18px 13px 0;border-right:1px solid var(--line);margin-right:18px}.metric:last-child{border:0;margin:0}.metric-label{color:var(--muted);font-size:10px}.metric-value{font-size:24px;font-weight:500;margin:3px 0 1px}.metric-foot{font-size:9px;color:var(--muted)}.section-heading,.editor-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2,.editor-header h2{margin-top:5px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:15px}.media-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.media-card:hover{border-color:#505057;transform:translateY(-2px)}.media-thumb{aspect-ratio:16/9;background:#242427;position:relative;display:grid;place-items:center;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb .type-icon{width:28px;height:28px;color:#68686f}.media-duration{position:absolute;right:7px;bottom:7px;background:#080808d9;padding:2px 5px;border-radius:3px;font-size:9px}.media-card-body{padding:12px}.media-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:6px;font-size:10px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.status.published:before,.status.ready:before{background:var(--green)}.status.scheduled:before,.status.processing:before,.status.queued:before{background:var(--amber)}.status.failed:before{background:#e65b5b}.empty-state{grid-column:1/-1;border:1px dashed var(--line);padding:48px;text-align:center;color:var(--muted);border-radius:var(--radius)}.empty-state svg{width:32px;margin-bottom:12px;color:var(--red)}
.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.toolbar-spacer{flex:1}.search{height:38px;min-width:280px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 11px}.search svg{width:16px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.toolbar select,.profiles-list input{height:38px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:0 28px 0 10px}.data-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:auto;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:#85858d;font-size:9px;text-transform:uppercase;font-weight:600;letter-spacing:.8px;background:#1c1c1f}th,td{height:52px;padding:0 13px;border-bottom:1px solid var(--line-soft)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1d1d20}.check-cell{width:38px}.table-media{display:flex;align-items:center;gap:10px}.mini-thumb{width:58px;aspect-ratio:16/9;background:#29292c;border-radius:3px;object-fit:cover}.table-media span{display:grid}.table-media small{color:var(--muted);font-size:9px}.row-actions{display:flex;justify-content:flex-end}.format{color:var(--muted);font-size:10px}
dialog{width:min(520px,calc(100vw - 28px));background:#18181b;color:var(--text);border:1px solid #3a3a40;border-radius:7px;padding:22px;box-shadow:0 24px 80px #000c}dialog::backdrop{background:#050506c4;backdrop-filter:blur(3px)}.wide-dialog{width:min(980px,calc(100vw - 28px))}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dialog-header h2{margin-top:5px}.dropzone{height:210px;border:1px dashed #494951;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#151517}.dropzone:hover{border-color:var(--red)}.dropzone svg{width:32px;color:var(--red)}.dropzone span{font-size:11px;color:var(--muted)}.dropzone input{position:absolute;opacity:0;pointer-events:none}.progress-wrap{margin:18px 0}.progress-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.progress{height:5px;background:#303034;border-radius:3px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--red);transition:width .15s}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide,.switch-row{grid-column:1/-1}.switch-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.switch-row input{width:auto}.detail-grid{display:grid;grid-template-columns:minmax(320px,1.35fr) minmax(260px,.65fr);gap:24px}.detail-preview{aspect-ratio:16/9;background:#09090a;display:grid;place-items:center;position:relative;overflow:hidden}.detail-preview video,.detail-preview audio,.detail-preview img{width:100%;max-height:100%}.detail-preview img{height:100%;object-fit:contain}.detail-form{display:grid;gap:12px}.detail-form textarea{min-height:70px;resize:vertical}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.embed-box{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin-top:2px;display:grid;gap:8px}.embed-code{display:flex;gap:7px}.embed-code input{flex:1;background:#111113;border:1px solid var(--line);color:#aaa;padding:9px;border-radius:4px}.review-result{font-size:11px;color:var(--green);word-break:break-all}
.editor-layout{display:grid;grid-template-columns:210px minmax(400px,1fr) 230px;height:calc(100vh - 150px);min-height:560px;border:1px solid var(--line);background:#141416}.asset-bin,.inspector{background:#19191c;overflow:auto}.asset-bin{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);padding-bottom:15px}.panel-title{height:40px;padding:12px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:600}.asset-item{display:flex;gap:9px;padding:9px;border-bottom:1px solid var(--line-soft);cursor:pointer}.asset-item:hover{background:#222225}.asset-item img,.asset-icon{width:54px;height:34px;object-fit:cover;background:#28282c;border-radius:2px;display:grid;place-items:center}.asset-item svg{width:16px}.asset-item span{min-width:0}.asset-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.asset-item small{font-size:8px;color:var(--muted)}.editor-main{display:grid;grid-template-rows:minmax(240px,1fr) 42px 230px;min-width:0}.preview-stage{background:#09090a;display:grid;place-items:center;overflow:hidden}.preview-stage video,.preview-stage audio,.preview-stage img{max-width:100%;max-height:100%}.preview-placeholder{display:grid;justify-items:center;gap:9px;color:#666}.preview-placeholder svg{width:34px}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.timeline-toolbar>div{display:flex}.timeline{overflow:auto;background:#111113;position:relative}.ruler{height:26px;margin-left:42px;display:flex;justify-content:space-between;padding:7px 10px 0;color:#666;font-size:8px;border-bottom:1px solid var(--line)}.track{min-width:700px;height:62px;display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid var(--line)}.track>b{display:grid;place-items:center;background:#19191c;color:#777;font-size:9px}.track-content{display:flex;align-items:center;padding:5px;gap:3px;position:relative}.timeline-clip{height:50px;min-width:90px;border-radius:3px;background:#304159;border:1px solid #4e698e;padding:6px;overflow:hidden;cursor:pointer;position:relative}.timeline-clip.audio{background:#493552;border-color:#765582}.timeline-clip.image{background:#334d3e;border-color:#4f7960}.timeline-clip.selected{outline:2px solid var(--red)}.timeline-clip strong{font-size:9px;white-space:nowrap}.wave-lines{position:absolute;left:5px;right:5px;bottom:5px;height:15px;background:repeating-linear-gradient(90deg,#ffffff4d 0 1px,transparent 1px 4px)}.inspector label{padding:8px 12px 0}.empty-inspector{padding:20px 12px;color:var(--muted);font-size:10px}.profiles-list{display:grid;gap:8px;max-width:780px}.profile-row{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:8px;align-items:end;background:var(--surface);border:1px solid var(--line);padding:13px;border-radius:var(--radius)}.profile-row label{display:grid;gap:5px;color:var(--muted);font-size:9px}.profile-row input{width:100%;padding:0 9px}.admin-hidden{display:none!important}
.settings-form{max-width:720px;display:grid;gap:18px}.settings-form>label{display:grid;gap:8px;color:var(--muted);font-size:11px}.color-setting{display:flex;gap:8px}.color-setting input[type=color]{width:48px;height:40px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.color-setting input[type=text],#accent-color-text{height:40px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 12px;color:var(--text)}.player-style-preview{border:1px solid var(--line);padding:18px;background:#09090a;border-radius:var(--radius)}.player-style-preview>div{margin-top:12px;height:120px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.player-style-preview button{width:58px;height:42px;border:0;border-radius:6px;background:var(--red);color:white;display:grid;place-items:center}.player-style-preview button svg{width:20px}.player-style-preview span{position:absolute;left:8px;top:8px;font-size:11px}.player-style-preview i{position:absolute;left:8px;right:8px;bottom:7px;height:3px;background:var(--red)}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-columns table{min-width:560px}.timeline-clip[draggable=true]{cursor:grab}.track-content.drag-target{background:#27272c;outline:1px dashed var(--red);outline-offset:-3px}.title-clip{background:#5a3c2d!important;border-color:#8b6049!important}
@media(max-width:1050px){.media-grid{grid-template-columns:repeat(3,1fr)}.editor-layout{grid-template-columns:170px minmax(380px,1fr)}.inspector{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.detail-grid{grid-template-columns:1fr}.report-columns{grid-template-columns:1fr}}
@media(max-width:760px){:root{--sidebar:210px}.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;width:var(--sidebar);box-shadow:12px 0 40px #000b}.sidebar.open{transform:translateX(0)}.workspace{padding:20px 16px 50px}.mobile-menu{display:inline-grid;order:-1}.topbar{height:62px}.topbar-actions{flex-direction:row}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search{min-width:100%}.toolbar-spacer{display:none}.metrics{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr;height:auto}.asset-bin{height:150px;border-right:0;border-bottom:1px solid var(--line)}.editor-main{grid-template-rows:240px 42px 230px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}.profile-row{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}
@media(max-width:480px){.media-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);margin:0}.topbar h1{font-size:23px}.button{padding:0 11px}.toolbar .button span{display:none}}

.media-thumb{background:#09090a}
.media-thumb img{object-fit:contain}
.detail-preview video,.detail-preview img{height:100%;object-fit:contain}
.detail-preview audio{height:auto}
.preview-stage video,.preview-stage img{width:100%;height:100%;object-fit:contain}
.preview-stage audio{width:auto;height:auto}

.login-page{min-height:100vh;background:#0f0f10;color:var(--text)}
.login-simple{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-box{width:min(100%,340px);display:grid;gap:28px}
.login-wordmark{display:flex;align-items:center;justify-content:center;gap:18px}
.login-wordmark img{width:118px;height:auto}
.login-wordmark span{color:#d0d0d4;font-size:16px;font-weight:600;letter-spacing:3px}
.login-box form{display:grid;gap:16px}
.login-box label{display:grid;gap:7px;color:#b8b8bd;font-size:11px}
.login-box input{width:100%;height:44px;background:#19191c;border:1px solid #36363b;border-radius:4px;color:var(--text);padding:0 12px;font-size:14px}
.login-box .form-error{margin:-4px 0;min-height:17px}
.login-box .form-error:empty{display:none}
.review-link-row{display:grid;grid-template-columns:1fr auto 36px;align-items:center;gap:8px;border-top:1px solid var(--line-soft);padding:7px 0;font-size:10px}.review-link-row a{color:var(--text);overflow:hidden;text-overflow:ellipsis}.review-link-row span{color:var(--muted)}

.library-metrics{margin-bottom:14px}
.library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.library-card{min-width:0}
.library-card .media-thumb{aspect-ratio:16/9}
.library-card .card-thumb{display:block;width:100%;height:100%;object-fit:contain;background:#09090a}
.library-card .media-card-body{padding:12px 13px 13px}
.library-card h3{font-size:13px}
.card-owner{color:var(--muted);font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-status{display:flex;align-items:center;gap:14px;margin-top:10px}
.card-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line-soft)}
.card-facts div{min-width:0}
.card-facts dt{font-size:8px;text-transform:uppercase;color:#74747c}
.card-facts dd{margin:2px 0 0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-type{position:absolute;left:7px;bottom:7px;display:flex;align-items:center;gap:4px;background:#080808d9;padding:3px 6px;border-radius:3px;font-size:8px}
.media-type svg{width:11px;height:11px}
.card-select{position:absolute;top:8px;left:8px;width:24px;height:24px;display:grid;place-items:center;z-index:3;cursor:pointer}
.card-select input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.card-select span{position:relative;width:24px;height:24px;border:1px solid #626269;border-radius:4px;background:#09090ae6;transition:background .14s,border-color .14s}
.card-select:hover span{border-color:#8a8a92}
.card-select input:checked+span{border-color:var(--red);background:var(--red)}
.card-select input:checked+span:after{content:"";position:absolute;left:7px;top:4px;width:7px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.card-select input:focus-visible+span{outline:2px solid var(--red-bright);outline-offset:2px}
.select-all{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap;padding:0 4px}
.select-all input{accent-color:var(--red)}
.button.danger{background:transparent;border:1px solid #713a36;color:#ff8175}
.button.danger:hover{background:#3a1d1b}

.media-dialog{width:min(1180px,calc(100vw - 28px));height:min(780px,calc(100vh - 28px));max-width:none;max-height:none;padding:0;overflow:hidden}
.media-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.media-dialog-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 22px;border-bottom:1px solid var(--line);background:#1a1a1d}
.media-dialog-header h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-dialog-body{overflow:auto;padding:18px 22px;background:#151517}
.media-dialog-footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;border-top:1px solid var(--line);background:#1a1a1d}
.media-dialog-footer>div{display:flex;gap:8px}
.detail-workspace{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(390px,.95fr);gap:22px;align-items:start}
.detail-media-column{display:grid;gap:12px;min-width:0}
.detail-preview{width:auto;height:min(48vh,440px);max-width:100%;margin:0 auto;background:#09090a}
.detail-preview video,.detail-preview>img{width:100%;height:100%;object-fit:contain}
.preview-watermark{position:absolute;right:12px;top:12px;background:#0009;padding:5px 8px;font-size:10px}
.audio-preview{width:100%;height:100%;padding:20px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}
.audio-preview img{width:100%;height:100%;object-fit:contain}
.audio-preview audio{width:100%;height:36px}
.technical-strip{display:flex;gap:6px;flex-wrap:wrap}
.technical-strip span{background:#202023;border:1px solid var(--line-soft);padding:5px 8px;border-radius:3px;color:var(--muted);font-size:9px}
.technical-strip b{color:var(--text);font-weight:500}
.detail-form{min-width:0}
.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.detail-fields label{display:grid;gap:5px;color:#aaaab1;font-size:9px;min-width:0}
.detail-fields .field-wide{grid-column:1/-1}
.detail-fields input,.detail-fields textarea,.detail-fields select{min-width:0;height:38px;padding:8px 10px}
.detail-fields textarea{height:58px;min-height:58px}
.detail-fields input[type=file]{padding:7px;font-size:9px}
.detail-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}
.detail-workspace .embed-box{grid-column:auto;margin:0;padding:12px 0 0}
.field-caption{color:#aaaab1;font-size:9px}
.detail-workspace .embed-code input{min-width:0}

@media(max-width:900px){.media-dialog{height:calc(100vh - 18px);width:calc(100vw - 18px)}.detail-workspace{grid-template-columns:1fr}.detail-preview{height:min(42vh,360px)}.media-dialog-body{padding:14px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:560px){.detail-fields{grid-template-columns:1fr}.detail-fields .field-wide{grid-column:auto}.media-dialog-footer{align-items:stretch}.media-dialog-footer .button{padding:0 10px}.media-dialog-footer>div{margin-left:auto}.library-grid{grid-template-columns:1fr}.select-all span{display:none}}

.media-dialog{width:min(1420px,calc(100vw - 20px));height:min(900px,calc(100vh - 20px))}
.media-dialog-header{height:64px;padding-inline:24px}
.media-dialog-header h2{font-size:20px}
.media-dialog-body{padding:22px 26px}
.media-dialog-footer{min-height:70px;padding-inline:24px}
.media-dialog-footer .button{height:42px;font-size:13px}
.detail-workspace{grid-template-columns:minmax(430px,1.18fr) minmax(440px,.82fr);gap:28px}
.detail-preview{height:min(62vh,620px)}
.technical-strip span{padding:7px 10px;font-size:12px}
.field-caption,.detail-fields label{font-size:13px}
.detail-fields{gap:14px 14px}
.detail-fields input,.detail-fields textarea,.detail-fields select{height:44px;padding:10px 12px;font-size:14px}
.detail-fields textarea{height:76px;min-height:76px;line-height:1.45}
.detail-fields input[type=file]{padding:9px;font-size:12px}
.detail-tools{margin-top:16px;padding-top:16px}
.detail-tools .button,.embed-code .button{font-size:12px}
.embed-code input{font-size:13px;height:42px}
.review-result,.review-link-row{font-size:11px}
.subtitle-auto{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:12px;background:#1b1b1e;border:1px solid var(--line-soft);border-radius:4px}
.subtitle-auto>div{display:grid;gap:3px;min-width:0}
.subtitle-auto b{font-size:13px;font-weight:500}
.subtitle-auto span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subtitle-auto select{height:40px;background:#202023;border:1px solid var(--line);border-radius:4px;color:var(--text);padding:0 28px 0 10px;font-size:12px}
@media(max-width:1050px){.detail-workspace{grid-template-columns:1fr}.detail-preview{height:min(48vh,460px)}}
@media(max-width:650px){.subtitle-auto{grid-template-columns:1fr}.subtitle-auto span{white-space:normal}.media-dialog-footer{flex-wrap:wrap}.media-dialog-footer>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.media-dialog-footer>div #media-cancel{grid-column:1/-1}.media-dialog-footer #media-delete{width:100%}}
.monitor-actions{display:flex;gap:8px;flex-wrap:wrap}
.conversion-panel{margin-bottom:34px}
.conversion-panel table{min-width:980px}
.conversion-panel th:nth-child(1){width:26%}
.conversion-panel th:nth-child(4){width:145px}
.conversion-panel th:nth-child(5){width:190px}
.conversion-media{display:grid;gap:4px;min-width:180px}
.conversion-media strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversion-media small,.conversion-detail{display:block;color:var(--muted);font-size:9px}
.conversion-detail{margin-top:5px;white-space:normal;line-height:1.35}
.job-progress{display:inline-block;width:92px;height:5px;overflow:hidden;border-radius:3px;background:#343439;vertical-align:middle}
.job-progress span{display:block;height:100%;background:var(--red);transition:width .2s}
.progress-value{display:inline-block;margin-left:7px;color:var(--muted);font-size:9px}
.status.complete:before{background:var(--green)}
.status.incomplete:before{background:var(--amber)}
.compact-button{height:34px;padding-inline:10px;font-size:11px}
.monitor-errors{margin-top:0}

.player-style-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:22px;align-items:start}
.player-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.player-style-card{position:relative;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.player-style-card:hover,.player-style-card.selected{border-color:var(--red);transform:translateY(-1px)}
.player-style-card-info{display:grid;gap:3px;padding:11px 12px 12px}.player-style-card-info strong{font-size:13px;font-weight:500}.player-style-card-info small{font-size:10px;color:var(--muted)}
.default-mark{position:absolute;right:9px;bottom:14px;width:17px;height:17px;color:var(--red)}
.player-miniature{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080809;color:#fff}.player-miniature:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#25252a,#0a0a0b 68%)}
.player-miniature.audio:before{background:#111114}.mini-screen{position:absolute;inset:0;background:linear-gradient(120deg,#24242a,#111 55%,#301b1a)}
.mini-title{position:absolute;z-index:2;left:9px;top:7px;font-size:8px;font-weight:600}.mini-play{position:absolute;z-index:2;left:50%;top:48%;display:grid;place-items:center;width:35px;height:25px;transform:translate(-50%,-50%);border-radius:4px;background:var(--player-accent)}.mini-play svg{width:12px;height:12px;fill:#fff}
.mini-controls{position:absolute;z-index:2;left:8px;right:8px;bottom:7px;height:11px;border-top:2px solid #67676c;display:flex;align-items:flex-end;gap:5px;padding-top:4px}.mini-controls:before{content:"";position:absolute;left:0;top:-2px;width:42%;height:2px;background:var(--player-accent)}.mini-controls b,.mini-controls i{display:block;width:5px;height:5px;border:1px solid #ddd;border-radius:50%}.mini-controls i:last-child{margin-left:auto}
.mini-wave{position:absolute;left:13%;right:13%;top:30%;bottom:24%;display:flex;align-items:center;justify-content:center;gap:5px}.mini-wave i{width:4px;border-radius:2px;background:var(--player-accent)}.mini-wave i:nth-child(1),.mini-wave i:nth-child(7){height:25%}.mini-wave i:nth-child(2),.mini-wave i:nth-child(6){height:48%}.mini-wave i:nth-child(3),.mini-wave i:nth-child(5){height:72%}.mini-wave i:nth-child(4){height:100%}
.player-miniature.compact{width:132px;aspect-ratio:16/9}.player-miniature.compact .mini-title{font-size:6px}.player-miniature.compact .mini-play{width:26px;height:18px}.player-miniature.compact .mini-controls{bottom:5px}
.player-style-editor{position:sticky;top:20px;display:grid;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.player-editor-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line-soft)}.player-editor-heading h3{margin-top:3px}.player-type-badge{padding:4px 7px;border-radius:3px;background:#29292d;color:#c9c9ce;font-size:10px}.player-style-editor>label,.player-editor-columns label{display:grid;gap:7px;color:#b8b8bd;font-size:11px}.player-style-editor input:not([type=checkbox]):not([type=color]),.player-style-editor select{width:100%;height:40px;padding:0 11px;border:1px solid #36363b;border-radius:4px;background:#1c1c1f;color:var(--text)}.player-style-editor label small{color:var(--muted);font-size:9px;line-height:1.5}.player-editor-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.player-editor-actions{display:flex;justify-content:space-between;gap:10px;padding-top:4px}
.shared-player-frame{display:block;width:100%;height:100%;border:0;background:#080809}.detail-preview .shared-player-frame{position:absolute;inset:0}.preview-stage .shared-player-frame{width:100%;height:100%}
.media-player-field{min-width:0;margin:0;padding:0;border:0}.media-player-field legend{margin-bottom:8px;color:#b8b8bd;font-size:13px}.media-player-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.media-player-option{display:block!important;cursor:pointer}.media-player-option input{position:absolute!important;opacity:0;pointer-events:none}.media-player-option>span{display:grid;gap:3px;justify-items:start;padding:5px;border:1px solid var(--line);border-radius:5px;background:#1a1a1d}.media-player-option input:checked+span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.media-player-option b{padding:2px 4px 0;font-size:11px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-player-option small{padding:0 4px 3px;font-size:9px;color:var(--muted)}
@media(max-width:1050px){.player-style-layout{grid-template-columns:1fr}.player-style-editor{position:static}.media-player-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.player-style-grid,.media-player-options{grid-template-columns:1fr}.player-editor-columns{grid-template-columns:1fr}.player-miniature.compact{width:100%}}

/* Media workspace mirrors a 16:9 desktop embed, including portrait sources. */
.media-dialog{width:min(1500px,calc(100vw - 20px));height:min(940px,calc(100vh - 20px))}.media-dialog-header>div{display:flex;align-items:center;gap:8px}.media-dialog-header #media-open-editor{height:36px;font-size:11px}
.detail-workspace{display:block}.detail-media-column{width:100%;gap:10px}.detail-preview{width:100%;height:auto;max-width:none;margin:0;aspect-ratio:16/9!important}.detail-form{margin-top:22px}.detail-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-fields .field-wide{grid-column:1/-1}.detail-workspace .embed-box{padding-top:12px}.media-player-options{grid-template-columns:repeat(5,minmax(0,1fr))}.player-miniature.compact{width:100%}
.overlay-drafts{display:grid;gap:9px;padding:12px;border:1px solid var(--line-soft);border-radius:4px;background:#1a1a1d}.overlay-drafts>b{font-size:12px;font-weight:500}.overlay-drafts #overlay-list{display:grid;gap:5px}.overlay-draft{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:5px 5px 5px 9px;border-left:2px solid var(--red);background:#202023}.overlay-draft>span{display:grid;min-width:0}.overlay-draft b{font-size:11px;font-weight:500}.overlay-draft small{overflow:hidden;color:var(--muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.fade-zone{position:absolute;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,#050506b8,transparent)}.fade-zone-in{left:0;width:var(--fade-in)}.fade-zone-out{right:0;width:var(--fade-out);transform:scaleX(-1)}.fade-handle{position:absolute;z-index:3;top:0;width:9px;height:100%;padding:0;border:0;border-left:2px solid #fff9;background:transparent;cursor:ew-resize}.fade-handle-in{left:var(--fade-in)}.fade-handle-out{right:var(--fade-out)}.timeline-clip:hover .fade-handle{border-color:#fff}.timeline-clip.audio .wave-lines{height:28px;bottom:9px;background:repeating-linear-gradient(90deg,#ffffff73 0 2px,transparent 2px 5px);clip-path:polygon(0 43%,4% 28%,8% 61%,12% 18%,16% 72%,20% 34%,24% 55%,28% 10%,32% 77%,36% 39%,40% 64%,44% 22%,48% 82%,52% 32%,56% 68%,60% 14%,64% 73%,68% 36%,72% 58%,76% 20%,80% 76%,84% 31%,88% 63%,92% 25%,96% 68%,100% 43%,100% 57%,0 57%)}
.image-layer-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#080809}.image-layer-preview img{position:absolute;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:contain}.title-layout-preview{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#202025,#080809);overflow:hidden}.title-layout-preview>div{position:absolute;display:grid;gap:5px;max-width:80%;padding:12px 18px;border-left:4px solid var(--red);background:#09090ad9}.title-layout-preview strong{line-height:1.12}.title-layout-preview span{color:#ddd;font-size:14px}.title-layout-preview.lower-third>div{left:6%;bottom:10%}.title-layout-preview.center>div{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;border-left:0;border-bottom:4px solid var(--red)}.title-layout-preview.top>div{left:50%;top:8%;transform:translateX(-50%);text-align:center}
@media(max-width:1050px){.detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.media-player-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.detail-fields{grid-template-columns:1fr}.detail-fields .field-wide{grid-column:auto}.media-player-options{grid-template-columns:1fr}.media-dialog-header #media-open-editor{width:36px;padding:0;font-size:0}.media-dialog-header #media-open-editor svg{width:18px}}

.timeline-composer-panel{position:relative;z-index:8;width:100%;padding:0 0 10px}.timeline-composer-panel form{width:100%;overflow:hidden;border:1px solid #44444a;border-radius:6px;background:#18181b;box-shadow:0 10px 28px #0008}.timeline-composer-panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.timeline-composer-panel header h3{margin-top:2px;font-size:15px}.timeline-composer-body{display:grid;gap:10px;padding:12px 14px}.timeline-composer-body>label,.timeline-composer-grid label{display:grid;gap:5px;color:#bbb;font-size:12px}.timeline-composer-body input,.timeline-composer-body textarea,.timeline-composer-body select{width:100%;min-height:38px;padding:7px 10px;border:1px solid #3b3b40;border-radius:4px;background:#202023;color:var(--text)}.timeline-composer-body textarea{min-height:60px;resize:vertical}.timeline-composer-body p{margin:0;color:#c3c3c8;font-size:12px;line-height:1.6}.timeline-composer-grid{display:grid;grid-template-columns:minmax(180px,1.5fr) 140px 140px minmax(150px,.8fr);gap:10px}.timeline-composer-grid .wide{grid-column:1/-1}.timeline-composer-panel footer{display:flex;justify-content:flex-end;gap:8px;padding:9px 14px;border-top:1px solid var(--line);background:#1b1b1e}
@media(max-width:850px){.timeline-composer-grid{grid-template-columns:1fr 1fr}.timeline-composer-grid .wide{grid-column:1/-1}}@media(max-width:560px){.timeline-composer-grid{grid-template-columns:1fr}.timeline-composer-grid .wide{grid-column:auto}}
.subtitle-track-panel{display:grid;gap:8px;padding:12px;border:1px solid var(--line-soft);border-radius:4px;background:#1a1a1d}.subtitle-track-panel>b{font-size:12px;font-weight:500}.subtitle-track-panel>div{display:flex;flex-wrap:wrap;gap:7px}.subtitle-track{display:flex;align-items:center;gap:4px;min-width:200px;padding:4px;border:1px solid #343438;border-radius:4px;background:#202023}.subtitle-track-open{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:5px 7px;border:0;border-radius:3px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.subtitle-track-open:hover{background:#29292d}.subtitle-track-open:disabled{cursor:default;opacity:.65}.subtitle-track-open>span{display:grid;min-width:0;flex:1}.subtitle-track-open>svg{width:15px;color:var(--muted)}.subtitle-track strong{font-size:11px;font-weight:500}.subtitle-track small{font-size:9px;color:var(--muted)}
.subtitle-editor{overflow:hidden;border:1px solid #414147;border-radius:6px;background:#18181b}.subtitle-editor>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);background:#1d1d20}.subtitle-editor h3{margin-top:2px;font-size:15px}.subtitle-editor-loading{padding:24px;color:var(--muted);font-size:12px}.subtitle-editor-form{display:grid}.subtitle-cues{display:grid;gap:7px;max-height:520px;overflow:auto;padding:12px;scrollbar-width:thin;scrollbar-color:var(--red) #202023}.subtitle-cues::-webkit-scrollbar{width:7px}.subtitle-cues::-webkit-scrollbar-track{background:#202023}.subtitle-cues::-webkit-scrollbar-thumb{border-radius:4px;background:var(--red)}.subtitle-cue{display:grid!important;grid-template-columns:190px minmax(0,1fr);gap:10px;align-items:start;padding:8px;border:1px solid #303035;border-radius:4px;background:#202023}.subtitle-cue>span{display:flex;align-items:center;gap:8px;min-height:42px;color:#a9a9b0;font-size:10px;font-variant-numeric:tabular-nums}.subtitle-cue b{display:grid;place-items:center;width:24px;height:24px;border-radius:3px;background:#2c2c31;color:#fff;font-weight:500}.subtitle-cue textarea{width:100%;min-height:42px;max-height:150px;overflow:auto;resize:none;padding:9px 10px;border:1px solid #3a3a40;border-radius:4px;background:#171719;color:var(--text);font:inherit;font-size:12px;line-height:1.45}.subtitle-cue textarea:focus{border-color:var(--red);outline:0}.subtitle-editor footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#1d1d20}.subtitle-editor footer>span{margin-right:auto;color:var(--muted);font-size:10px}@media(max-width:700px){.subtitle-cue{grid-template-columns:1fr}.subtitle-cue>span{min-height:auto}.subtitle-cues{max-height:430px}}
.subtitle-editor>header>div:last-child{display:flex;align-items:center;gap:7px}.subtitle-cues{gap:4px;max-height:410px;padding:8px}.subtitle-cue{grid-template-columns:28px 116px 8px 116px minmax(220px,1fr) 34px;gap:6px;align-items:center;padding:5px 6px}.subtitle-cue-number{display:grid;place-items:center;width:24px;height:24px;border-radius:3px;background:#2c2c31;color:#fff;font-size:10px;font-weight:500}.subtitle-cue>span{min-height:auto;color:var(--muted);text-align:center}.subtitle-cue input{width:100%;height:34px;padding:0 7px;border:1px solid #38383d;border-radius:3px;background:#171719;color:#cfcfd4;font:inherit;font-size:10px;font-variant-numeric:tabular-nums}.subtitle-cue input:focus{border-color:var(--red);outline:0}.subtitle-cue textarea{min-height:34px;height:34px;max-height:90px;padding:7px 9px;line-height:1.35}.subtitle-cue>.icon-button{width:32px;height:32px}@media(max-width:850px){.subtitle-cue{grid-template-columns:28px 1fr 8px 1fr 34px}.subtitle-cue textarea{grid-column:2/-1;height:54px}.subtitle-cues{max-height:440px}}@media(max-width:560px){.subtitle-cue{grid-template-columns:28px 1fr 8px 1fr}.subtitle-cue>.icon-button{grid-column:1}.subtitle-cue textarea{grid-column:2/-1;grid-row:2/4}}
.overlay-draft>button:first-child{display:grid;min-width:0;flex:1;padding:3px 0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.overlay-draft>button:first-child:hover b{color:var(--red-light)}
.timeline-composer-panel .composer-spacer{flex:1}.timeline-composer-delete{margin-right:auto}
.metadata-timeline{display:grid;gap:7px;padding:10px 12px 12px;border:1px solid var(--line-soft);border-radius:4px;background:#18181a}.metadata-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.metadata-timeline-head b{font-size:12px;font-weight:500}.metadata-timeline-head span{color:var(--muted);font-size:10px}.metadata-track{position:relative;height:54px;margin:0 5px}.metadata-track-line{position:absolute;left:0;right:0;top:25px;height:3px;border-radius:2px;background:#3a3a3e}.metadata-chapter,.metadata-title{position:absolute;margin:0;border:0;font:inherit;cursor:pointer}.metadata-chapter{top:7px;width:3px;height:38px;padding:0;background:transparent;color:#d8d8dd}.metadata-chapter i{display:block;width:3px;height:27px;background:#f2f2f3;box-shadow:0 0 0 1px #0008}.metadata-chapter span{position:absolute;top:29px;left:0;max-width:105px;overflow:hidden;color:#aaaab2;font-size:9px;white-space:nowrap;text-overflow:ellipsis;transform:translateX(-2px)}.metadata-chapter:hover i,.metadata-chapter:focus-visible i{background:var(--red-light)}.metadata-title{top:17px;z-index:2;height:17px;min-width:5px;overflow:hidden;padding:0 5px;border-radius:2px;background:var(--red);color:#fff;text-align:left}.metadata-title span{display:block;overflow:hidden;font-size:9px;line-height:17px;white-space:nowrap;text-overflow:ellipsis}.metadata-title:hover,.metadata-title:focus-visible{background:var(--red-light)}

/* Compact media detail: essentials stay visible, secondary tasks open in a focused sheet. */
.media-dialog{width:min(1500px,calc(100vw - 20px));height:min(920px,calc(100vh - 20px))}
.media-dialog-header{height:52px;padding-inline:18px}.media-dialog-header h2{font-size:17px}.media-dialog-header #media-open-editor{height:32px}
.media-dialog-body{position:relative;overflow:hidden;padding:12px 16px}.media-dialog-footer{min-height:58px;padding:8px 16px}.media-dialog-footer .button{height:38px}
.compact-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;height:100%;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#626269 #202023}.compact-detail .detail-media-column{display:grid;gap:7px}.compact-detail .detail-preview{width:100%;aspect-ratio:16/9!important;background:#080809}
.preview-actionbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#18181b}.preview-actionbar>button{min-width:0;height:48px;display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:7px;padding:0 12px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;text-align:left}.preview-actionbar>button:last-child{border-right:0}.preview-actionbar>button:hover{background:#222225}.preview-actionbar svg{width:16px;color:var(--red-light)}.preview-actionbar span{font-size:12px;font-weight:600}.preview-actionbar small{overflow:hidden;color:var(--muted);font-size:10px;text-align:right;white-space:nowrap;text-overflow:ellipsis}
.compact-detail .technical-strip{min-height:30px;padding:4px 0;border:0;border-bottom:1px solid var(--line-soft);background:transparent}.compact-detail .technical-strip span{padding:2px 10px;font-size:10px}
.compact-detail-form{display:grid;gap:12px;margin-top:0}.essential-fields{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);gap:10px}.essential-fields label,.settings-form-grid label,.watermark-settings label{display:grid;gap:5px;color:#bdbdc3;font-size:12px}.essential-fields input,.essential-fields textarea,.settings-form-grid input,.settings-form-grid select,.watermark-settings input:not([type=range]),.watermark-settings select{width:100%;min-height:38px;padding:7px 10px;border:1px solid #38383d;border-radius:4px;background:#1d1d20;color:var(--text);font:inherit}.essential-fields textarea{min-height:38px;height:58px;resize:vertical}.compact-detail .embed-box{padding-top:10px}.compact-detail .embed-code input{height:38px}.compact-detail .embed-code .button{height:38px}
.settings-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.settings-tile{height:58px;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:#1a1a1d;color:var(--text);cursor:pointer;text-align:left}.settings-tile:hover{border-color:#55555b;background:#202023}.settings-tile>svg:first-child{width:19px;color:var(--red-light)}.settings-tile>svg:last-child{width:14px;color:#74747b}.settings-tile span{display:grid;gap:2px;min-width:0}.settings-tile b{font-size:12px}.settings-tile small{overflow:hidden;color:var(--muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.detail-settings-layer{position:absolute;z-index:24;left:0;right:0;bottom:0;height:min(72%,610px);display:grid;grid-template-rows:52px minmax(0,1fr) 54px;border-top:1px solid #494950;background:#151517;box-shadow:0 -18px 50px #000c}.detail-settings-layer.hidden{display:none}.detail-settings-layer>header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#1a1a1d}.detail-settings-layer>header h3{margin-top:2px;font-size:16px}.detail-settings-body{overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#626269 #202023}.detail-settings-body::-webkit-scrollbar{width:7px}.detail-settings-body::-webkit-scrollbar-track{background:#202023}.detail-settings-body::-webkit-scrollbar-thumb{border-radius:4px;background:#626269}.detail-settings-layer>footer{display:flex;align-items:center;justify-content:flex-end;padding:8px 16px;border-top:1px solid var(--line);background:#1a1a1d}
.detail-settings-panel{display:none;max-width:1100px;margin:0 auto}.detail-settings-panel.active{display:grid;gap:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line-soft)}.panel-heading h4{font-size:15px}.panel-heading p{margin-top:3px;color:var(--muted);font-size:10px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-form-grid .wide{grid-column:1/-1}
.settings-list{display:grid;gap:6px}.settings-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:7px 10px;border:1px solid #333338;border-radius:4px;background:#1c1c1f;color:var(--text);cursor:pointer;text-align:left}.settings-list-row:hover{border-color:#515158}.settings-list-row span{display:flex;align-items:center;gap:12px}.settings-list-row b{font-size:12px}.settings-list-row small{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.settings-list-row svg{width:15px;color:var(--muted)}.empty-setting{padding:22px;border:1px dashed #3b3b40;color:var(--muted);font-size:11px;text-align:center}
.watermark-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.range-field{grid-column:1/-1;grid-template-columns:auto 1fr auto!important;align-items:center}.range-field output{grid-column:3;color:var(--text);font-variant-numeric:tabular-nums}.range-field input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--red)}
.watermark-corners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:620px}.watermark-corners button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:48px;padding:8px 11px;border:1px solid #38383d;border-radius:4px;background:#1d1d20;color:var(--text);font:inherit;text-align:left;cursor:pointer}.watermark-corners button:hover{border-color:#55555c;background:#242427}.watermark-corners button.active{border-color:var(--red);box-shadow:inset 3px 0 var(--red)}.watermark-corners button>svg{width:18px;height:18px;color:#999}.watermark-corners button.occupied>svg{color:#58c98a}.watermark-corners span{font-size:12px;font-weight:600}.watermark-corners small{color:var(--muted);font-size:10px}.watermark-settings{max-width:620px}
.detail-settings-panel .media-player-options{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-settings-panel .media-player-field legend{font-size:14px}.detail-settings-panel .overlay-drafts{padding:0;border:0;background:transparent}.detail-settings-panel .subtitle-auto{margin-top:10px}.detail-settings-panel .subtitle-track-panel{margin-top:10px}
.timeline-composer-panel{position:absolute;z-index:35;inset:0;display:grid;place-items:center;padding:18px;background:#080809d9}.timeline-composer-panel form{width:min(820px,100%);max-height:100%;overflow:auto}.timeline-composer-panel footer{position:sticky;bottom:0}
@media(max-width:900px){.settings-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.essential-fields{grid-template-columns:1fr}.detail-settings-panel .media-player-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.media-dialog-body{padding:9px}.preview-actionbar{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-actionbar>button:nth-child(2){border-right:0}.preview-actionbar>button:nth-child(-n+2){border-bottom:1px solid var(--line)}.preview-actionbar small{display:none}.settings-tile-grid,.settings-form-grid,.watermark-settings{grid-template-columns:1fr}.settings-form-grid .wide{grid-column:auto}.detail-settings-body{padding:11px}.detail-settings-panel .media-player-options{grid-template-columns:1fr}.embed-code{flex-wrap:wrap}.embed-code input{flex-basis:100%}}

/* Media tools sit beside the player; every task uses the same compact tile language. */
.compact-detail{grid-template-columns:228px minmax(0,1fr);align-content:start;align-items:start;gap:10px}.compact-detail-form{display:contents}.compact-detail .detail-media-column{grid-column:2;min-width:0}.detail-sidebar{grid-column:1;grid-row:1;display:grid;gap:6px;align-content:start}.detail-sidebar .settings-tile{width:100%;height:50px}.detail-sidebar .settings-tile b{font-size:11px}.detail-sidebar .settings-tile small{font-size:8px}.detail-sidebar+.detail-media-column .technical-strip{margin-top:1px}.description-settings label{display:grid;gap:7px;color:#bdbdc3;font-size:12px}.description-settings textarea{width:100%;min-height:260px;padding:12px;border:1px solid #38383d;border-radius:4px;background:#1d1d20;color:var(--text);font:inherit;line-height:1.55;resize:vertical}.detail-settings-panel[data-detail-panel="sharing"] .embed-box{margin:0;padding:0;border-top:0}.detail-settings-panel[data-detail-panel="title"] input{font-size:15px}
.detail-settings-layer[data-panel="title"]{height:300px}.detail-settings-layer[data-panel="sharing"]{height:340px}.detail-settings-panel[data-detail-panel="title"] .settings-form-grid{grid-template-columns:1fr}
@media(max-width:850px){.compact-detail{grid-template-columns:1fr}.compact-detail .detail-media-column{grid-column:1;grid-row:1}.detail-sidebar{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-sidebar .settings-tile{height:54px}}
@media(max-width:520px){.detail-sidebar{grid-template-columns:1fr}}

/* An open settings task owns the dialog until the user confirms it with "Fertig". */
.detail-settings-layer,.detail-settings-layer[data-panel="title"],.detail-settings-layer[data-panel="sharing"]{inset:0;height:auto;max-height:none;border-top:0;box-shadow:none}.media-dialog.settings-active>.media-dialog-header,.media-dialog.settings-active>.media-dialog-footer{pointer-events:none;opacity:.32;filter:grayscale(1)}
.detail-settings-panel[data-detail-panel="subtitles"]>.settings-form-grid{grid-template-columns:1fr}.detail-settings-panel[data-detail-panel="subtitles"] .field-wide{grid-column:1/-1}.detail-settings-panel[data-detail-panel="subtitles"] input[type=file],.detail-settings-panel[data-detail-panel="more"] input[type=file],.watermark-settings input[type=file]{height:44px;padding:5px 7px;color:#aaa;background:#1d1d20}.detail-settings-panel input[type=file]::file-selector-button{height:32px;margin-right:10px;padding:0 12px;border:1px solid #4a4a50;border-radius:3px;background:#303034;color:#fff;font:inherit;font-size:11px;cursor:pointer}.detail-settings-panel input[type=file]::file-selector-button:hover{border-color:var(--red);background:#39393e}
.detail-settings-panel .subtitle-auto{grid-template-columns:minmax(190px,1fr) minmax(190px,.85fr) minmax(180px,.75fr) minmax(190px,auto);gap:10px;width:100%;margin-top:2px}.detail-settings-panel .subtitle-auto>div{padding-right:8px}.detail-settings-panel .subtitle-auto button{width:100%;min-width:190px;justify-content:center}.detail-settings-panel .subtitle-auto b,.detail-settings-panel .subtitle-auto span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.detail-settings-panel .subtitle-auto b{white-space:normal}.detail-settings-panel .subtitle-auto span{white-space:nowrap}
@media(max-width:950px){.detail-settings-panel .subtitle-auto{grid-template-columns:1fr 1fr}.detail-settings-panel .subtitle-auto>div,.detail-settings-panel .subtitle-auto button{grid-column:1/-1}.detail-settings-panel .subtitle-auto button{min-width:0}}

/* Technical media facts belong to the dialog command bar. Audio uses a compact waveform stage. */
.media-dialog-header h2{flex:1;min-width:120px}.media-dialog-header>div{min-width:0;flex-shrink:0}.header-technical-strip{display:flex;align-items:center;gap:5px;min-width:0}.header-technical-strip span{height:28px;display:flex;align-items:center;padding:0 8px;border:1px solid #333338;border-radius:3px;background:#202023;color:#aaaab1;font-size:10px;white-space:nowrap}.header-technical-strip b{color:#f0f0f2;font-weight:600}.media-dialog.audio-medium .compact-detail .detail-preview{height:auto;min-height:250px;max-height:380px;aspect-ratio:4/1!important}.media-dialog.audio-medium .compact-detail .detail-media-column{align-self:start}
@media(max-width:900px){.header-technical-strip span:nth-child(2),.header-technical-strip span:nth-child(3){display:none}.media-dialog.audio-medium .compact-detail .detail-preview{min-height:230px;aspect-ratio:3/1!important}}
@media(max-width:600px){.header-technical-strip{display:none}.media-dialog.audio-medium .compact-detail .detail-preview{min-height:220px;aspect-ratio:auto!important}}

/* Multi-layer editor timeline with synchronized playhead and volume automation. */
.timeline-toolbar>div{align-items:center;gap:5px}.timeline-toolbar .compact-button{height:30px;padding:0 9px;font-size:9px}.timeline-toolbar .compact-button svg{width:14px}.asset-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center}.asset-actions{display:flex;gap:3px}.asset-actions button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #35353a;border-radius:3px;background:#222225;color:#c9c9cf;cursor:pointer}.asset-actions button:hover{border-color:var(--red);color:#fff}.asset-actions svg{width:14px!important}.ruler{position:relative;margin-left:42px;padding:0;min-width:700px}.ruler span{position:absolute;top:7px;transform:translateX(-1px);font-variant-numeric:tabular-nums}.track{height:72px;min-width:742px;grid-template-columns:42px minmax(700px,1fr)}.track>b{position:sticky;left:0;z-index:8}.track-content{position:relative;display:block;padding:0;min-width:700px;overflow:hidden}.timeline-clip{position:absolute;top:6px;height:60px;min-width:70px;padding:6px;isolation:isolate}.clip-media-preview{position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;opacity:.58}.timeline-clip.video .clip-media-preview,.timeline-clip.image .clip-media-preview{background-size:110px 100%;background-repeat:repeat-x}.timeline-clip.audio .clip-media-preview{background-size:100% 100%;background-repeat:no-repeat;filter:saturate(.75);opacity:.7}.timeline-clip strong{position:relative;z-index:4;padding:2px 4px;border-radius:2px;background:#09090a99}.fade-zone{z-index:2}.fade-handle{z-index:7}.editor-playhead{position:absolute;z-index:12;top:0;bottom:0;width:2px;background:#f2f2f4;box-shadow:0 0 0 1px #0008;pointer-events:none}.editor-playhead:before{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:var(--red);transform:translate(-50%,-35%)}.volume-envelope{position:absolute;z-index:4;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);overflow:visible;pointer-events:none}.volume-envelope polyline{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000)}.volume-point{position:absolute;z-index:8;width:11px;height:11px;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:var(--red);cursor:move;transform:translate(-50%,-50%)}.volume-automation{display:grid;gap:7px;margin:10px 12px 0;padding-top:10px;border-top:1px solid var(--line)}.volume-automation>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.volume-automation p{color:var(--muted);font-size:9px;line-height:1.45}.volume-automation>div:last-child{display:grid;gap:5px}.volume-point-row{display:grid;grid-template-columns:62px minmax(70px,1fr) 38px 28px;gap:5px;align-items:center}.volume-point-row input[type=number]{width:62px;height:30px}.volume-point-row input[type=range]{width:100%;accent-color:var(--red)}.volume-point-row output{color:#bbb;font-size:9px;text-align:right}.volume-point-row .icon-button{width:28px;height:28px}.inspector{scrollbar-width:thin;scrollbar-color:#626269 #202023}
@media(max-width:760px){.timeline-toolbar .compact-button{font-size:0;width:30px;padding:0}.timeline-toolbar .compact-button svg{width:15px}.asset-item{grid-template-columns:54px minmax(0,1fr) auto}}

/* Sources align with the layer stack; the preview spans the editing width above it. */
.editor-layout{grid-template-columns:210px minmax(400px,1fr) 230px;grid-template-rows:minmax(240px,1fr) 42px 230px}.editor-main{display:contents}.editor-layout>.editor-main>.preview-stage{grid-column:1/3;grid-row:1}.editor-layout>.editor-main>.timeline-toolbar{grid-column:1/3;grid-row:2}.editor-layout>.editor-main>.timeline{grid-column:2;grid-row:3}.editor-layout>.asset-bin{grid-column:1;grid-row:3;border-top:1px solid var(--line)}.editor-layout>.inspector{grid-column:3;grid-row:1/4}.editor-playhead-handle{position:absolute;z-index:20;top:0;width:13px;height:20px;margin:0;padding:0;border:0;border-radius:2px 2px 7px 7px;background:var(--red);cursor:ew-resize;transform:translateX(-50%);box-shadow:0 2px 5px #0008}.editor-playhead-handle:after{content:"";position:absolute;left:50%;top:18px;width:2px;height:10px;background:#f2f2f4;transform:translateX(-50%)}
.media-inline-editor{display:grid;min-width:0;margin-top:4px;border:1px solid var(--line);background:#111113}.media-inline-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 7px 0 11px;border-bottom:1px solid var(--line);background:#18181b}.media-inline-toolbar>strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.media-inline-toolbar>div{display:flex;align-items:center;gap:4px}.media-inline-toolbar .compact-button{height:28px;padding:0 8px;font-size:9px}.media-inline-toolbar .compact-button svg{width:13px}.media-inline-toolbar .icon-button{width:28px;height:28px}.media-inline-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:190px;max-height:280px}.media-inline-sources{overflow:auto;border-right:1px solid var(--line);background:#18181b;scrollbar-width:thin;scrollbar-color:#555 #202023}.media-inline-sources>b{display:block;position:sticky;top:0;z-index:2;padding:8px 9px;background:#1d1d20;color:var(--muted);font-size:8px;text-transform:uppercase}.media-inline-sources>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:42px;padding:4px 6px;border-top:1px solid var(--line-soft)}.media-inline-sources .asset-icon{width:38px;height:28px;object-fit:cover}.media-inline-sources>div>span{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.media-inline-sources>div>div{display:flex;gap:2px}.media-inline-sources button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #38383d;border-radius:3px;background:#242427;color:#ccc;cursor:pointer}.media-inline-sources button:hover{border-color:var(--red);color:#fff}.media-inline-sources button svg{width:12px}.media-inline-timeline{overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#555 #202023}.media-inline-timeline .ruler{position:sticky;top:0;z-index:15;background:#151517}.media-inline-timeline .track{height:62px}.media-inline-timeline .timeline-clip{top:5px;height:52px}.media-inline-timeline .track-content{cursor:crosshair}
@media(max-width:1050px){.editor-layout{grid-template-columns:170px minmax(380px,1fr);grid-template-rows:300px 42px 230px}.editor-layout>.editor-main>.preview-stage{grid-column:1/3}.editor-layout>.inspector{display:none}.media-inline-workspace{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:760px){.editor-layout{display:grid;grid-template-columns:1fr;grid-template-rows:240px 42px 150px 230px}.editor-layout>.editor-main>.preview-stage,.editor-layout>.editor-main>.timeline-toolbar,.editor-layout>.asset-bin,.editor-layout>.editor-main>.timeline{grid-column:1}.editor-layout>.editor-main>.preview-stage{grid-row:1}.editor-layout>.editor-main>.timeline-toolbar{grid-row:2}.editor-layout>.asset-bin{grid-row:3}.editor-layout>.editor-main>.timeline{grid-row:4}.media-inline-workspace{grid-template-columns:1fr}.media-inline-sources{max-height:100px;border-right:0;border-bottom:1px solid var(--line)}.media-inline-toolbar .compact-button{width:28px;padding:0;font-size:0}}

/* Linked source audio and direct volume-envelope editing. */
.timeline-clip.audio{background:#211b24;border-color:#654e6d}.timeline-clip.source-audio{border-color:#8a657d}.timeline-clip.source-audio strong svg{width:11px;height:11px;vertical-align:-2px}.timeline-clip.audio .clip-media-preview{z-index:-3;opacity:.34}.timeline-clip.audio .wave-lines{z-index:1;opacity:.38}.volume-envelope-hit{position:absolute;z-index:6;left:4px;right:4px;top:4px;bottom:4px;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:ns-resize}.volume-envelope-hit:hover+.volume-envelope polyline{stroke:#fff;stroke-width:2.2}.volume-envelope polyline{stroke:#f4f4f5;stroke-width:1.8}.volume-point{box-shadow:0 0 0 2px #1118}.timeline-clip.audio.selected .volume-envelope polyline{stroke:#fff}.timeline-clip.audio .fade-zone{z-index:2;opacity:.72}
.clip-audio-actions{position:absolute;z-index:11;top:4px;right:4px;display:flex;gap:3px;opacity:0;pointer-events:none;transition:opacity .15s}.timeline-clip.audio:hover .clip-audio-actions,.timeline-clip.audio.selected .clip-audio-actions,.clip-audio-actions:focus-within{opacity:1;pointer-events:auto}.clip-audio-actions button{display:grid;place-items:center;width:22px;height:22px;margin:0;padding:0;border:1px solid #4a4a50;border-radius:3px;background:#111114e6;color:#ddd;cursor:pointer}.clip-audio-actions button:hover{border-color:var(--red);color:#fff}.clip-audio-actions button:last-child:hover{background:#491b18}.clip-audio-actions svg{width:12px;height:12px}.timeline-clip.audio strong{max-width:calc(100% - 56px);display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clip-video-actions{position:absolute;z-index:11;top:4px;right:4px;display:flex;gap:3px;opacity:0;pointer-events:none;transition:opacity .15s}.timeline-clip.video:hover .clip-video-actions,.timeline-clip.video.selected .clip-video-actions,.clip-video-actions:focus-within{opacity:1;pointer-events:auto}.clip-video-actions button{display:grid;place-items:center;width:22px;height:22px;margin:0;padding:0;border:1px solid #4a4a50;border-radius:3px;background:#111114e6;color:#ddd;cursor:pointer}.clip-video-actions button:hover{border-color:var(--red);color:#fff}.clip-video-actions button:last-child:hover{background:#491b18}.clip-video-actions svg{width:12px;height:12px}.timeline-clip.video strong{max-width:calc(100% - 56px);display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Clip headers keep commands separate from the large, predictable drag surface. */
.timeline-clip{padding:0;overflow:hidden}.clip-head{position:absolute;z-index:12;top:0;left:0;right:0;height:25px;display:flex;align-items:center;gap:3px;padding:2px 3px 2px 6px;border-bottom:1px solid #ffffff1a;background:#111114e8;cursor:grab;touch-action:none;user-select:none}.clip-head:active,.timeline-clip.dragging .clip-head{cursor:grabbing}.clip-head strong{flex:1;min-width:0;max-width:none!important;padding:0;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.clip-head strong svg{flex:0 0 auto}.clip-audio-actions,.clip-video-actions{position:static;flex:0 0 auto;opacity:1;pointer-events:auto}.clip-audio-actions button,.clip-video-actions button{width:20px;height:20px;border-color:transparent;background:#26262ae8;cursor:pointer}.clip-drag-surface{position:absolute;z-index:3;left:4px;right:4px;top:27px;bottom:3px;display:flex;align-items:flex-end;justify-content:center;color:#fff8;cursor:grab}.clip-drag-surface:active,.timeline-clip.dragging .clip-drag-surface{cursor:grabbing}.clip-drag-surface svg{width:22px;height:7px;margin-bottom:1px;opacity:.55;filter:drop-shadow(0 1px 2px #000)}.timeline-clip:hover .clip-drag-surface svg,.timeline-clip.selected .clip-drag-surface svg{opacity:.9}.timeline-clip.dragging{opacity:.55;outline:1px solid var(--red)}.track-content.drag-target{background:#d8322212;box-shadow:inset 0 0 0 1px #d8322266}.volume-envelope{inset:27px 4px 3px;width:calc(100% - 8px);height:calc(100% - 30px)}.volume-envelope-hit{left:4px;right:4px;top:38px;bottom:auto;height:10px}.volume-point{z-index:9}.media-inline-timeline .clip-head{height:23px}.media-inline-timeline .clip-drag-surface{top:25px}.media-inline-timeline .volume-envelope{inset:25px 4px 3px;height:calc(100% - 28px)}.media-inline-timeline .volume-envelope-hit{top:34px;height:9px}

/* Used project sources continue the left tool rail and align with the layer stack. */
.media-inline-workspace{display:block;min-height:190px;max-height:300px}.detail-source-panel{position:relative;display:flex;flex-direction:column;min-height:140px;border:1px solid var(--line);background:#151517;overflow:hidden}.detail-source-panel>header{height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 5px 4px 9px;border-bottom:1px solid var(--line);background:#1d1d20}.detail-source-panel>header>div{display:grid;gap:1px;min-width:0}.detail-source-panel>header b{font-size:10px}.detail-source-panel>header small{color:var(--muted);font-size:8px}.detail-source-panel>header button,.detail-source-row button{display:grid;place-items:center;padding:0;border:1px solid #3b3b40;border-radius:3px;background:#26262a;color:#d8d8dd;cursor:pointer}.detail-source-panel>header button{width:26px;height:26px}.detail-source-panel>header button:hover,.detail-source-row button:hover{border-color:var(--red);color:#fff}.detail-source-panel>header svg,.detail-source-row button svg{width:13px;height:13px}.detail-source-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#555 #202023}.detail-source-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:44px;padding:4px 5px;border-bottom:1px solid var(--line-soft)}.detail-source-row>.asset-icon{width:38px;height:28px;object-fit:cover;border-radius:2px}.detail-source-row>span{display:grid;gap:2px;min-width:0}.detail-source-row>span b,.detail-source-row>span small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-source-row>span b{font-size:8px}.detail-source-row>span small{color:var(--muted);font-size:7px}.detail-source-row>div{display:flex;gap:2px}.detail-source-row button{width:23px;height:23px}.detail-source-empty{padding:12px 9px;color:var(--muted);font-size:8px}.detail-source-library{position:absolute;z-index:30;inset:34px 0 0;display:flex;flex-direction:column;background:#18181b;box-shadow:0 10px 25px #000a}.detail-source-library>b{flex:0 0 auto;padding:7px 8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;text-transform:uppercase}.detail-source-library>div{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#555 #202023}.detail-source-library.hidden{display:none}@media(max-width:850px){.detail-source-panel{margin-top:8px!important;height:180px!important}.media-inline-workspace{max-height:260px}}

/* Drag feedback shows the full clip and both final boundaries. */
.timeline-drag-ghost{position:fixed!important;z-index:99999!important;margin:0!important;opacity:.94!important;outline:2px solid var(--red)!important;box-shadow:0 10px 28px #000c,0 0 0 1px #fff5!important;pointer-events:none!important}.timeline-drag-ghost .clip-head{background:#17171a}.timeline-drop-preview{position:absolute;z-index:10;top:4px;bottom:4px;min-width:70px;border:2px solid var(--red);border-left-width:3px;border-right-width:3px;border-radius:3px;background:#d8322224;box-shadow:inset 0 0 0 1px #fff3,0 0 12px #d8322240;pointer-events:none}.timeline-drop-preview:before,.timeline-drop-preview:after{content:"";position:absolute;top:-4px;bottom:-4px;width:1px;background:#fff9}.timeline-drop-preview:before{left:-2px}.timeline-drop-preview:after{right:-2px}.timeline-drop-preview span{position:absolute;left:4px;top:50%;max-width:calc(100% - 8px);padding:2px 4px;border-radius:2px;background:#09090ae8;color:#fff;font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%)}

/* Horizontal overflow belongs exclusively to the layer viewport. */
.compact-detail{overflow-x:hidden}.compact-detail .detail-media-column,.media-inline-editor,.media-inline-workspace{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.media-inline-timeline{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:auto;overscroll-behavior-x:contain}.clip-drag-surface{touch-action:none;user-select:none}.timeline-drag-ghost{max-width:min(480px,calc(100vw - 24px));user-select:none}
.media-dialog-footer>.media-task-progress{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:8px;flex:1;max-width:390px;margin:0 8px;color:var(--muted);font-size:9px}.media-task-progress>div{height:5px;overflow:hidden;border-radius:3px;background:#343439}.media-task-progress>div i{display:block;width:0;height:100%;background:var(--red);transition:width .2s}.media-task-progress>b{min-width:30px;color:var(--text);font-variant-numeric:tabular-nums}.inline-task-progress{width:100%;height:4px;margin-top:4px;overflow:hidden;border-radius:2px;background:#343439}.inline-task-progress span{display:block;height:100%;background:var(--red);transition:width .25s}@media(max-width:900px){.media-dialog-footer>.media-task-progress{order:-1;flex-basis:100%;max-width:none}.media-dialog-footer{flex-wrap:wrap}}
/* Subtitle availability remains editable independently of stored text. */
.subtitle-track-panel>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.subtitle-track-panel #subtitle-track-list{display:grid;grid-template-columns:minmax(0,1fr)}
.subtitle-track{flex-wrap:wrap;gap:8px;padding:10px;min-width:0}
.subtitle-track-open{flex-basis:100%}
.subtitle-track>label{display:flex;align-items:center;gap:6px;font-size:12px;margin:0;min-height:32px}
.subtitle-track>label input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
#subtitle-automation-note:empty{display:none}
.media-cut-section{margin-top:10px;border:1px solid var(--line);border-radius:5px;background:#18181b;min-width:0}
.media-cut-section>summary{padding:12px;cursor:pointer;color:var(--text);font-size:13px}
.media-cut-section>summary span{font-weight:600}
.media-cut-section>summary small{display:block;margin:5px 0 0 17px;color:var(--muted);font-size:11px;line-height:1.4}
.media-cut-section>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.media-cut-section .media-inline-editor{margin:0;border-left:0;border-right:0}
.media-cut-actions{display:flex;justify-content:flex-end;padding:12px}
.more-action-links{display:grid;gap:8px;margin-bottom:20px}
#description-settings-slot{margin-top:16px}
.compact-detail>.detail-media-column{grid-column:2;grid-row:1;align-self:start;min-height:min-content}
.compact-detail>.media-cut-section{grid-column:1/-1;grid-row:2;width:100%;margin-top:0;position:relative;isolation:isolate}
.compact-detail{grid-auto-rows:max-content}
@media(max-width:850px){.compact-detail>.detail-media-column{grid-column:1;grid-row:1}.compact-detail>.detail-sidebar{grid-row:2}.compact-detail>.media-cut-section{grid-row:3}}
.media-cut-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:10px;padding:0 10px;align-items:start;min-width:0}
.media-cut-layout .detail-source-panel{margin-top:0!important;height:300px!important;max-height:300px}
@media(max-width:850px){.media-cut-layout{grid-template-columns:1fr}.media-cut-layout .detail-source-panel{height:180px!important}}