html[data-sidebar=light] #bottom-bar,html[data-sidebar=light] #mobile-topbar,html[data-sidebar=light] #sidebar{background:var(--light-surf)!important;color:var(--light-txt)!important}html[data-sidebar=light] #bottom-bar,html[data-sidebar=light] #sidebar{--bg:var(--light-bg);--surface:var(--light-surf);--surface2:var(--light-surf2);--border:var(--light-brd);--border2:var(--light-brd2);--text:var(--light-txt);--text2:var(--light-txt2);--text3:var(--light-txt3)}#app,body,html{overflow:hidden}#mobile-topbar .logo-title,body{font-size:13px;color:var(--text)}#mobile-topbar,#sidebar{background:var(--surface)}#mobile-logo,.logo-mark{color:#111;font-weight:700;font-family:var(--mono)}#mobile-logo,#mobile-topbar .logo-title,.btn-logo-action,.help-section-title,.logo-mark,.logo-title{font-family:var(--mono)}#canvas-area,body{background:var(--bg)}#canvas-area,#shot-list,#sidebar{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.cell-del-btn,.cell-transport,.tl-inout-region,.tl-playhead{pointer-events:none}#bottom-bar,#mobile-topbar{padding:0 12px;position:fixed}.cell-name-lbl,.shot-name,.sound-name,.status-bar,.tab-btn,.video-name-label{text-overflow:ellipsis}#cookie-consent-box,#sb-canvas{box-shadow:0 8px 40px rgba(0,0,0,.6)}#empty-state,#shot-list li,.cell-tp-btn,.playhead-tc-val--big,.scrub-field,.tl-ruler{user-select:none}.contact-field label,.logo-metric-lbl,.logo-sub,.panel-title{text-transform:uppercase}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111214;--surface:#1a1c1f;--surface2:#22252a;--border:#2e3238;--border2:#3a3f48;--text:#e8eaed;--text2:#8a9099;--text3:#555c68;--accent:#e8a030;--accent2:#c4831f;--danger:#e05050;--c-in:#3ef5a0;--c-out:#e83030;--mono:'Space Mono',monospace;--sans:'DM Sans',sans-serif;--radius:4px;--sidebar-w:284px;--topbar-h:48px;--light-bg:#f0f1f3;--light-surf:#ffffff;--light-surf2:#e8eaed;--light-brd:#c8cdd5;--light-brd2:#b0b7c1;--light-txt:#1a1c1f;--light-txt2:#555c68;--light-txt3:#8a9099;--blue:#4da6ff}html[data-sidebar=light] #sidebar{border-right:1px solid var(--light-brd)!important}html[data-sidebar=light] #mobile-topbar{border-bottom-color:var(--light-brd)!important}html[data-sidebar=light] #bottom-bar{border-top-color:var(--light-brd)!important}html[data-sidebar=light] #sidebar .btn-upload,html[data-sidebar=light] #sidebar .scrub-field,html[data-sidebar=light] #sidebar input:not([type=range]),html[data-sidebar=light] #sidebar select,html[data-sidebar=light] #sidebar textarea{background:var(--light-surf2)!important;border-color:var(--light-brd2)!important;color:var(--light-txt)!important}html[data-sidebar=light] #sidebar .btn-transport{background:var(--light-surf2)!important;border-color:var(--light-brd2)!important;color:var(--light-txt2)!important}html[data-sidebar=light] #sidebar .btn-transport:hover{background:var(--light-brd2)!important;color:var(--light-txt)!important}html[data-canvas=light] #empty-state h2,html[data-sidebar=light] #sidebar .panel-title,html[data-sidebar=light] #sidebar .tab-btn{color:var(--light-txt2)!important}html[data-sidebar=light] #sidebar .divider{border-top-color:var(--light-brd)!important}html[data-sidebar=light] #sidebar .timeline{background:var(--light-surf2)!important;border-color:var(--light-brd2)!important}html[data-sidebar=light] #sidebar .btn-primary{color:#111!important}html[data-sidebar=light] #sidebar .tab-btn.active{color:var(--light-txt)!important;border-bottom-color:var(--light-txt)!important}#logo,#mobile-topbar{border-bottom:1px solid var(--border)}html[data-canvas=light] #canvas-area{background:var(--light-bg)!important}html[data-canvas=light] #empty-state{color:var(--light-txt3)!important}html[data-canvas=light] #empty-state svg{opacity:.3}html[data-theme=light] #bottom-bar,html[data-theme=light] #contact-modal .contact-modal-box,html[data-theme=light] #cookie-consent-overlay,html[data-theme=light] #help-modal .help-modal-box,html[data-theme=light] body{--bg:var(--light-bg);--surface:var(--light-surf);--surface2:var(--light-surf2);--border:var(--light-brd);--border2:var(--light-brd2);--text:var(--light-txt);--text2:var(--light-txt2);--text3:var(--light-txt3);--accent:#e8a030;--accent2:#c4831f;--danger:#e05050}html[data-theme=light] body{background:var(--light-bg);color:var(--light-txt)}body,html{height:100%}body{font-family:var(--sans);line-height:1.4;-webkit-font-smoothing:antialiased}#app{display:flex;height:100vh;width:100vw;position:relative}#mobile-topbar{display:none;top:0;left:0;right:0;height:var(--topbar-h);z-index:200;align-items:center;gap:10px}#mobile-logo,.logo-btn{align-items:center;display:flex}#mobile-logo{width:28px;height:28px;background:var(--accent);font-size:11px;justify-content:center;border-radius:3px;border:none;cursor:pointer;flex-shrink:0}#mobile-menu-btn,.logo-btn{background:0 0;border:none}#mobile-topbar .logo-title{font-weight:700;flex:1}#mobile-menu-btn{color:var(--text2);font-size:20px;cursor:pointer;padding:4px}#sidebar-resizer{left:var(--sidebar-w);height:100%;cursor:ew-resize;background:0 0;background:var(--accent);cursor:ew-resize;left:var(--sidebar-w,260px);background:var(--accent);opacity:.7;cursor:ew-resize;position:fixed!important;top:0!important;width:2px!important;cursor:ew-resize;z-index:300;background:linear-gradient(to bottom,var(--border2) 0,var(--border2) calc(100% - 48px),transparent 100%)!important;opacity:.6!important;transition:opacity .15s;bottom:40px!important}#dropzone,.btn-ghost,.btn-upload,.help-close,.logo-btn{cursor:pointer}#sidebar-resizer:active,#sidebar-resizer:hover{background:rgba(232,160,48,.3)}#sidebar{width:var(--sidebar-w);min-width:200px;max-width:520px;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:transform .25s;flex-shrink:0}#sidebar::-webkit-scrollbar-thumb{background:var(--border2)}#sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99}#logo{flex-shrink:0;gap:0}.logo-btn{gap:10px;padding:11px 13px;width:100%;text-align:left;transition:background .12s}#dropzone-inner,#empty-state,.badge,.btn-add-more,.btn-tips,.input-num-sm,.input-rename-num,.input-small{text-align:center}#shot-list li:hover,.logo-btn:hover,[data-theme=light] #canvas-area{background:var(--surface2)}.logo-mark{width:32px;height:32px;background:var(--accent);font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-title{font-size:13px;font-weight:700;color:var(--text)}.logo-sub{color:var(--text3);letter-spacing:.3px;line-height:1.3}.logo-actions-row{display:flex;gap:4px;padding:5px 10px;flex-wrap:nowrap;align-items:center}.btn-logo-action{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;font-size:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--text2);border-radius:4px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}#btn-export-xml:hover,.btn-logo-action:hover{background:rgba(255,255,255,.13);color:var(--text)}.btn-logo-action.btn-icon-only{flex:0 0 30px;padding:4px}.btn-logo-action svg{opacity:.8;flex-shrink:0}.btn-help{flex:0 0 26px;font-size:13px;font-weight:700;color:var(--accent);border-color:rgba(232,160,48,.3);background:rgba(232,160,48,.08)}.btn-help:hover{background:rgba(232,160,48,.2);color:var(--accent)}.btn-load-save{flex:1 1 0;min-width:48px;font-size:11px}.help-modal-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center}.help-modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:22px 24px;max-width:400px;width:92%;max-height:85vh;overflow-y:auto;position:relative}.progress-wrap,.shot-name,.sound-name,.status-bar,.timeline,.tl-progress-wrap,.tl-ruler,.video-name-label,.video-preview-wrap{overflow:hidden}.help-close{position:absolute;top:10px;right:12px;background:0 0;border:none;color:var(--text3);font-size:17px;line-height:1}#canvas-area,#canvas-wrap,.timeline{position:relative}.btn-zoom-step:hover,.contact-close:hover,.help-close:hover,.help-list b,[data-theme=light] .cb-row span,[data-theme=light] .panel-title{color:var(--text)}#btn-add-marker:hover,#btn-clear-all-markers:hover,#btn-next-marker:hover,#btn-prev-marker:hover,#dropzone.drag-over .drop-icon,.btn-mark:hover,.btn-mvmarker:hover,.cb-row input[type=checkbox]:checked+.stretch-toggle-label,.contact-link:hover,.footer-contact-link:hover,.help-section-title,.shot-spinner-rst:hover{color:var(--accent)}.contact-modal-box h3,.help-title{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.6px;margin-bottom:14px;font-weight:700}.help-section-title{font-size:10px;letter-spacing:.4px;margin:12px 0 7px}.help-list{padding-left:16px;font-size:11px;color:var(--text2);line-height:1.8;display:flex;flex-direction:column;gap:3px}.badge,.panel-title{font-size:10px;font-weight:700;font-family:var(--mono)}.panel{padding:10px 13px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-header{display:flex;align-items:center;gap:6px;margin-bottom:7px}.panel-title{letter-spacing:1px;color:var(--text3);margin-bottom:7px}.panel-header .panel-title,.tl-wrap{margin-bottom:0}#animatic-section .panel-title,#shot-list,.drop-icon{margin-bottom:6px}.badge{background:var(--accent);color:#111;padding:1px 6px;border-radius:10px;min-width:20px}#dropzone-inner{border:1.5px dashed var(--border2);border-radius:var(--radius);padding:15px 10px;transition:border-color .15s,background .15s}#dropzone.drag-over #dropzone-inner{border-color:var(--accent);background:rgba(232,160,48,.06)}.drop-icon{color:var(--text3)}.drop-label{font-size:12px;color:var(--text2);margin-bottom:7px}.drop-formats{font-family:var(--mono);font-size:9px;color:var(--text3);margin-top:6px}.upload-buttons{display:flex;gap:4px;justify-content:center;margin-bottom:4px}.upload-buttons-row{flex-wrap:nowrap;gap:4px}.btn-upload-icon{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;font-size:11px;line-height:1}.btn-upload-icon svg{flex-shrink:0;opacity:.85}#analysis-history-panel{border-top:1px solid var(--border);padding-top:6px;margin-top:4px}.btn-mark.is-marked,.btn-mvmarker.on-marker{border-color:var(--accent);color:var(--accent)}#analysis-history-panel .panel-header{padding-bottom:4px}.btn-upload{display:inline-block;padding:5px 11px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:12px;transition:background .12s}.btn-upload:hover{background:var(--border2)}.btn-video-upload{background:rgba(232,160,48,.1);border-color:rgba(232,160,48,.3);color:var(--accent)}.btn-video-upload:hover{background:rgba(232,160,48,.2)}#ai-panel,#fileInput,#soundInput,#videoInput,.bb-hidden,.tab-content{display:none}.btn-add-more{display:block;margin-top:7px;width:100%}.btn-ghost{background:0 0;border:none;color:var(--text2);font-size:13px;padding:3px 6px;border-radius:var(--radius);transition:color .1s,background .1s}.btn-detect-orange,.btn-primary{background:var(--accent);color:#111}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}.btn-small{font-size:11px;padding:2px 6px}.btn-cancel-animatic,.btn-primary{font-size:12px;cursor:pointer;transition:background .12s;font-family:var(--mono)}.btn-cancel-animatic,.btn-detect-orange,.btn-primary{padding:8px;width:100%;font-weight:700}.btn-primary{border:none;border-radius:var(--radius)}.btn-detect-orange:hover,.btn-primary:hover,.contact-send-btn:hover{background:var(--accent2)}.btn-detect-orange:disabled,.btn-primary:disabled{background:var(--border2);color:var(--text3)}.btn-primary:disabled{cursor:not-allowed}.btn-detect-orange{border:none}.btn-detect-orange.btn-detecting{background:rgba(224,80,80,.85);color:#fff}.btn-detect-orange.btn-detecting:hover,.tl-marker:hover{background:var(--danger)}.btn-cancel-animatic{background:rgba(232,160,48,.12);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius)}.btn-cancel-animatic:hover,.btn-load-video:hover{background:rgba(232,160,48,.25)}.btn-animatic-main{background:var(--accent)!important;color:#111!important;font-weight:700}.btn-secondary-sm,.video-name-label{font-size:11px;color:var(--text2);white-space:nowrap}.btn-animatic-main:hover,.btn-bottom-export-sb:hover{background:var(--accent2)!important}.btn-secondary-sm{padding:5px 8px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);font-family:var(--mono);cursor:pointer;transition:background .12s}.btn-secondary-sm:hover,.btn-transport:hover{background:var(--border2);color:var(--text)}.btn-secondary-sm:disabled{opacity:.4;cursor:not-allowed}.video-name-label{max-width:120px;margin-left:4px}#btn-clear-cuts.btn-turbo-toggle,.io-dur-inline{margin-left:auto}.video-info{font-family:var(--mono);font-size:10px;color:var(--text3);margin-bottom:4px}#btn-clear-cuts,.accent-tc,.btn-clear-all{color:var(--accent)!important}.video-preview-wrap{width:100%;background:#000;border-radius:3px;margin-bottom:5px;aspect-ratio:16/9;transition:aspect-ratio .2s}.tl-marker,.tl-playhead{width:2px;transform:translateX(-50%)}#video-preview{width:100%;height:100%;object-fit:cover;display:block}.transport{display:flex;gap:3px;align-items:center;margin-bottom:4px}.transport-full-row{display:flex;gap:3px}.btn-transport{background:var(--surface2);border:1px solid var(--border2);color:var(--text2);padding:4px 5px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s,border-color .1s;min-width:26px;min-height:26px}.btn-play{min-width:30px}.btn-full-flex{flex:1;justify-content:center;padding:5px 2px!important;min-width:0}#btn-mark-in{color:var(--c-in)!important;border-color:rgba(62,245,160,.3)!important}#btn-mark-out{color:var(--c-out)!important;border-color:rgba(232,48,48,.3)!important}.btn-io-in svg polygon,.btn-io-in svg rect{fill:var(--c-in)!important}.btn-io-out svg polygon,.btn-io-out svg rect{fill:var(--c-out)!important}.io-dur-inline{font-family:var(--mono);font-size:10px;color:var(--accent);white-space:nowrap;padding:0 4px;align-self:center;flex-shrink:0}.btn-goto-in,.btn-goto-out{flex:0 0 26px!important;min-width:26px!important;max-width:28px!important}.btn-mvmarker{background:rgba(232,160,48,.05);border-color:rgba(232,160,48,.15);color:var(--text3)}.btn-mvmarker.on-marker{background:rgba(232,160,48,.18)}.btn-mark{display:flex;align-items:center;gap:4px;background:rgba(232,160,48,.06);border-color:rgba(232,160,48,.2);color:var(--text3);font-family:var(--mono);font-size:10px;padding:4px 7px}.input-small,.timeline{border:1px solid var(--border2)}.btn-mark.is-marked{background:rgba(232,160,48,.2)}.btn-io-text{font-size:10px;letter-spacing:0}.io-row .btn-transport{min-height:28px;padding:2px 6px}.btn-clear-marker-single{flex:0 0 auto!important;min-width:28px!important;max-width:28px!important;padding:0 4px!important;opacity:.55}.btn-clear-marker-single:hover{opacity:1;color:#f55}.scrubber-row-notc{display:flex;align-items:center;position:relative;z-index:0}.scrubber-row-notc .scrubber{width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.timeline{height:22px;background:var(--surface2);border-radius:3px;cursor:crosshair}.tl-marker,.tl-marker::before{height:100%;position:absolute;top:0}.tl-marker{background:var(--accent);cursor:pointer;z-index:2}.tl-marker::before{content:'';left:-5px;width:12px}.tl-playhead{position:absolute;top:0;height:100%;background:#1a9fff;z-index:3;box-shadow:0 0 4px #1a9fff}.tl-mark-in,.tl-mark-out{width:3px;cursor:ew-resize;top:0;height:100%;z-index:5;position:absolute}.tl-mark-in{background:var(--c-in);box-shadow:0 0 5px var(--c-in)}.tl-mark-out{background:var(--c-out);box-shadow:0 0 5px var(--c-out)}.tl-mark-in::after{content:'I';position:absolute;top:0;left:3px;font-size:8px;color:var(--c-in);font-family:var(--mono);line-height:1}.tl-mark-out::after{content:'O';position:absolute;top:0;right:3px;font-size:8px;color:var(--c-out);font-family:var(--mono);line-height:1}.tl-inout-region{position:absolute;top:0;height:100%;background:rgba(255,200,80,.1);z-index:1}.tl-progress-wrap{width:100%;height:3px;background:var(--surface2);border-radius:2px;margin-bottom:4px;margin-top:2px}.progress-bar,.tl-progress-bar{height:100%;background:var(--accent);width:0%;transition:width .1s}.input-small,.select-sm{background:var(--surface2)}.detect-params-row{display:flex;gap:8px;align-items:center}.framemode-row,.threshold-label{align-items:center;display:flex}.threshold-label{font-size:10px;color:var(--text3);gap:3px}.input-small{width:38px;border-radius:3px;color:var(--text);font-family:var(--mono);font-size:11px;padding:2px 4px}.input-rename,.select-sm{border:1px solid var(--border2)}.settings-grid label,.settings-grid-sm label,.small-label{font-size:11px;color:var(--text2);white-space:nowrap}.select-sm{flex:1;border-radius:var(--radius);color:var(--text);font-size:11px;padding:4px 6px;cursor:pointer}.input-rename-num:focus,.input-rename:focus,.select-sm:focus,.settings-grid input:focus{outline:0;border-color:var(--accent)}.cell-name-lbl[contenteditable=true],.scrub-field[contenteditable=true],.shot-name:focus,.shot-spinner-val:focus{outline:1px solid var(--accent)}.framemode-row{gap:8px;margin-top:7px;margin-bottom:0}.tl-timecode{font-family:var(--mono);font-size:10px;color:var(--text3)}.input-rename,.input-rename-num{color:var(--text);background:var(--surface2);font-size:11px}.rename-row{display:flex;gap:5px;align-items:center;margin-bottom:7px}.settings-grid,.settings-grid-sm{display:grid;grid-template-columns:auto 1fr}.input-rename{flex:1;border-radius:var(--radius);padding:4px 6px;min-width:0}.input-rename-num{width:40px;border:1px solid var(--border2);border-radius:var(--radius);font-family:var(--mono);padding:4px}#shot-list{list-style:none;max-height:180px;overflow-y:auto;padding-right:4px}#shot-list li{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 3px;border-radius:var(--radius);cursor:grab;transition:background .1s}#shot-list li.dragging,.empty-icon{opacity:.4}#shot-list li.drag-over{border-top:2px solid var(--accent)}.shot-thumb{width:32px;height:22px;object-fit:cover;border-radius:2px;background:var(--surface2);flex-shrink:0}.shot-name{flex:1;font-size:11px;color:var(--text2);white-space:nowrap}.shot-name:focus{border-radius:2px}.shot-num{font-family:var(--mono);font-size:9px;color:var(--text3);flex-shrink:0;min-width:14px}.shot-del{font-size:11px;color:var(--text3);background:0 0;border:none;cursor:pointer;padding:0 2px;transition:color .1s;flex-shrink:0}.shot-script-li,.shot-script-li:hover{background:0 0!important}.shot-del:hover{color:var(--danger)}.shot-script-li{padding:0 3px 5px!important;cursor:default!important}.shot-script-row{width:100%}.shot-script-inp{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:3px;color:var(--text2);font-size:10px;font-family:var(--sans);padding:3px 6px;resize:vertical;line-height:1.4;outline:0;transition:border-color .12s}#empty-state h2,#footer,.btn-tips,.cell-tp-btn,.marker-count-wrap,.shot-num-left,.status-bar,.tl-ruler-label{font-family:var(--mono)}.shot-script-inp:focus{border-color:var(--accent);color:var(--text)}.shot-script-inp::placeholder{color:var(--text3);font-style:italic;opacity:.5}.settings-grid{gap:5px 8px;align-items:center}.settings-grid input[type=number],.settings-grid input[type=text]{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--mono);font-size:11px;padding:4px 6px;width:100%}.settings-grid-sm{gap:4px 8px;align-items:center}.checkbox-list{display:flex;flex-direction:column;gap:5px}.cb-row{display:flex;align-items:center;gap:8px;cursor:pointer}.cb-row input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.cb-row span{font-size:12px;color:var(--text2)}#btn-animatic-quick,#btn-reset-textbg,#btn-reset-textcolor,.drag-num-row .drag-label,label.cb-row input[type=checkbox]{flex-shrink:0}.slider-num-row{display:flex;align-items:center;gap:6px;width:100%}.range-input{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,.15);outline:0;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.range-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.input-num-sm,.input-num-wide{border:1px solid rgba(255,255,255,.15)}.inline-row-stretch .cb-row,.range-sm{flex:1;min-width:0}.range-lg{flex:1 1 0;min-width:0}.input-num-sm{width:38px;padding:2px 4px;font-size:11px;background:rgba(255,255,255,.06);color:var(--text);border-radius:4px}#bottom-bar #status-bar,.cb-inline{font-size:11px;color:var(--text2);white-space:nowrap}.input-num-short{width:34px!important;min-width:34px!important;max-width:38px!important}.range-inline{width:48px!important;flex:0 0 48px!important;min-width:48px!important}.drag-num-row,.inline-row-stretch{display:flex;align-items:center;gap:5px;width:100%}.footer-contact,.ratio-row{margin-top:6px}.ratio-select-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.color-inline{width:22px;height:18px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;cursor:pointer;background:0 0;flex-shrink:0}#btn-script-transparent,.btn-transparent-toggle-sm{width:22px;height:18px;background:rgba(255,255,255,.06);cursor:pointer}.cb-color-row,.cb-inline-pair{display:flex;align-items:center}input[type=color]{width:28px;height:22px;border:1px solid var(--border2);border-radius:3px;background:0 0;cursor:pointer;padding:1px}.cb-color-row{gap:6px;min-height:22px}.bg-colors-inline,.cb-inline,.shot-extra-row{align-items:center;gap:4px;display:flex}.cb-inline{cursor:pointer}#animKeepProportion,.cb-inline input{margin:0}.btn-transparent-toggle-sm{padding:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;display:flex;align-items:center;justify-content:center}#btn-script-transparent.active,#btn-transparent-script.active,.btn-transparent-toggle-sm.active,.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--accent)}.divider{height:1px;background:var(--border);flex-shrink:0}.animatic-params-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;margin-bottom:0}.anim-input{width:44px!important}.sound-row{display:flex;align-items:center;gap:6px;margin-top:7px}.btn-sound-upload{padding:4px 9px;font-size:11px}.sound-name{font-size:10px;color:var(--text3);flex:1;white-space:nowrap}#btn-detect.has-cuts{color:var(--text3)!important;border:1px solid rgba(255,255,255,.15)!important}#btn-detect.has-cuts:hover,.btn-bottom-active{background:var(--accent)!important;color:#000!important;border-color:transparent!important}#footer,.tips-panel{border-top:1px solid var(--border)}.progress-wrap{width:100%;height:3px;background:var(--surface2);border-radius:2px}.status-bar{font-size:9px;color:var(--text3);white-space:nowrap}.tips-panel{padding:10px 13px;flex-shrink:0}.btn-tips{display:block;padding:9px;border-radius:var(--radius);color:var(--accent);font-size:12px;text-decoration:none;transition:background .12s}#empty-state,#empty-state h2,#footer,.contact-link{color:var(--text3)}#footer{flex-shrink:0;line-height:1.6}.contact-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:9px;transition:color .12s}#canvas-area{flex:1;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:stretch;padding-bottom:44px}#canvas-area::-webkit-scrollbar{width:6px;height:6px}#canvas-area::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}#canvas-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:20px}#sb-canvas,.logo-filmstrip svg,.tab-content.active{display:block}#bottom-bar,.cell-del-btn{display:flex;align-items:center}#sb-canvas{border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}.cell-overlay.dragging{opacity:.5;cursor:grabbing}.cell-overlay.drag-target::after{content:'';position:absolute;inset:0;border:2px solid var(--accent);border-radius:2px;pointer-events:none}.cell-del-btn{justify-content:center}.cell-del-btn:hover{color:#fff}.cell-name-lbl[contenteditable=true]{color:#fff;background:rgba(0,0,0,.85)}.cell-transport{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3px;padding:4px;background:rgba(0,0,0,.75);opacity:0;transition:opacity .15s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.cell-overlay.keep-visible .cell-transport,.cell-overlay.selected .cell-transport,.cell-overlay:hover .cell-transport{opacity:1;pointer-events:auto}.autosave-status,.cell-del-btn,.cell-overlay,.cell-overlay.selected::before,.tl-ruler{pointer-events:none}.cell-tp-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;font-size:10px;padding:2px 6px;cursor:pointer;transition:background .1s}.cell-tp-btn:hover{background:rgba(232,160,48,.5)}.cell-overlay.selected::before{content:'';position:absolute;inset:0;border:2px solid var(--accent);border-radius:2px;z-index:5}.cell-overlay[draggable=true]{cursor:grab}#empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#empty-state h2{font-size:16px}#empty-state p{font-size:12px}#bottom-bar{bottom:0;left:var(--sidebar-w);right:0;height:40px;background:var(--surface);border-top:1px solid rgba(255,255,255,.08);justify-content:space-between;gap:8px;z-index:10}#bottom-bar-left,#bottom-bar-right{display:flex;align-items:center;gap:8px}#bottom-bar-left{flex:1;min-width:0}#bottom-bar-right{flex-shrink:0}.marker-badge,.marker-count-wrap{display:inline-flex;align-items:center}#bottom-bar #status-bar{overflow:hidden;text-overflow:ellipsis}.btn-clear-all:hover{opacity:.75}.marker-count-wrap{gap:2px}.marker-badge{justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--accent);color:#111;font-size:10px;font-weight:700;border-radius:20px}.btn-pagnav,.page-nav-inline{display:flex;align-items:center}#btn-export-xml,.btn-bottom{background:rgba(255,255,255,.07)}.marker-sep{color:var(--text3);font-size:10px;margin:0 1px}.marker-total{color:var(--text2);font-size:10px}#animKeepProp+span,.btn-bottom{font-size:11px}.page-indicator{gap:2px}.btn-bottom{height:28px;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);color:var(--text2);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.btn-animatic-bottom,.btn-bottom-primary{border-color:transparent!important;font-weight:600}#export-all-btn,.btn-bottom-primary{background:var(--accent)!important;color:#000!important}.btn-bottom:hover{background:rgba(255,255,255,.14);color:var(--text)}#btn-export-stills:disabled,.btn-bottom-primary:disabled,.btn-bottom:disabled,.btn-red:disabled{opacity:.35;cursor:default}#export-all-btn:hover,.btn-animatic-bottom:hover,.btn-bottom-primary:hover{opacity:.88}.btn-animatic-bottom{background:var(--accent)!important;color:#111!important}.page-nav-inline{gap:6px}.btn-pagnav{width:32px;height:32px;padding:0;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:6px;color:var(--text);font-size:20px;cursor:pointer;justify-content:center;transition:background .15s,border-color .15s}.btn-pagnav:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28)}.btn-pagnav-lg:disabled,.btn-pagnav:disabled{opacity:.3;cursor:default}.btn-pagnav-lg{min-width:76px;height:28px;padding:0 10px;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-weight:400}.tl-ruler{position:relative;height:14px;background:0 0;margin-top:2px}.tl-ruler-tick{position:absolute;bottom:0;width:1px;background:rgba(255,255,255,.18);transform:translateX(-50%)}.tl-ruler-tick.major{background:rgba(255,255,255,.35);height:8px}.tl-ruler-tick.minor{height:4px}.tl-ruler-label{position:absolute;bottom:5px;font-size:8px;color:var(--text3);transform:translateX(-50%);white-space:nowrap;line-height:1}.capture-progress-wrap{position:absolute;bottom:44px;left:0;right:0;height:3px;background:rgba(255,255,255,.08);z-index:10}@media(max-width:900px){:root{--sidebar-w:260px}}@media(max-width:640px){:root{--sidebar-w:min(88vw,320px)}#app{flex-direction:column}#mobile-topbar{display:flex}#sidebar{position:fixed;top:0;left:0;height:100%;transform:translateX(-100%);z-index:150;padding-top:var(--topbar-h)}#sidebar.open{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.5)}#sidebar-overlay.open{display:block}#canvas-area{width:100%;height:calc(100vh - var(--topbar-h));margin-top:var(--topbar-h)}#canvas-wrap{padding:8px}#sidebar-resizer{display:none}#bottom-bar{left:0}}@media(max-height:600px) and (min-width:641px){.panel{padding:7px 11px}.video-preview-wrap{aspect-ratio:16/7}#shot-list{max-height:80px}}#export-all-btn{border:none!important}#fps{display:inline-block!important}.cell-name-lbl{text-align:left!important}.range-lg{max-width:90px!important}#textSizeNum{width:36px;display:inline-block}#strokeWidthRange{max-width:60px!important}#btn-script-transparent{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;flex-shrink:0}#animFps{width:60px}#sidebar{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;padding-bottom:44px!important;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.logo-sub{font-size:9px;color:var(--accent);letter-spacing:.03em}.bb-page-sep,.cb-row-sm,.shot-extra-lbl{color:var(--fg-dim)}.input-num-sm{min-width:36px}.script-note-controls{padding:4px 8px;background:rgba(255,255,255,.03);border-radius:5px;margin-top:4px}.cb-row-sm{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;min-width:52px}.shot-extra-li{list-style:none;padding:2px 4px}.shot-extra-lbl{font-size:10px;min-width:36px}#progress-bars-wrap,#progress-zone{position:fixed;bottom:40px;left:0;right:0;z-index:190;pointer-events:none}#animatic-progress-zone,#capture-progress-zone{height:3px;background:rgba(255,255,255,.08)}.bb-shot-info{display:flex;align-items:center;gap:4px;font-size:11px}.bb-page-sep{font-size:11px}#footer{margin-top:auto;margin-bottom:0;flex-shrink:0}.shot-num-left{font-size:10px;color:var(--accent);font-weight:700;min-width:18px;text-align:left;flex-shrink:0}.input-num-wide,.input-wide{font-size:11px;background:rgba(255,255,255,.06);color:var(--fg,#e0e0e0)}.shot-per-controls{width:100%;margin:2px 0;display:flex;flex-direction:column;gap:2px}.sb-info-wrap,.shot-slider-row{display:flex;align-items:center}.shot-slider-row{gap:4px;width:100%}.shot-slider-row .small-label{min-width:18px;font-size:9px;color:var(--accent);text-align:right}#footer,.input-medium,.input-num-wide,.io-tc-dur,.marker-nav-badge,.playhead-tc-val,.playhead-tc-val--big,.scrub-field,.shot-spinner-val{text-align:center}.input-num-wide{width:56px!important;min-width:56px!important;padding:2px 4px;border-radius:4px;flex-shrink:0}.input-wide{width:80px;padding:3px 6px;border:1px solid rgba(255,255,255,.15);border-radius:4px}.script-note-global-row,.stretch-section{padding:4px 0;border-top:1px solid rgba(255,255,255,.07)}.stretch-section{margin-top:6px}#progress-bars-wrap .capture-progress-wrap{position:static;width:100%;height:3px;background:rgba(255,255,255,.08)}.sb-info-wrap{gap:0}.sb-shot-info{font-size:10px;font-family:var(--mono, monospace);color:var(--text2,#aaa);white-space:nowrap}#btn-reverse.is-reversing{color:var(--accent);opacity:1}#btn-clear-cuts{border-radius:4px;white-space:nowrap}.drag-num-field,.scrub-field{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:24px;padding:0 6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:4px;font-family:var(--mono);font-size:11px;color:var(--text);cursor:ew-resize;user-select:none;flex-shrink:0;transition:background .12s,border-color .12s;outline:0}.drag-num-field:hover,.scrub-field:hover{background:rgba(255,255,255,.13);border-color:var(--accent)}.drag-num-field[contenteditable=true],.scrub-field[contenteditable=true]{cursor:text;background:rgba(232,160,48,.12);border-color:var(--accent);min-width:60px}.drag-num-row .drag-num-field{flex:1}.reset-btn,.reset-pair-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:0 0;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:var(--text3);cursor:pointer;font-size:13px;line-height:1;flex-shrink:0;transition:color .1s,border-color .1s,background .1s;padding:0}.btn-chain,.btn-stretch-toggle{transition:background .12s,color .12s,border-color .12s}.btn-prop:hover,.reset-btn:hover,.reset-pair-btn:hover{color:var(--accent);border-color:var(--accent);background:rgba(232,160,48,.08)}.stretch-header{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.btn-stretch-toggle{padding:3px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--text2);font-family:var(--mono);font-size:10px;cursor:pointer}.marker-count-above,.scrub-field,.shot-scrub-lbl,.shot-spinner-lbl,.shot-spinner-val{font-family:'Space Mono',monospace}.btn-byimage:hover,.btn-horiz-toggle:hover,.btn-stretch-toggle:hover{background:rgba(255,255,255,.12);color:var(--text)}.btn-byimage.active,.btn-horiz-toggle.active,.btn-stretch-toggle.active{background:rgba(232,160,48,.15);border-color:rgba(232,160,48,.5);color:var(--accent)}.scrub-field:hover,.shot-spinner-btn:hover{border-color:var(--accent)}.cell-del-btn{display:flex!important;align-items:center!important;justify-content:center!important}.btn-reset-all{border:1px solid var(--border);color:var(--text-dim)}.shot-spinner-row{display:flex;align-items:center;gap:3px;margin-top:3px;width:100%}.shot-spinner-lbl{font-size:10px;color:var(--text-dim);min-width:20px}.shot-spinner-btn{background:var(--bg-3);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:9px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;line-height:1}.shot-spinner-btn:hover{background:var(--bg-4)}.shot-spinner-val{min-width:28px;font-size:10px;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:3px;padding:1px 3px;cursor:text;flex-shrink:0}.shot-spinner-rst{background:0 0;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}#note-gap-wrap{display:inline-flex;align-items:center;gap:3px}.scrub-field{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);color:var(--text);cursor:ew-resize;line-height:1.4}.btn-byimage,.scrub-field:hover{background:var(--bg-3)}.scrub-label,.shot-scrub-lbl{color:var(--text-dim);white-space:nowrap}.btn-byimage:hover,.btn-chain:hover{background:var(--bg-4)}.scrub-field[contenteditable=true]{border-color:var(--accent)}.scrub-row{display:flex;align-items:center;gap:5px}.scrub-label{font-size:11px}.shot-scrub-row{display:flex;align-items:center;gap:5px;margin-top:3px;width:100%}.shot-scrub-lbl{font-size:10px;min-width:20px}.shot-scrub-row .scrub-field{min-width:36px;flex:1}.stretch-toggle-label{font-size:11px;font-weight:600;color:var(--text);letter-spacing:.02em;cursor:pointer}.btn-byimage,.btn-reset-all{color:var(--text-dim);border:1px solid var(--border)}.btn-reset-all{display:flex;align-items:center;justify-content:center}.btn-reset-all:hover{color:#e05050;border-color:#e05050}.btn-byimage:hover{color:var(--text)}#btn-add-marker.is-marked,.btn-byimage.active,.btn-per-lock:hover{border-color:var(--accent);color:var(--accent)}.marker-count-above{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent);padding:2px 0 4px;font-weight:700}#animatic-section .sound-row,.btn-chain{align-items:center}.btn-horiz-toggle,.cell-name-lbl,.marker-nav-badge,.marker-nav-current{font-family:var(--mono)}.cell-overlay.alt-delete-mode{pointer-events:auto!important}.cell-overlay.alt-delete-mode .cell-del-btn{opacity:1!important;pointer-events:auto!important;background:rgba(220,30,30,.85)!important;border-color:rgba(255,100,100,.8)!important;width:24px!important;height:24px!important;font-size:13px!important}.cell-overlay.alt-delete-mode .cell-del-btn:hover{background:rgba(200,10,10,.98)!important;transform:scale(1.1)}#btn-animatic.btn-bottom{background:#c0392b;color:#fff;border:none;font-weight:600}#btn-turbo.active,.btn-chain.active,.btn-chain:hover{border-color:var(--accent);color:var(--accent)}#btn-animatic.btn-bottom:hover{background:#e74c3c}.input-medium{width:46px}#btn-reset-bg{margin-left:3px}#btn-turbo{font-size:10px;padding:2px 8px;transition:background .15s,color .15s,border-color .15s}#btn-turbo.active{font-weight:600}#btn-turbo:not(.active),.btn-chain{background:var(--bg-3);color:var(--text-dim)}#btn-turbo:not(.active){border-color:var(--border)}.btn-chain{border:1px solid var(--border);display:inline-flex;justify-content:center;flex-shrink:0;width:20px;height:20px;border:1.5px solid var(--border);border-radius:4px;padding:0;cursor:pointer;display:inline-flex;justify-content:center;flex-shrink:0}.btn-chain.active{background:rgba(232,160,48,.18)}#adsense-banner-wrap{overflow:hidden;transition:max-height .25s,opacity .25s,padding .25s}#canvas-wrap{display:flex;align-items:center;justify-content:center}#canvas-wrap canvas{max-width:100%;max-height:100%;display:block}.btn-free-pro{background:rgba(232,160,48,.12)!important;border:1px solid rgba(232,160,48,.35)!important;color:var(--accent)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.06em!important;min-width:34px!important;padding:2px 5px!important}.btn-free-pro.is-pro{background:rgba(100,210,100,.12)!important;border-color:rgba(100,210,100,.4)!important;color:#6dd27a!important}#sidebar-resizer:hover{opacity:1!important}.cell-name-lbl{position:absolute;bottom:4px;left:5px;font-size:9px;color:rgba(255,255,255,0);cursor:text;border-radius:2px;padding:1px 4px;white-space:nowrap;max-width:80%;overflow:hidden;transition:color .15s,background .15s}.cell-overlay.selected .cell-name-lbl,.cell-overlay:hover .cell-name-lbl{color:rgba(255,255,255,.9);background:rgba(0,0,0,.75)}.marker-nav-current{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);padding:3px 8px;background:var(--surface2);border:1px solid var(--border2);border-radius:4px;margin:3px 0}.marker-nav-badge{background:var(--accent);color:#111;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;min-width:20px}.scrub-row-pair{display:flex;align-items:center;gap:3px;flex-wrap:nowrap}.scrub-pair-lbl{font-size:10px;color:var(--text3);white-space:nowrap;flex-shrink:0}.btn-horiz-toggle,.btn-prop{border:1px solid rgba(255,255,255,.15);cursor:pointer;display:inline-flex;align-items:center;font-size:10px}.btn-horiz-toggle{padding:3px 8px;background:rgba(255,255,255,.06);border-radius:4px;color:var(--text2);transition:background .12s,color .12s,border-color .12s;gap:4px}.btn-byimage,.btn-prop{background:rgba(255,255,255,.06);color:var(--text3)}.btn-prop{width:22px;height:22px;padding:0;border-radius:3px;justify-content:center;transition:color .1s,border-color .1s,background .1s;flex-shrink:0}.btn-byimage,.btn-reset-all{padding:2px 7px;transition:background .12s,color .12s,border-color .12s;font-family:var(--mono);cursor:pointer;white-space:nowrap}.btn-prop.active{color:var(--accent);border-color:var(--accent);background:rgba(232,160,48,.15)}.shot-per-row{display:flex;align-items:center;gap:3px;width:100%;flex-wrap:nowrap;margin-top:2px}.shot-per-row .shot-scrub-lbl{min-width:18px;font-size:9px;color:var(--accent);flex-shrink:0}.shot-per-row .scrub-field{flex:1;min-width:0;font-size:10px;height:20px}.shot-per-row .btn-prop{width:18px;height:18px;font-size:9px}.shot-per-row .reset-btn{width:18px;height:18px;font-size:10px}.btn-byimage{border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:9px}.btn-reset-all{background:0 0;border:1px solid rgba(255,80,80,.3);border-radius:4px;color:rgba(255,80,80,.6);font-size:9px}.btn-reset-all:hover{background:rgba(255,80,80,.12);color:var(--danger);border-color:var(--danger)}.contact-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center}.contact-modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:22px 24px;max-width:380px;width:92%;max-height:90vh;overflow-y:auto;position:relative}#btn-detect,.contact-send-btn{padding:8px;transition:background .12s}.contact-field{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.contact-field label{font-size:10px;color:var(--text3);font-family:var(--mono);letter-spacing:.4px}.contact-field input[type=email],.contact-field input[type=text],.contact-field select,.contact-field textarea{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--sans);font-size:12px;padding:6px 8px;width:100%;outline:0;transition:border-color .12s}.contact-field textarea{resize:vertical;min-height:80px}.contact-close{position:absolute;top:10px;right:12px;background:0 0;border:none;color:var(--text3);font-size:17px;cursor:pointer}.contact-send-btn{width:100%;background:var(--accent);color:#111;border:none;border-radius:var(--radius);font-family:var(--mono);font-size:12px;font-weight:700;cursor:pointer;margin-top:6px}.wh-sep{font-size:10px;color:var(--text3);flex-shrink:0}.btn-load-video,.footer-contact-link{font-family:var(--mono);font-size:9px;cursor:pointer}.btn-load-video{padding:2px 7px;background:rgba(232,160,48,.1);border:1px solid rgba(232,160,48,.3);border-radius:4px;color:var(--accent);white-space:nowrap;flex-shrink:0;transition:background .12s}#footer{font-size:10px!important}.footer-contact-link{color:var(--text3);text-decoration:underline dotted;background:0 0;border:none}.io-tc-dur,.tl-tc-inline{font-size:10px;font-family:var(--mono)}#animatic-section .btn-primary{margin-top:8px!important}.cell-overlay.keep-visible .cell-del-btn,.cell-overlay.selected .cell-del-btn,.cell-overlay:hover .cell-del-btn{pointer-events:auto;opacity:1!important;pointer-events:auto!important}.io-tc-row{display:none;align-items:center;gap:4px;margin-top:3px;padding:3px 4px;background:rgba(255,255,255,.04);border-radius:4px;flex-wrap:nowrap;overflow:hidden}.io-tc-label{font-family:var(--mono);flex-shrink:0;white-space:nowrap}.io-tc-out{color:var(--c-out,#e08050)!important}.footer-link-small,.io-tc-sep{color:var(--text3)}.io-tc-dur{color:var(--accent);flex:1}.tl-tc-inline{color:var(--accent);flex-shrink:0;white-space:nowrap;min-width:68px}#par-display{font-family:var(--mono);font-size:11px;color:var(--accent);display:inline!important}.btn-turbo-toggle{border-radius:3px;border:1px solid rgba(255,255,255,.18);background:0 0;color:var(--text3);font-family:var(--mono);cursor:pointer;transition:color .12s,background .12s,border-color .12s,opacity .12s;opacity:.45}.btn-turbo-toggle.active{background:rgba(232,160,48,.15);border-color:rgba(232,160,48,.45);color:var(--accent);opacity:1}#btn-turbo:hover,.autosave-dot.active,.autosave-status.visible,.btn-turbo-toggle:hover{opacity:1}.io-tc-editable{cursor:text;border-radius:3px;padding:1px 3px;transition:background .1s}.io-tc-editable:hover{background:rgba(255,255,255,.08)}.io-tc-editable[contenteditable=true]{background:rgba(232,160,48,.15);outline:1px solid var(--accent);color:var(--accent);cursor:text}.btn-per-lock{width:18px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:var(--text3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:background .1s,color .1s,border-color .1s}#btn-prop-global.active,.btn-per-lock.active{background:rgba(232,160,48,.18);border-color:rgba(232,160,48,.5);color:var(--accent)}#btn-prop-global{min-width:18px;min-height:18px;padding:2px 4px}#btn-forward-to-sb{font-size:10px;padding:2px 6px}.cell-overlay{position:absolute}.cell-overlay.keep-visible,.cell-overlay.selected,.cell-overlay:hover{pointer-events:auto}.cell-del-btn{position:absolute!important;top:5px!important;right:5px!important;width:24px!important;height:24px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.75)!important;background:rgba(0,0,0,.72)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:200!important;opacity:0;transition:opacity .12s,background .12s!important;padding:0!important}.cell-del-btn:hover{background:rgba(210,30,30,.95)!important;border-color:rgba(255,100,100,.95)!important}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border2);background:var(--surface);position:sticky;top:0;z-index:10;flex-shrink:0}.tab-btn{flex:1;padding:7px 4px;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text3);font-size:10px;font-family:var(--mono);cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap;overflow:hidden}#btn-detect,.btn-blue{background:#1a6fcc!important}.tab-btn:hover{color:var(--text);background:rgba(255,255,255,.04)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:rgba(232,160,48,.06)}.btn-blue{color:#fff!important;border-color:#1a6fcc!important}#btn-detect:hover,.btn-blue:hover,.btn-play-wide:hover{background:#1e82f0!important}.tl-zoom-row{display:flex;align-items:center;gap:5px;padding:2px 0}.tl-zoom-slider{flex:1;height:3px;cursor:pointer;accent-color:var(--accent)}#playhead-tc-display{font-family:var(--mono);font-size:10px;color:#1a9fff}#sb-ratio-display{font-family:var(--mono);font-size:10px;color:var(--accent);min-width:32px;text-align:right}#autosave-status,#par-display~span{display:none!important}#btn-export-xml{border:1px solid var(--border2);color:var(--text2);font-size:10px}.autosave-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .3s}.btn-turbo-toggle{padding:2px 8px!important;font-size:10px!important;height:22px}#btn-clear-cuts{font-size:10px!important;padding:2px 6px!important}#sidebar::-webkit-scrollbar{width:5px}#sidebar::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}#sidebar::-webkit-scrollbar-track{background:0 0}.btn-play-wide{min-width:60px!important;flex:2!important;background:var(--blue,#1577e8)!important;color:#fff!important;border-color:transparent!important}#cookie-consent-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:var(--sans, 'DM Sans', sans-serif)}#tl-timecode,.playhead-tc-val,.video-fps-badge{font-family:var(--mono)}#cookie-consent-box{background:var(--bg2,#1a1a1a);border:1px solid var(--border,#333);border-radius:10px;padding:28px 32px;max-width:480px;width:90%;color:var(--text1,#eee)}#cookie-consent-box h2{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--accent,#f5a623)}#cookie-consent-box p{font-size:12px;line-height:1.6;color:var(--text2,#aaa);margin:0 0 18px}.cookie-btns{display:flex;gap:10px;justify-content:flex-end}.cookie-btn-accept{background:var(--blue,#1577e8);color:#fff;border:none;border-radius:5px;padding:8px 20px;font-size:12px;font-weight:600;cursor:pointer}.cookie-btn-accept:hover{background:#1e82f0}.cookie-btn-decline{background:0 0;color:var(--text3,#666);border:1px solid var(--border,#333);border-radius:5px;padding:8px 16px;font-size:12px;cursor:pointer}#tl-timecode{font-family:var(--mono)!important;font-size:11px!important;font-weight:700!important;color:#1a9fff!important;cursor:pointer}#btn-grid-overlay,#btn-next-marker.btn-mark,#btn-prev-marker.btn-mark{font-size:10px;gap:3px}.btn-red,.btn-red.btn-bottom{background:#c0392b!important;color:#fff!important;border-color:#c0392b!important}.btn-red.btn-bottom:hover,.btn-red:hover{background:#e74c3c!important}.btn-bottom-export-sb{background:var(--accent)!important;color:#111!important;border-color:transparent!important;font-weight:700}.playhead-tc-row{display:none;align-items:center;gap:6px;margin-top:4px;padding:2px 4px;background:rgba(232,160,48,.07);border-radius:4px;border:1px solid rgba(232,160,48,.15)}.playhead-tc-row .io-tc-label{font-size:11px;font-family:var(--mono);color:var(--accent);flex:1;text-align:center}#stretch-controls .small-label{min-width:38px}.playhead-tc-val{flex:1}.btn-zoom-step,.logo-filmstrip{display:flex;align-items:center}.btn-reverse-blue{border-color:rgba(26,159,255,.4)!important}.btn-zoom-step{border:none;color:var(--text3);justify-content:center;flex-shrink:0}.logo-filmstrip{background:var(--accent)!important;color:#111!important;justify-content:center}.btn-zoom-step,.logo-filmstrip{align-items:center;display:flex}.video-fps-badge{color:#1a9fff}.btn-reverse-blue,.playhead-tc-val{color:#1a9fff!important}#btn-grid-overlay.active{color:#1a9fff!important;border-color:rgba(26,159,255,.5)!important;background:rgba(255,255,255,.2)!important;color:var(--text)!important}.footer-link-small:hover,[data-theme=light] .small-label,[data-theme=light] label{color:var(--text2)}.playhead-tc-val{font-size:11px;font-weight:700}.btn-reverse-blue.is-reversing{background:#1a9fff!important;color:#fff!important}.btn-bold,.tab-btn{font-weight:700!important}.btn-zoom-step{background:0 0;border:1px solid var(--border2);border-radius:3px;color:var(--text2);cursor:pointer;padding:2px 4px;justify-content:center;flex-shrink:0}.btn-zoom-step:hover{color:var(--text);border-color:var(--accent)}.btn-zoom-text{font-size:15px;font-weight:300;line-height:1;min-width:22px;height:22px;padding:0 6px;font-family:var(--mono, monospace);letter-spacing:0}#fps-field,.video-fps-badge{font-weight:700!important}.logo-filmstrip{background:var(--accent);justify-content:center;flex-shrink:0}.video-fps-badge{font-family:var(--mono);color:var(--accent);border:1px solid rgba(232,160,48,.25);border-radius:3px}#fps-field,.video-fps-badge{color:var(--accent)!important}#btn-add-marker:hover,#btn-clear-all-markers:hover,#btn-next-marker:hover,#btn-prev-marker:hover,.btn-mark:hover,.btn-mvmarker:hover{background:rgba(221,216,209,.974)!important;color:var(--accent)!important}#io-tc-row{display:flex}#animatic-est-dur{margin-bottom:2px}#sb-analyse-preview .panel-title{margin-bottom:4px}#sb-analyse-pages::-webkit-scrollbar{width:4px}#sb-analyse-pages::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}[data-theme=light]{--bg:#f0f2f5;--surface:#ffffff;--surface2:#e8eaed;--border:#d0d4db;--border2:#b8bec8;--text:#1a1c1f;--text2:#4a5260;--text3:#8a9099;--accent:#c87010;--accent2:#a05a08;--danger:#cc3030;--c-in:#1db868;--c-out:#cc3030}[data-theme=light] #bottom-bar,[data-theme=light] #sidebar,[data-theme=light] .timeline{background:var(--surface);border-color:var(--border)}[data-theme=light] .panel,[data-theme=light] .settings-panel{background:var(--surface)}[data-theme=light] .btn-transport,[data-theme=light] .scrub-field{background:var(--surface2);color:var(--text);border-color:var(--border)}[data-theme=light] .btn-transport:hover{background:var(--border)}[data-theme=light] .tl-playhead{background:#1a6fcc}[data-theme=light] .btn-logo-action{background:rgba(0,0,0,.05);color:var(--text2);border-color:rgba(0,0,0,.12)}[data-theme=light] .btn-logo-action:hover{background:rgba(0,0,0,.1);color:var(--text)}[data-theme=light] .btn-bottom{background:rgba(0,0,0,.06);color:var(--text2);border-color:var(--border)}[data-theme=light] .btn-bottom:hover{background:rgba(0,0,0,.12);color:var(--text)}.video-fps-badge{font-family:var(--mono)!important;font-size:11px!important;background:0 0!important;border:none!important;padding:0!important}.playhead-tc-row--big{display:flex;align-items:center;justify-content:center;margin:6px 0 4px;padding:0}.playhead-tc-val--big{font-family:var(--mono);color:var(--blue,#4da6ff);background:rgba(77,166,255,.07);border:1px solid rgba(77,166,255,.18);border-radius:6px;padding:5px 14px;cursor:ew-resize;min-width:180px;transition:background .15s,border-color .15s}.playhead-tc-val--big:hover{background:rgba(77,166,255,.13);border-color:rgba(77,166,255,.35)}.playhead-tc-val--big[contenteditable=true]{cursor:text;outline:2px solid var(--blue,#4da6ff);outline-offset:1px;background:rgba(77,166,255,.12)}.playhead-tc-row--big .playhead-tc-label-sm{display:none}.autosave-status{font-family:var(--mono);font-size:9px;color:var(--accent);opacity:0;transition:opacity .3s;white-space:nowrap;padding-left:2px;align-self:center}#footer{position:relative;z-index:11;display:flex;flex-direction:column;gap:3px;padding:8px 10px 10px}.footer-line-1{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text3)}.footer-line-2{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.footer-link-small{font-size:10px;color:var(--text3);text-decoration:none;opacity:.7;transition:opacity .15s,color .15s}.footer-link-small:hover{opacity:1;color:var(--accent);text-decoration:underline}.footer-sep{font-size:9px;color:var(--text3);opacity:.4}.io-tc-label{letter-spacing:1px;color:var(--blue,#4da6ff)!important}.io-tc-editable{cursor:ew-resize!important}#btn-add-marker,#btn-clear-all-markers,#btn-mv-marker-m1,#btn-mv-marker-m10,#btn-mv-marker-p1,#btn-mv-marker-p10,#btn-next-marker,#btn-prev-marker{display:flex;align-items:center;gap:4px;background:rgba(232,160,48,.06);border:1px solid rgba(232,160,48,.2);border-radius:var(--radius,4px);color:var(--text3);font-family:var(--mono);cursor:pointer}#btn-add-marker:hover,#btn-clear-all-markers:hover,#btn-mv-marker-m10:hover,#btn-mv-marker-m1:hover,#btn-mv-marker-p10:hover,#btn-mv-marker-p1:hover,#btn-next-marker:hover,#btn-prev-marker:hover{background:rgba(232,160,48,.15)!important;color:var(--text2)!important;border-color:rgba(232,160,48,.4)!important}[data-theme=light] #btn-add-marker:hover,[data-theme=light] #btn-clear-all-markers:hover,[data-theme=light] #btn-mv-marker-m10:hover,[data-theme=light] #btn-mv-marker-m1:hover,[data-theme=light] #btn-mv-marker-p10:hover,[data-theme=light] #btn-mv-marker-p1:hover,[data-theme=light] #btn-next-marker:hover,[data-theme=light] #btn-prev-marker:hover{color:#888!important;background:rgba(0,0,0,.06)!important;border-color:rgba(0,0,0,.18)!important}#btn-detect{color:#fff!important;border:none!important;font-weight:700;width:100%;border-radius:var(--radius,4px);cursor:pointer}#btn-detect:disabled{background:var(--border2)!important;color:var(--text3)!important}#btn-detect.has-cuts{background:#1a6fcc!important;color:#fff!important;border:none!important;opacity:.85}#btn-detect.has-cuts:hover{background:#1e82f0!important;opacity:1}#btn-detect.btn-detecting{background:#e07820!important;color:#fff!important}#btn-detect.btn-detecting:hover{background:#c96210!important}#btn-turbo{background:0 0;border:1px solid rgba(77,166,255,.3);color:var(--blue,#4da6ff);opacity:.55}#btn-turbo.active{background:rgba(77,166,255,.15);border-color:rgba(77,166,255,.5);color:var(--blue,#4da6ff);opacity:1}#btn-clear-cuts,#tab-analyse,#tab-analyse.active,#tab-analyse:hover,.btn-tips{color:var(--blue,#4da6ff)!important}#btn-clear-cuts{background:0 0!important;border:1px solid rgba(77,166,255,.35)!important;cursor:pointer}#btn-clear-cuts:hover{background:rgba(77,166,255,.12)!important;border-color:rgba(77,166,255,.6)!important}.btn-tips{background:rgba(77,166,255,.1)!important;border:1px solid rgba(77,166,255,.3)!important}.btn-tips:hover{background:rgba(77,166,255,.2)!important;border-color:rgba(77,166,255,.55)!important}#tab-analyse.active{border-bottom-color:var(--blue,#4da6ff)!important;background:rgba(77,166,255,.07)!important}#tab-storyboard,#tab-storyboard.active,#tab-storyboard:hover{color:#e05050!important}#tab-analyse:hover{background:rgba(77,166,255,.05)!important}#tab-storyboard.active{border-bottom-color:#e05050!important;background:rgba(224,80,80,.07)!important}#tab-storyboard:hover{background:rgba(224,80,80,.05)!important}.logo-metrics{display:flex;align-items:center;gap:8px;padding:2px 8px;border-left:1px solid rgba(255,255,255,.1);margin-left:4px;flex-shrink:0}.logo-metric{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:36px}.logo-metric-val{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--blue,#4da6ff);line-height:1;white-space:nowrap}.logo-metric-lbl{font-family:var(--mono);font-size:8px;color:var(--text3);letter-spacing:.04em;white-space:nowrap}.io-tc-duration,.io-tc-label{font-size:13px!important;font-weight:700!important}[data-theme=light] .logo-metrics{border-left-color:rgba(0,0,0,.1)}.io-tc-label{letter-spacing:.5px;cursor:ew-resize}.io-tc-in{color:var(--c-in,#1db868)!important}.io-tc-out{color:var(--c-out,#e05050)!important}.io-tc-duration{color:#fff!important}.io-tc-sep{font-size:9px;color:var(--text3);opacity:.6}.playhead-tc-val--big{font-size:26px!important;font-weight:700!important;letter-spacing:2px;color:var(--blue,#4da6ff)!important}.btn-save-primary{background:rgba(77,166,255,.12)!important;border-color:rgba(77,166,255,.35)!important;color:var(--blue,#4da6ff)!important}.btn-save-primary:hover{background:rgba(77,166,255,.22)!important;border-color:rgba(77,166,255,.6)!important}.logo-actions-row{gap:3px}[data-theme=light] #btn-add-marker,[data-theme=light] #btn-clear-all-markers,[data-theme=light] #btn-mv-marker-m1,[data-theme=light] #btn-mv-marker-m10,[data-theme=light] #btn-mv-marker-p1,[data-theme=light] #btn-mv-marker-p10,[data-theme=light] #btn-next-marker,[data-theme=light] #btn-prev-marker{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.14);color:var(--text2)}.btn-save-primary.btn-save-ok{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important}#btn-add-marker,#btn-clear-all-markers,#btn-mv-marker-m1,#btn-mv-marker-m10,#btn-mv-marker-p1,#btn-mv-marker-p10,#btn-next-marker,#btn-prev-marker{background:var(--surface2)!important;border:1px solid var(--border2)!important;color:var(--accent)!important;border-radius:var(--radius)!important;padding:5px 2px!important;min-width:0!important;min-height:26px!important;font-family:var(--mono)!important;font-size:10px!important;gap:3px!important;transition:background .1s,color .1s,border-color .1s!important}#btn-add-marker:hover,#btn-clear-all-markers:hover,#btn-mv-marker-m10:hover,#btn-mv-marker-m1:hover,#btn-mv-marker-p10:hover,#btn-mv-marker-p1:hover,#btn-next-marker:hover,#btn-prev-marker:hover{background:var(--border2)!important;color:var(--text3)!important;border-color:var(--border2)!important}#btn-add-marker.is-marked,#btn-mv-marker-m1.on-marker,#btn-mv-marker-m10.on-marker,#btn-mv-marker-p1.on-marker,#btn-mv-marker-p10.on-marker,#btn-next-marker.on-marker,#btn-prev-marker.on-marker{border-color:var(--accent)!important;color:var(--accent)!important}#btn-add-marker.is-marked{background:rgba(232,160,48,.15)!important}#btn-add-marker svg polygon,#btn-clear-all-markers svg line,#btn-next-marker svg polygon,#btn-next-marker svg rect,#btn-prev-marker svg polygon,#btn-prev-marker svg rect{fill:var(--accent);stroke:var(--accent)}#btn-add-marker:hover svg polygon,#btn-clear-all-markers:hover svg line,#btn-next-marker:hover svg polygon,#btn-next-marker:hover svg rect,#btn-prev-marker:hover svg polygon,#btn-prev-marker:hover svg rect{fill:var(--text3);stroke:var(--text3)}#btn-mv-marker-m1 svg rect,#btn-mv-marker-m10 svg rect,#btn-mv-marker-p1 svg rect,#btn-mv-marker-p10 svg rect{fill:var(--accent)!important}[data-theme=light] #btn-add-marker,[data-theme=light] #btn-clear-all-markers,[data-theme=light] #btn-mv-marker-m1,[data-theme=light] #btn-mv-marker-m10,[data-theme=light] #btn-mv-marker-p1,[data-theme=light] #btn-mv-marker-p10,[data-theme=light] #btn-next-marker,[data-theme=light] #btn-prev-marker{background:var(--surface2)!important;border-color:var(--border)!important;color:var(--accent)!important}[data-theme=light] #btn-add-marker:hover,[data-theme=light] #btn-clear-all-markers:hover,[data-theme=light] #btn-mv-marker-m10:hover,[data-theme=light] #btn-mv-marker-m1:hover,[data-theme=light] #btn-mv-marker-p10:hover,[data-theme=light] #btn-mv-marker-p1:hover,[data-theme=light] #btn-next-marker:hover,[data-theme=light] #btn-prev-marker:hover{background:var(--border)!important;color:var(--text3)!important}.logo-filmstrip{width:50px!important;height:38px!important;border-radius:5px!important}