@font-face{font-family:Historia;src:url(/Fonts/HistoriaDemoRegular-x3op5.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--purple:#2b1b50;--purple-dark:#1b1035;--purple-light:#f1eefa;--purple-line:#d8cfea;--ink:#1f1f24;--slate:#57576b;--danger:#b23a3a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4}button{cursor:pointer;font-family:inherit}.centered-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{text-align:center;border:2px solid var(--purple);border-radius:8px;width:100%;max-width:420px;padding:36px 28px}.card.wide{max-width:720px}.card h1{color:var(--purple-dark);margin:0 0 6px;font-size:28px}.card p{color:var(--slate);margin:0 0 20px;font-size:15px}.google-btn{border:2px solid var(--purple);background:var(--purple);color:#fff;border-radius:4px;align-items:center;gap:10px;padding:12px 22px;font-size:16px;font-weight:700;display:inline-flex}.google-btn:hover{background:var(--purple-dark)}.error-text{color:var(--danger);margin-top:16px;font-size:14px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.project-card{border:2px solid var(--purple-line);color:var(--ink);background:#fff;border-radius:6px;padding:16px 8px;font-size:13px;font-weight:700}.project-card:hover{border-color:var(--purple);background:var(--purple-light)}.editor-screen{flex-direction:column;height:100vh;display:flex}.top-bar{border-bottom:3px solid var(--purple);align-items:center;gap:16px;padding:10px 16px;display:flex}.top-bar h2{color:var(--purple-dark);flex:1;margin:0;font-size:18px}.top-bar-right{color:var(--slate);align-items:center;gap:10px;font-size:13px;display:flex}.link-btn{color:var(--purple-dark);background:0 0;border:none;padding:0;font-size:13px}.editor-body{flex:1;min-height:0;display:flex}.save-status{min-width:90px;font-style:italic}.asset-panel{border-right:2px solid var(--purple-line);width:260px;padding:12px;overflow-y:auto}.asset-panel-title{color:var(--purple-dark);margin:0 0 14px;font-size:16px}.asset-panel h3{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px}.asset-panel h3:nth-of-type(2){border-top:2px solid var(--purple-line);margin-top:20px;padding-top:14px}.center-column{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:14px;min-width:0;padding:20px;display:flex;overflow-y:auto}.preview-frame{border:2px solid var(--purple);background:#000;border-radius:6px;flex-shrink:0;align-self:center;width:100%;max-width:480px;transition:max-width .15s;position:relative;overflow:hidden}.preview-frame.expanded{max-width:900px}.preview-expand-btn{z-index:3;color:#fff;background:#0000008c;border:1px solid #fff6;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;top:6px;right:6px}.preview-expand-btn:hover{background:#000000bf}.center-column .timeline-view{border-left:2px solid var(--purple-line);border-right:2px solid var(--purple-line);width:100%}.sidebar-panel{border-left:2px solid var(--purple-line);flex-direction:column;flex-shrink:0;gap:8px;width:300px;padding:10px;display:flex;overflow-y:auto}.playhead{background:var(--danger);pointer-events:none;z-index:3;width:2px;position:absolute;top:0;bottom:0}.playhead-handle{background:var(--danger);cursor:ew-resize;pointer-events:auto;border-radius:0 0 3px 3px;width:16px;height:14px;margin-left:-8px;position:absolute;top:0;left:50%}.voiceover-panel{border:2px solid var(--purple-line);border-radius:6px;width:100%;max-width:360px;padding:8px 10px}.voiceover-panel h3{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:11px}.voiceover-panel p{margin:0 0 6px;font-size:12px}.clip-inspector{border:2px solid var(--purple-line);border-radius:6px;width:100%;max-width:360px;padding:8px 10px}.clip-inspector.disabled{opacity:.55}.zoom-slider{width:100%;margin-top:8px}.apply-zoom-btn{border:2px solid var(--purple);background:var(--purple);color:#fff;border-radius:4px;width:100%;margin-top:10px;padding:7px;font-size:12px;font-weight:700}.apply-zoom-btn:disabled{background:var(--purple-line);border-color:var(--purple-line);color:var(--slate)}.clip-inspector h3{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:11px}.inspector-label{color:var(--slate);margin:6px 0 3px;font-size:11px;font-weight:700;display:block}.pan-mode-btn{border:1.5px solid var(--purple-line);width:100%;color:var(--purple-dark);text-align:left;background:#fff;border-radius:4px;margin-bottom:6px;padding:6px 8px;font-size:11px;font-weight:700;display:block}.pan-mode-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.focal-point-picker{cursor:crosshair;border:1.5px solid var(--purple-line);border-radius:4px;width:100%;line-height:0;position:relative;overflow:hidden}.focal-point-picker img{width:100%;height:auto;display:block}.focal-point-dot{cursor:grab;touch-action:none;color:#fff;background:#2b1b50d9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;box-shadow:0 1px 3px #0006}.focal-point-dot-zoom{background:#2b1b50d9}.focal-point-dot-end{z-index:1;background:#d67627d9}.free-caption-dot{z-index:2;background:#228b5ad9;border-radius:4px}.segmented-control{gap:4px;display:flex}.segmented-control button{border:1.5px solid var(--purple-line);color:var(--purple-dark);background:#fff;border-radius:4px;flex:1;padding:6px 4px;font-size:11px}.segmented-control button.active{background:var(--purple);color:#fff;border-color:var(--purple);font-weight:700}.caption-controls{border-top:1px dashed var(--purple-line);margin-top:8px;padding-top:6px}.inspector-checkbox{color:var(--ink);align-items:center;gap:6px;font-size:12px;display:flex}.caption-textarea{border:1.5px solid var(--purple-line);resize:vertical;border-radius:4px;width:100%;margin-top:8px;padding:8px;font-family:inherit;font-size:12px}.credits-editor{border:2px solid var(--purple-line);border-radius:6px;width:100%;max-width:360px;padding:8px 10px}.credits-editor h3{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:11px}.generate-credits-btn{border:2px solid var(--purple);background:var(--purple);color:#fff;border-radius:4px;width:100%;margin-bottom:8px;padding:6px 10px;font-size:12px;font-weight:700;display:block}.generate-credits-btn:hover:not(:disabled){background:var(--purple-dark)}.generate-credits-btn:disabled{border-color:var(--purple-line);background:var(--purple-light);color:var(--slate);cursor:not-allowed}.credits-year-field{color:var(--slate);align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.credits-year-field input{border:1.5px solid var(--purple-line);border-radius:4px;width:70px;padding:4px 6px}.credits-lines-textarea{border:1.5px solid var(--purple-line);resize:vertical;border-radius:4px;width:100%;padding:8px;font-family:inherit;font-size:12px}.credits-fixed-preview{border-top:1px dashed var(--purple-line);color:var(--slate);margin-top:6px;padding-top:5px;font-size:11px}.credits-fixed-label{margin-bottom:4px;font-style:italic;display:block}.credits-fixed-line{padding:1px 0}.upload-btn{border:2px solid var(--purple);background:var(--purple);color:#fff;border-radius:4px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.upload-btn:hover{background:var(--purple-dark)}.music-artist-field{color:var(--slate);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.set-default-music-row{align-items:center;gap:8px;margin-top:8px;display:flex}.set-default-music-btn{border:1.5px solid var(--purple-line);color:var(--purple-dark);background:#fff;border-radius:4px;padding:4px 8px;font-size:11px}.set-default-music-btn:hover:not(:disabled){border-color:var(--purple)}.default-music-status{color:var(--slate);font-size:11px;font-style:italic}.music-artist-field input{border:1.5px solid var(--purple-line);border-radius:4px;flex:1;padding:4px 6px;font-size:12px}.add-video-btn{border:2px solid var(--purple);background:var(--purple);color:#fff;text-align:center;border-radius:4px;width:100%;margin-bottom:10px;padding:8px 14px;font-size:13px;font-weight:700;display:block}.add-video-btn:hover{background:var(--purple-dark)}.inline-form{border:2px solid var(--purple-line);border-radius:6px;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px;font-size:12px;display:flex}.inline-form label{color:var(--slate);flex-direction:column;gap:3px;font-weight:700;display:flex}.inline-form input,.inline-form select{border:1.5px solid var(--purple-line);border-radius:4px;padding:5px 6px;font-family:inherit;font-size:12px}.inline-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.inline-form-actions button[type=submit]{background:var(--purple);color:#fff;border:2px solid var(--purple);border-radius:4px;padding:6px 12px;font-weight:700}.inline-form-actions button[type=button]{border:1.5px solid var(--purple-line);background:0 0;border-radius:4px;padding:6px 12px}.timeline-view{border-top:3px solid var(--purple);flex-direction:column;flex-shrink:0;height:436px;display:flex}.timeline-header-label{text-transform:uppercase;letter-spacing:.05em;color:var(--purple-dark);flex-shrink:0;padding:4px 10px 0;font-size:11px;font-weight:700}.timeline-toolbar{background:var(--purple-light);flex-shrink:0;align-items:center;gap:10px;padding:5px 10px;font-size:12px;display:flex}.timeline-toolbar button{border:1.5px solid var(--purple-line);color:var(--purple-dark);background:#fff;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.timeline-toolbar button:hover{border-color:var(--purple)}.timeline-toolbar button.clear-track-btn{border-color:var(--danger);color:var(--danger)}.timeline-toolbar button.clear-track-btn:hover{background:var(--danger);color:#fff}.credits-duration-field{color:var(--slate);align-items:center;gap:6px;display:flex}.credits-duration-field input{border:1.5px solid var(--purple-line);border-radius:4px;width:55px;padding:3px 5px;font-size:12px}.transport{align-items:center;gap:8px;display:flex}.toolbar-spacer{flex:1}.speed-buttons{gap:4px;display:flex}.speed-buttons button{padding:3px 8px!important;font-weight:400!important}.speed-buttons button.active{background:var(--purple)!important;color:#fff!important;border-color:var(--purple)!important;font-weight:700!important}.timeline-body{flex:1;min-height:0;padding-top:4px;position:relative;overflow-y:auto}.track-row{align-items:stretch;display:flex}.track-label{width:24px;color:var(--purple-dark);background:var(--purple-light);border-right:1px solid var(--purple-line);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;flex:0 0 24px;justify-content:center;align-items:center;padding:4px 0;font-size:10px;font-weight:700;line-height:1.2;display:flex;transform:rotate(180deg)}.track-content{flex:1;min-width:0;position:relative}.ruler-row .track-label{background:0 0;border-right:none}.music-lane{background:#f7fbf8}.voiceover-lane{border-top:1px solid var(--purple-line);border-bottom:1px solid var(--purple-line);background:#faf8ff;height:126px;position:relative}.voiceover-block{position:absolute;top:16px}.voiceover-drag-handle{border:1.5px solid var(--purple-line);background:var(--purple-light);cursor:grab;border-bottom:none;border-radius:4px 4px 0 0;height:8px}.voiceover-block.locked .voiceover-drag-handle{cursor:not-allowed;background:repeating-linear-gradient(45deg, var(--purple-light), var(--purple-light) 5px, #e5ddf5 5px, #e5ddf5 10px)}.clip-name-label.voiceover-name-label{top:0}.clip-lock-row.voiceover-lock-row{top:86px}.clip-delete-row.voiceover-delete-row{top:104px}.waveform-play-btn{border:2px solid var(--purple);background:var(--purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;display:flex}.waveform-time{color:var(--slate);white-space:nowrap;font-size:11px}.waveform-track{height:60px}.waveform-placeholder{height:60px;color:var(--slate);background:var(--purple-light);align-items:center;padding:0 10px;font-size:12px;font-style:italic;display:flex}.clip-lane{border-top:1px solid var(--purple-line);border-bottom:1px solid var(--purple-line);background:#fafafd;height:110px;position:relative}.clip-block,.credits-block{background:var(--purple-light);border:2px solid var(--purple-line);height:52px;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;padding:0 6px;font-size:11px;display:flex;position:absolute;top:16px;overflow:hidden}.clip-block.selected{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-light)}.credits-block,.clip-block.titlecard-clip{background:#fff4e6;border-color:#e0b978}.music-clip-block{background:#e6f4ea;border-color:#7fbf94}.clip-thumb{object-fit:cover;-webkit-user-drag:none;user-drag:none;border-radius:3px;flex-shrink:0;width:30px;height:30px;margin-right:4px;display:block}.clip-preview-icon{color:#fff;opacity:0;cursor:zoom-in;background:#00000080;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:13px;transition:opacity .1s;display:flex;position:absolute;inset:0}.clip-block.lifted{border-color:var(--purple);z-index:4;transform:scale(1.06);box-shadow:0 6px 16px #00000059}.clip-block.locked{background:repeating-linear-gradient(45deg, var(--purple-light), var(--purple-light) 6px, #e5ddf5 6px, #e5ddf5 12px)}.tc-badge,.ec-badge{z-index:3;color:#1f1f24;letter-spacing:.03em;pointer-events:none;background:#f5c518;border-radius:3px;padding:2px 6px;font-size:13px;font-weight:900;line-height:1.2;position:absolute;top:3px;left:3px}:is(.clip-block:has(>.tc-badge) .clip-thumb,.credits-block:has(>.ec-badge) .clip-label){margin-left:30px}.clip-name-label{color:var(--ink);align-items:center;padding:0 2px;font-size:10px;display:flex;position:absolute;top:0;overflow:hidden}.clip-name-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip-lock-row,.clip-delete-row{justify-content:center;align-items:center;height:16px;display:flex;position:absolute}.clip-lock-row{top:70px}.clip-delete-row{top:88px}.clip-lock-btn{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:12px;line-height:1}.clip-lock-btn:hover{opacity:1}.preview-modal-backdrop{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-modal{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:10px;max-width:85vw;max-height:85vh;padding:16px;display:flex}.preview-modal img{object-fit:contain;border-radius:4px;max-width:100%;max-height:70vh}.preview-modal-caption{color:var(--ink);font-size:13px;font-weight:700}.version-history-modal{align-items:stretch;min-width:320px}.version-list{flex-direction:column;gap:6px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.version-list-item{border:1.5px solid var(--purple-line);border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.version-list-date{color:var(--slate);font-size:11px}.preview-modal-close{border:1.5px solid var(--purple-line);color:var(--purple-dark);background:#fff;border-radius:4px;align-self:flex-end;padding:4px 10px;font-size:12px}.clip-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.clip-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;font-weight:700;line-height:1}.clip-delete:disabled{color:var(--slate);cursor:not-allowed}.clip-handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.clip-handle-start{left:0}.clip-handle-end{right:0}.time-ruler{cursor:pointer;height:18px;position:relative}.ruler-mark{color:var(--slate);border-left:1px solid var(--purple-line);padding-left:3px;font-size:10px;position:absolute}.placeholder-note{color:var(--slate);font-style:italic}.asset-tray{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.title-card-picker{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px;display:grid}.title-card-picker-thumb{border:2px solid var(--purple-line);background:#fff;border-radius:4px;padding:0;line-height:0;overflow:hidden}.title-card-picker-thumb.selected{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-light)}.title-card-picker-thumb img{object-fit:cover;background:var(--purple-light);width:100%;height:44px;display:block}.asset-thumb{border:2px solid var(--purple-line);cursor:grab;background:#fff;border-radius:6px;position:relative;overflow:hidden}.asset-thumb.unused{border-color:#4caf6a}.asset-thumb.used img{opacity:.45;filter:grayscale(60%)}.asset-thumb.used .asset-name{color:var(--slate)}.asset-thumb-img-wrap{position:relative}.asset-thumb-img-wrap:hover .clip-preview-icon{opacity:1}.asset-thumb img{object-fit:cover;background:var(--purple-light);width:100%;height:70px;display:block}.asset-badge{background:var(--purple);color:#fff;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:4px;right:4px}.asset-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:4px 5px;font-size:10.5px;overflow:hidden}.asset-delete{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:11px;line-height:1;transition:opacity .1s;display:flex;position:absolute;top:4px;left:4px}.asset-thumb:hover .asset-delete{opacity:1}.asset-delete:hover{background:var(--danger)}.import-panel select{border:1.5px solid var(--purple-line);border-radius:4px;width:100%;padding:5px 6px;font-size:12px}.import-thumb{flex-direction:column;display:flex}.import-btn{background:var(--purple);color:#fff;border:none;width:100%;padding:4px;font-size:10px;font-weight:700}.import-btn:disabled{background:var(--purple-line);color:var(--slate)}