#studio-focus-outline{position:fixed;box-sizing:border-box;border:1px solid #48b7ea;z-index:19000;pointer-events:none}.studio-focused{outline:none!important}
.timeline-editor.cutter-mode .playhead::after{display:none!important}
.timeline-editor.cutter-mode .tl-block,.timeline-editor.cutter-mode .tl-block *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M4 3L26 19L19 28L1 12Z' fill='%23e9eef5' stroke='%23101822' stroke-width='2'/%3E%3Cpath d='M8 10L20 19M12 11L10 15M17 15L15 19' stroke='%23101822' stroke-width='2'/%3E%3C/svg%3E") 2 3,crosshair!important}
.tl-video-strip{left:0!important;top:24px!important;bottom:0!important;width:96px!important;max-width:100%;background-size:contain!important;background-position:left center!important;background-repeat:no-repeat!important}.tl-video-shade{display:none!important}
.tl-edge:hover,.tl-edge.trimming{border-width:2px!important;width:5px!important}.source-start .tl-edge.left:not(.trimming),.source-end .tl-edge.right:not(.trimming){opacity:0!important}
.tl-block.media-offline{background:#34383d!important;background-image:none!important}.tl-block.media-offline .tl-video-strip,.tl-block.media-offline canvas{display:none}.tl-block.media-offline::after{content:'×';position:absolute;right:7px;top:25px;font-size:26px;color:#ff5e65;pointer-events:none}
.clip-label-menu,.fm-context,#track-context-menu{max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#526b86 #172332;background:#1e2c3d;color:#e7eef7;border:1px solid #4a6178}
.fm-preview{max-height:90dvh;overflow:auto;width:min(900px,92vw);padding:22px;border:1px solid #3d586d;border-radius:14px;background:#101c2b;color:#e8f1fa}.fm-preview video,.fm-preview img{display:block;width:100%;height:min(60dvh,560px);object-fit:contain;background:#050b12;border-radius:8px}.fm-preview audio{width:100%;margin:30px 0}.fm-preview button{margin:14px 8px 0 0;padding:10px 16px;border-radius:7px;border:1px solid #435c75;background:#21364b;color:#edf5fb}.fm-preview .player-status{color:#aac0d7;font-size:13px}

.fm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.fm-card{min-width:0}.fm-card p{overflow-wrap:anywhere}.fm-card .thumb{height:auto;aspect-ratio:16/9;object-fit:contain}#viewport-layer-lock{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:90;width:40px;height:32px;background:#172c3b;border:1px solid #476175;border-radius:6px;cursor:pointer}#viewport-layer-lock[aria-pressed=true]{border-color:#00d9ba}#main-canvas-area{padding-bottom:48px!important}

#viewport-snapshot{position:absolute;bottom:8px;left:calc(50% + 28px);z-index:90;width:40px;height:32px;background:#172c3b;border:1px solid #476175;border-radius:6px;cursor:pointer}.timeline-track-rail button[title*=Show],.timeline-track-rail button[title*=Unmute]{color:#ff5757!important}
.timeline-track-rail .track-btn[aria-pressed=true]{color:#ff5757!important;border-color:#bd4040!important}
#selection-box{z-index:20000!important}

#viewport-toolbar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;z-index:90}#viewport-toolbar button{position:static;transform:none;width:28px;height:28px;padding:5px;display:grid;place-items:center;background:transparent;border:0;border-radius:4px;color:#aeb6c0;cursor:pointer}#viewport-toolbar button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#viewport-toolbar button:hover{color:#eef5ff;background:#ffffff0d}#viewport-toolbar button:focus-visible{outline:1px solid #48b7ea;outline-offset:2px}#viewport-toolbar button[aria-pressed=true]{color:#00dfc1}#viewport-toolbar button:disabled{opacity:.35;cursor:default}@media(pointer:coarse){#viewport-toolbar button{width:40px;height:40px}#main-canvas-area{padding-bottom:54px!important}}

#video-preview-modal{inset:0;margin:0;padding:20px;box-sizing:border-box;max-width:none;max-height:none;width:100vw;height:100dvh;border:0;color:var(--text-main);background:#070a11e8}#video-preview-modal[open]{display:flex}#video-preview-modal::backdrop{background:#0008}#video-preview-modal .video-modal-content{margin:auto;width:min(760px,100%);max-width:760px;max-height:calc(100dvh - 40px);overflow:auto}#video-preview-modal .video-modal-body{min-height:0;padding:16px}#final-video-player{max-height:60dvh;object-fit:contain}#video-preview-modal .close-modal-btn{display:grid;place-items:center;width:28px;height:28px;padding:5px;border:0;border-radius:4px;background:transparent;color:#b9c6d5;cursor:pointer}#video-preview-modal .close-modal-btn:hover{background:#ffffff12;color:#fff}

.fm-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fm-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px;font-size:12px;border:1px solid #34485c;border-radius:5px;background:#182838;color:#d9e4ef}.fm-toolbar button[hidden]{display:none}.fm-toolbar button svg{width:16px;height:16px}.fm-search{box-sizing:border-box;width:100%;margin:10px 0 0;padding:9px 11px;border:1px solid #34485c;border-radius:6px;background:#0b1522;color:#e4edf6;font:inherit}.fm-card[hidden]{display:none}.fm-card.output-selected{outline:2px solid var(--accent);outline-offset:-2px}

#timeline-scroll-area{overflow:scroll!important;scrollbar-gutter:stable!important}#timeline-scroll-area::-webkit-scrollbar{width:10px!important;height:10px!important}#timeline-scroll-area::-webkit-scrollbar-thumb{background:#64748b!important;border-radius:4px}#timeline-scroll-area::-webkit-scrollbar-track{background:#101827!important}

/* Keep the first thumbnail readable when a clip becomes narrow. */
.tl-video-strip{background-size:auto 100%!important;opacity:1!important;min-width:0;pointer-events:none}

.timeline-track-rail{min-height:0!important}.timeline-track-rail .track-btn{height:20px!important;min-height:0!important}.timeline-track-rail>span{padding-top:1px!important;padding-bottom:1px!important}.tl-video-strip{top:min(22px,50%)!important;height:max(calc(100% - 22px),50%)!important}

body.timeline-maximized #corner-radius-panel,body.timeline-maximized #scene-right-controls{display:none!important;visibility:hidden!important;pointer-events:none!important}.viewport-timecodes{position:absolute;bottom:8px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font:600 14px monospace;color:#9fb0c6;z-index:91}.viewport-timecodes span:first-child{color:#4bafff}

.cutter-mode .clip-envelope,.cutter-mode .clip-envelope *{pointer-events:none!important}