/* Adventure Builder W61 — mixed media bin + dual-view modern NLE */
.ab-studio-app{--nle-bg:#090c0e;--nle-panel:#111619;--nle-line:#293237;--nle-text:#f5f7f7;--nle-muted:#96a2a7;--nle-accent:#ff7a18;background:var(--nle-bg)}
.ab-studio-app__bar{background:#0e1214;border-color:var(--nle-line);color:var(--nle-text);box-shadow:none}.ab-studio-app__back{color:#dce3e5}.ab-studio-app__back:hover{background:#20272a}.ab-studio-app__meta{color:var(--nle-muted)}
.ab-studio-app__editor{grid-template-columns:72px 320px minmax(0,1fr);background:var(--nle-bg)}.ab-studio-app__rail{background:#0c1012;border-right:1px solid var(--nle-line);padding:10px 6px}.ab-studio-app__tool{color:#9da9ad;border-radius:9px;font-size:.67rem}.ab-studio-app__tool>span:first-child{font-size:1.2rem}.ab-studio-app__tool:hover{background:#181f22;color:#fff}.ab-studio-app__tool.is-active{background:#222a2e;color:#fff;box-shadow:inset 3px 0 0 var(--nle-accent)}
.ab-studio-app__panel{background:var(--nle-panel);border-color:var(--nle-line);color:#fff;padding:14px 12px;overflow:auto}.ab-studio-app__panel-head{position:sticky;top:-14px;z-index:3;background:var(--nle-panel);padding:14px 0 10px}.ab-studio-app__panel label,.ab-studio-app__panel .ab-video-group-title,.ab-studio-app__panel .ab-video-help{color:#cbd3d5}.ab-studio-app__panel input,.ab-studio-app__panel select{background:#0c1012!important;color:#fff!important;border:1px solid #344046!important;border-radius:8px!important}.ab-studio-app__panel input[type=range]{accent-color:var(--nle-accent)}
.ab-studio-app .ab-video-btn{background:#1d2427;color:#eef2f3;border:1px solid #354047;border-radius:7px;padding:.55rem .72rem}.ab-studio-app .ab-video-btn:hover{border-color:#65747b;background:#273034}.ab-studio-app .ab-video-primary{background:var(--nle-accent)!important;color:#111!important;border-color:var(--nle-accent)!important;font-weight:850}.ab-studio-app .ab-video-upload{display:flex!important;min-height:72px;border:1px dashed #59676d!important;border-radius:10px!important;background:#171d20!important;color:#fff!important;align-items:center;justify-content:center;text-align:center;font-weight:800;cursor:pointer;margin-bottom:10px}
.ab-media-bin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ab-media-bin-head span{font-size:.72rem;color:#89969b}.ab-media-filter{display:flex;gap:5px;margin-bottom:10px}.ab-media-filter button{border:1px solid #313b40;background:#0d1214;color:#aab5b9;border-radius:999px;padding:4px 9px;font-size:.7rem}.ab-media-filter button.is-active{background:#2b3337;color:#fff;border-color:#68767c}.ab-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ab-media-empty{grid-column:1/-1;color:#7f8b90;font-size:.78rem;line-height:1.45}.ab-media-card{position:relative;border:1px solid #2f393e;background:#0b0f11;border-radius:8px;overflow:hidden;color:#fff;text-align:left;padding:0;cursor:pointer}.ab-media-card.is-selected{outline:2px solid var(--nle-accent);outline-offset:1px}.ab-media-thumb{aspect-ratio:16/9;background:#050607;display:grid;place-items:center;overflow:hidden}.ab-media-thumb img,.ab-media-thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}.ab-media-meta{padding:6px}.ab-media-meta strong{display:block;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-media-meta span{font-size:.62rem;color:#8d999e}.ab-media-type{position:absolute;top:5px;left:5px;background:#050708c9;border:1px solid #ffffff22;border-radius:4px;padding:2px 4px;font-size:.58rem}.ab-media-add{position:absolute;right:5px;bottom:5px;width:24px;height:24px;border-radius:50%;border:0;background:var(--nle-accent);font-weight:900;cursor:pointer}
.ab-studio-app__canvas{background:#070a0b;padding:0;align-items:stretch;justify-content:stretch}.ab-studio-app .ab-video-main{background:#070a0b!important;padding:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;overflow:hidden!important}.ab-dual-viewers{display:grid;grid-template-columns:1fr 1fr;gap:1px;min-height:0;background:#252d31}.ab-viewer{min-width:0;background:#080b0c;display:grid;grid-template-rows:36px minmax(0,1fr) 44px}.ab-viewer header{display:flex;align-items:center;gap:8px;padding:0 10px;background:#111619;border-bottom:1px solid #252e32;color:#fff}.ab-viewer header span{color:#879399;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-viewer-stage{position:relative;min-height:0;background:#000;display:grid;place-items:center;overflow:hidden}.ab-viewer-stage video,.ab-viewer-stage img{width:100%;height:100%;object-fit:contain;background:#000}.ab-viewer-empty{color:#758287;font-size:.82rem;text-align:center;padding:24px}.ab-viewer footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;background:#0e1315;border-top:1px solid #252e32;color:#aeb8bc;font-size:.72rem}.ab-viewer footer span{margin-left:auto;font-variant-numeric:tabular-nums}.ab-dual-viewers.is-single .ab-viewer:first-child{display:none}.ab-dual-viewers.is-single{grid-template-columns:1fr}
.ab-insert-bar{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:5px 10px;background:#111619;border-top:1px solid #252e32;color:#9da9ad;font-size:.74rem}.ab-insert-bar #ab-viewer-toggle{margin-left:auto}
.ab-studio-app .ab-video-timeline-wrap{width:100%!important;margin:0!important;background:#0d1113!important;border:0!important;border-top:1px solid var(--nle-line)!important;border-radius:0!important;padding:0!important;max-height:250px}.ab-studio-app .ab-video-timeline-head{height:34px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#151b1e;border-bottom:1px solid var(--nle-line);color:#fff}.ab-studio-app .ab-video-timeline-head span{color:#8e9ba0;font-size:.72rem}.ab-studio-app .ab-video-track-controls{height:38px;padding:4px 8px;display:flex;align-items:center;gap:6px;background:#0f1416;border-bottom:1px solid #242c30}.ab-studio-app .ab-video-track-controls label{margin-left:auto;color:#9ca8ac;font-size:.7rem}.ab-studio-app .ab-video-multitracks{overflow:auto;min-height:136px;max-height:178px;padding:0;background:#0a0e10}.ab-video-mtrack{display:grid;grid-template-columns:90px minmax(0,1fr);min-height:44px;border-bottom:1px solid #20272a}.ab-video-mtrack-label{display:flex;align-items:center;padding:0 8px;background:#12181a;color:#9ca8ac;border-right:1px solid #273035;font-size:.68rem}.ab-video-mtrack-lane{position:relative;display:flex;align-items:center;gap:3px;padding:5px 7px;background-image:linear-gradient(90deg,transparent 49px,#192023 50px);background-size:50px 100%;min-width:800px}.ab-video-mclip{height:32px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;border-radius:4px;border:1px solid #7a431f;background:linear-gradient(#69350f,#45240e);color:#fff;padding:0 7px;cursor:pointer;flex:0 0 auto}.ab-video-mclip[data-kind=image]{background:linear-gradient(#4b2a65,#2e1a40);border-color:#79529a}.ab-video-mclip.is-selected{outline:2px solid var(--nle-accent);outline-offset:1px}.ab-video-mclip img{width:38px;height:24px;object-fit:cover;border-radius:2px}.ab-video-mclip small{color:#d6c8bf}.ab-video-text-block{height:28px;background:#185b66;border:1px solid #2a8d9c;color:#fff;border-radius:4px;padding:5px 9px}
.ab-video-w61 .ab-video-status{position:absolute;left:-9999px}.ab-video-w61 .ab-video-head{display:none}
@media(max-width:1050px){.ab-studio-app__editor{grid-template-columns:64px 270px minmax(0,1fr)}.ab-dual-viewers{grid-template-columns:1fr}.ab-dual-viewers .ab-viewer:first-child{display:none}.ab-insert-bar span{display:none}}
@media(max-width:720px){.ab-studio-app__editor{display:flex}.ab-studio-app__panel{position:absolute;left:0;right:0;bottom:58px;z-index:8;max-height:52dvh;background:#111619f7;backdrop-filter:blur(12px)}.ab-studio-app__rail{order:3}.ab-studio-app__canvas{order:1;flex:1}.ab-insert-bar{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.ab-insert-bar #ab-viewer-toggle{display:none}.ab-studio-app .ab-video-timeline-wrap{max-height:210px}}