/* The canvas and timeline form the workspace. Tools open on demand. */
body{overflow:hidden}.header{height:64px;padding:0 22px;gap:20px;border:0;color:#fff;background:linear-gradient(110deg,#09b9c1 0%,#338acb 44%,#7841e5 100%)}.header .logo{color:#fff;font-size:28px;letter-spacing:-1.5px}.header .logo-mark{width:29px;height:29px;border-radius:9px;background:#ffffff28;font-size:31px;box-shadow:inset 0 0 0 1px #ffffff3b}.header .logo-dot{color:#fff}.header-divider{background:#ffffff30}.project-heading{min-width:0}.project-heading>div{display:flex;align-items:center;gap:5px}.project-heading input{color:#fff;width:240px;font-weight:500}.project-heading input:focus{background:#ffffff14;border-radius:5px}.tiny-chevron{color:#e7efff;width:26px;height:26px;border-radius:5px;font-size:15px;flex-shrink:0}.tiny-chevron:hover{background:#ffffff22}.save-status{color:#e0e7ff;font-size:9px}.save-status:before{color:#d2fff0}.header-actions{gap:9px}.header-actions .quiet,.header-actions .icon-button{color:#fff}.header-actions .quiet:hover,.header-actions .icon-button:hover{background:#ffffff1a}.header .primary{background:#fff;color:#5738a0;font-size:12px;padding:10px 16px;box-shadow:0 2px 5px #41218530}.header .primary:hover{background:#f2ecff}.header .avatar{background:#ffffff20;color:#fff;border:1px solid #ffffff35}
.editor{height:calc(100dvh - 64px);min-height:0;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 244px;position:relative}.rail{grid-column:1;grid-row:1/3;padding:12px 7px;background:#f9f9fc;gap:6px}.nav-item{height:63px;font-size:10px;color:#787988;gap:7px;flex-shrink:0}.nav-item.active{background:#ece7ff;color:#7455d6}.rail-bottom{font-size:8px}.workspace{grid-column:2;grid-row:1;min-height:0;position:relative;background:#f2f3f8;padding:0;transition:none}.stage-toolbar{height:36px;padding:0 22px;flex-shrink:0}.crumb{font-size:10px}.tool-right .icon-button{width:30px;height:30px}.tool-right .line{height:16px}.format-button{height:30px}.context-toolbar-wrap{height:64px;display:flex;align-items:center;justify-content:center;padding:6px 14px;flex-shrink:0;min-width:0}.context-toolbar{display:flex;align-items:center;gap:3px;max-width:100%;padding:6px 8px;background:#fff;border:1px solid #e6e2f3;border-radius:16px;box-shadow:0 3px 10px #33265a10;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.context-toolbar::-webkit-scrollbar{display:none}.context-toolbar button{height:36px;padding:0 11px;border-radius:9px;font-size:12px;color:#36343d;flex-shrink:0;gap:7px}.context-toolbar button:hover{background:#f1ecff;color:#6f4dc9}.context-toolbar button.active{background:#eee7ff;color:#6f4dc9}.context-toolbar button svg{width:18px;height:18px}.context-toolbar .tool-icon-only{width:36px;padding:0}.toolbar-divider{height:22px;width:1px;background:#e9e6ef;margin:0 5px;flex-shrink:0}.mobile-label{display:none}.preview-space{padding:12px 18px;min-height:0;overflow:hidden}.preview-label,.preview-hint{display:none}.canvas-wrap{height:auto;width:auto;max-height:100%;max-width:100%;flex-shrink:0;border-radius:3px;box-shadow:0 3px 20px #32314720;outline:1.5px solid #a692e5;outline-offset:2px}.canvas-wrap canvas{border-radius:3px;object-fit:contain}.playback{height:54px;padding:0 24px;flex-shrink:0}.play-button{width:42px;height:42px;box-shadow:0 3px 12px #30264113}.playback-left{font-size:11px}.quality-badge{font-size:8px}.timeline-section{grid-column:2;grid-row:2;min-height:0;border-top:1px solid #e1e2ea;background:#fafafd;overflow:hidden}.timeline-toolbar{padding:8px 19px;height:43px;gap:12px}.timeline-title{font-size:11px}.timeline-title span{display:inline;font-size:9px}.timeline-zoom{display:flex}.timeline-zoom .small-button{background:#fff}.timeline-scroll{background:#f8f8fb}.timeline{margin:0 16px}.track{height:42px;margin-bottom:5px}.track-body{background:#eceef4;border-radius:8px}.track-label{font-size:9px}.clip-block{background:#e1e7e1}.clip-block.selected{border-color:#8a64e9}.clip-block img{width:43px}.timeline-foot{height:25px;padding:6px 19px;border-top:1px solid #e9eaf0;background:#fff}.timeline-foot span:first-child{display:inline}.empty-track{border:0;color:#9194a2;background:#e9ebf2;font-size:10px;align-items:center}.track-body[data-track=audio] .empty-track{height:30px;margin-top:5px}.playhead{z-index:7}
.library-panel{position:fixed;left:76px;right:auto;top:64px;bottom:244px;width:290px;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-right:1px solid #e4e3ec;border-radius:0;box-shadow:3px 0 14px #29233f08;background:#fff;overflow:hidden}.library-panel[open]{display:flex;flex-direction:column}.library-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 19px 13px;flex-shrink:0}.library-sheet-header h2{font-size:17px;letter-spacing:-.3px}.library-sheet-header .icon-button{flex-shrink:0}.library{display:block;grid-column:auto;grid-row:auto;flex:1;min-height:0;padding:0 19px 22px;border:0;overflow:auto;scrollbar-width:thin}.library>h2{display:none}.panel-intro{margin:0 0 17px;font-size:11px}.library .media-image{height:122px}.library .media-grid{grid-template-columns:1fr 1fr}.library .tip-card{margin-top:22px}.library-panel::backdrop{background:#24213755;backdrop-filter:blur(2px)}body.library-open .workspace{padding-left:290px}.sheet-grip{display:none}
.inspector-dialog{position:fixed;inset:auto;top:var(--inspector-top,122px);left:var(--inspector-left,calc(50% - 205px));margin:0;width:410px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);padding:0;border:1px solid #e8e4f0;border-radius:18px;box-shadow:0 16px 60px #29223e30;background:#fff;overflow:hidden}.inspector-dialog[open]{display:flex;flex-direction:column}.inspector-dialog::backdrop{background:#28223d30;backdrop-filter:blur(1px)}.inspector-header{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:21px 22px 15px;flex-shrink:0}.inspector-header h2{font-size:18px;letter-spacing:-.5px}.inspector-header p{font-size:11px;color:#96909f;margin-top:5px;max-width:285px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inspector-header .icon-button{width:34px;height:34px;background:#f7f5fb;flex-shrink:0}.inspector-tabs{display:flex;gap:5px;padding:0 22px 12px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.inspector-tabs:empty{display:none}.inspector-tabs button{padding:7px 10px;border-radius:7px;font-size:10px;color:#928a9e;flex-shrink:0}.inspector-tabs button.active{background:#eee8fc;color:#7451c7}.inspector-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.properties{display:block;grid-column:auto;grid-row:auto;border:0;padding:0 22px 20px;overflow:visible}.properties .property-heading,.properties .selection-name{display:none}.properties .prop-section{display:block;width:auto;margin:0 0 16px;padding:16px 0 0;border-top:1px solid #eeebf3}.properties .prop-section h4{font-size:12px;margin-bottom:13px}.properties .prop-section:first-of-type{border-top:0}.properties .prop-section[hidden]{display:none}.properties label{font-size:12px;line-height:1.4;margin:12px 0 7px;color:#7c7386}.properties input:not([type=range]):not([type=color]),.properties select{font-size:14px;min-height:42px;border-color:#e3dfeb;padding:10px;border-radius:9px;background:#fcfbff}.properties input[type=range]{height:28px;min-width:70px;flex:1;width:100%}.properties .numeric-control{gap:12px}.properties .numeric-control input[type=number]{width:84px;flex:none;font-size:16px;text-align:center}.properties .numeric-control>span{font-size:12px}.properties .radio-buttons{gap:8px}.properties .radio-buttons button{min-height:40px;font-size:12px;padding:8px 10px}.properties .detail-note{font-size:11px;line-height:1.7;color:#9990a3;margin-top:11px}.properties .toggle-row{font-size:12px;min-height:36px;margin-top:10px}.properties .toggle{width:36px;height:21px;padding:3px}.properties .toggle:before{height:15px;width:15px}.properties .full-button{min-height:42px;font-size:12px;margin-top:8px}.properties .field-row{gap:12px}.properties .field-row input{width:100%}.properties textarea{font-size:15px;padding:11px;border-color:#e3dfeb;background:#fcfbff}.properties .swatch{width:32px;height:32px}.properties input[type=color]{height:36px;width:36px}.properties .sticky-info{font-size:11px}.inspector-footer{padding:13px 22px 18px;display:flex;gap:12px;justify-content:space-between;border-top:1px solid #efecf4;flex-shrink:0;background:#fff}.inspector-footer button{min-height:40px;padding:10px 16px;border-radius:9px;font-size:12px}.inspector-footer .secondary{border:1px solid #e8e1f0;color:#8a7f95}.inspector-footer .primary{padding:10px 24px}.inspector-footer .secondary svg{width:15px}.property-empty{font-size:12px}
@media(max-width:1100px) and (min-width:801px){.editor{grid-template-columns:66px minmax(0,1fr)}.rail{padding:10px 5px}.library-panel{left:66px;width:260px}body.library-open .workspace{padding-left:260px}.library .media-image{height:110px}.context-toolbar button{padding:0 9px;font-size:11px}.header{padding:0 17px}.project-heading input{width:190px}.timeline-foot span:first-child{display:none}}
@media(max-width:800px){.header{height:58px;padding:0 13px;gap:12px}.header .logo{font-size:24px;letter-spacing:-1.2px}.header .logo-mark{display:none}.header-divider,.header-actions .quiet,.header-actions .avatar,.header-actions #helpBtn{display:none}.project-heading{flex:1}.project-heading input{width:100%;max-width:210px;font-size:11px}.project-heading>div{width:100%;gap:0}.tiny-chevron{width:20px;height:24px;font-size:13px}.save-status{font-size:8px;margin-top:2px;white-space:nowrap}.header-actions{margin:0;gap:0}.header .primary{min-height:34px;font-size:10px;padding:8px 12px;border-radius:8px}.header .primary span{display:none}.editor{height:calc(100dvh - 58px - 72px - env(safe-area-inset-bottom));min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 180px}.workspace{grid-column:1;grid-row:1;min-height:0;padding:0!important}.stage-toolbar{height:30px;padding:0 12px}.crumb{font-size:9px}.crumb span{margin:0 6px}.tool-right{gap:1px}.tool-right .icon-button{width:26px;height:26px}.tool-right .line{margin:0 4px}.format-button{height:27px;font-size:9px;padding:3px}.format-button svg{width:13px}.context-toolbar-wrap{height:55px;padding:4px 9px;justify-content:center}.context-toolbar{width:100%;justify-content:space-evenly;padding:3px 5px;border-radius:12px;gap:3px}.context-toolbar button{height:43px;padding:0 9px;font-size:11px;gap:5px}.context-toolbar button svg{width:17px;height:17px}.context-toolbar .desktop-only,.context-toolbar .desktop-label,.context-toolbar .toolbar-divider{display:none}.mobile-label{display:inline}.preview-space{padding:9px 16px}.preview-label,.preview-hint{display:none}.playback{height:47px;padding:0 17px}.playback-left{font-size:10px;min-width:100px}.playback-left .icon-button{width:27px;height:30px}.transport{gap:6px}.transport .icon-button{width:27px}.play-button{width:36px;height:36px}.quality-badge{display:none}.timeline-section{grid-column:1;grid-row:2}.timeline-toolbar{padding:5px 10px;height:36px;gap:7px}.timeline-title{font-size:10px}.timeline-title span{display:none}.timeline-edit .small-button{font-size:10px;padding:6px}.timeline-edit .small-button svg{width:14px}.timeline-edit .icon-button{height:27px;width:27px}.timeline-zoom{display:flex;gap:0}.timeline-zoom>svg,.timeline-zoom>input{display:none}.timeline-zoom .small-button{font-size:9px;padding:6px 7px;margin:0}.timeline{margin:0 12px;min-height:117px}.ruler{height:22px}.track{height:34px;margin-bottom:4px}.track-label{font-size:8px;gap:5px}.track-label svg{width:12px;height:12px}.clip-block{height:32px;top:1px;border-radius:6px}.clip-block.audio{top:3px;height:26px}.clip-block.text{height:22px}.clip-block .block-name{font-size:8px;padding:0 6px}.clip-block img{width:30px}.track-body[data-track=audio] .empty-track{height:27px;margin-top:3px}.empty-track{font-size:8px;padding:8px}.timeline-foot{height:22px;font-size:7px;padding:5px 12px}.timeline-foot span:first-child{display:none}.rail{position:fixed;left:0;right:0;bottom:0;top:auto;height:calc(72px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));grid-column:auto;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-around;background:#fff;border:0;border-top:1px solid #e8e5ee;z-index:12;gap:3px}.nav-item{height:60px;min-width:0;flex:1;max-width:95px;padding:5px 4px;font-size:9px;gap:6px;border-radius:10px}.nav-item svg{width:22px;height:22px}.rail-bottom{display:none}.library-panel{inset:auto 0 0 0;width:100%;max-width:100%;height:min(72dvh,640px);max-height:80dvh;margin:0;border:0;border-radius:21px 21px 0 0;box-shadow:0 -12px 55px #241b3b2b;padding-bottom:env(safe-area-inset-bottom)}.sheet-grip{display:block;width:35px;height:4px;border-radius:10px;background:#d9d4e3;margin:10px auto 0;flex-shrink:0}.library-sheet-header{padding:12px 20px 14px}.library-sheet-header h2{font-size:18px}.library-sheet-header .icon-button{width:40px;height:40px;background:#f6f3fa;border-radius:50%}.library{padding:0 20px 25px;max-height:none}.library .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.library .media-image{height:125px}.library .media-add{width:27px;height:27px}.library .media-layer{font-size:10px}.library .media-name{font-size:10px}.library .tip-card{display:none}.library .upload-button{min-height:44px;font-size:13px}.library input{font-size:15px;min-height:42px}.library .search input{font-size:13px}.library .segmented button{font-size:12px;min-height:38px}.library .audio-item{min-height:62px}.library .audio-item button{width:36px;height:36px}.library .text-preset{min-height:61px}.inspector-dialog{inset:auto 0 0;width:100%;max-width:100%;max-height:75dvh;margin:0;padding:0 0 env(safe-area-inset-bottom);border:0;border-radius:21px 21px 0 0;box-shadow:0 -12px 55px #241b3b2b}.inspector-dialog::backdrop{background:#28223d36;backdrop-filter:blur(1px)}.inspector-header{padding:13px 21px 15px;align-items:center}.inspector-header h2{font-size:19px}.inspector-header .icon-button{width:40px;height:40px;border-radius:50%}.inspector-header p{font-size:11px;max-width:calc(100vw - 100px)}.inspector-tabs{padding:0 20px 10px}.inspector-tabs button{min-height:37px;font-size:11px}.properties{padding:0 21px 16px;border:0;display:block}.properties .prop-section{display:block;width:auto;margin:0 0 15px;padding-top:14px}.properties .prop-section[hidden]{display:none}.properties .property-heading,.properties .selection-name{display:none}.properties .numeric-control{gap:13px}.properties input:not([type=range]):not([type=color]),.properties select,.properties textarea{font-size:16px;min-height:46px}.properties .numeric-control input[type=number]{width:91px}.properties input[type=range]{height:36px}.properties .radio-buttons button{min-height:44px;font-size:13px}.properties .detail-note{font-size:11px}.properties .toggle-row{min-height:43px;font-size:13px}.properties .toggle{width:42px;height:25px;padding:3px}.properties .toggle:before{width:19px;height:19px}.properties .full-button{min-height:46px;font-size:13px}.inspector-footer{padding:13px 21px 17px;gap:10px}.inspector-footer button{min-height:44px;font-size:12px}.inspector-footer .primary{padding:10px 25px}.import-status{right:12px;bottom:calc(83px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);z-index:25}.header+.editor #emptyPreview{padding:12px}#emptyPreview h3{font-size:12px}#emptyPreview p{font-size:10px}#emptyPreview .primary{padding:10px;font-size:10px}#emptyPreview svg{height:24px;width:24px}}
@media(max-width:800px){.context-toolbar .tool-cut{order:1}.context-toolbar .tool-audio{order:2}.context-toolbar .tool-speed{order:3}.context-toolbar .tool-all{order:4}}
@media(max-width:360px){.header{padding:0 10px;gap:8px}.header .logo{font-size:22px}.header .primary{font-size:9px;padding:8px 9px}.context-toolbar button{font-size:10px;padding:0 6px;gap:4px}.context-toolbar button svg{width:15px;height:15px}.nav-item{font-size:8px}.timeline-edit .icon-button{width:25px}.timeline-title{font-size:9px}.timeline-zoom .small-button{font-size:8px}.library .media-grid{grid-template-columns:1fr 1fr}}
@media(max-height:600px) and (max-width:800px){.editor{grid-template-rows:minmax(0,1fr) 176px}.stage-toolbar{height:24px}.context-toolbar-wrap{height:49px}.playback{height:36px}.rail{height:60px}.nav-item{height:52px;font-size:8px}.editor{height:calc(100dvh - 58px - 60px)}.timeline-foot{display:none}.timeline-section .timeline-toolbar{height:32px}.inspector-dialog{max-height:88dvh}.library-panel{max-height:88dvh}}

.library-panel{z-index:15}.inspector-dialog[data-group=speed] .prop-section[data-group=speed]>h4,.inspector-dialog[data-group=fit] .prop-section[data-group=fit]>h4{display:none}.text-appearance{margin-top:18px}

@media(max-width:800px){.timeline-foot{display:none}}

/* Additions and view controls remain outside the export canvas. */
.preview-space{overflow:auto;align-items:flex-start;justify-content:flex-start;scrollbar-width:thin}.canvas-wrap{max-width:none;max-height:none;margin:auto;flex-shrink:0}.workspace-zoom,.timeline-zoom-button{border:1px solid #e2ddee;background:#fff;border-radius:8px;padding:7px 9px;min-height:32px;font-size:11px;white-space:nowrap}.workspace-zoom svg,.timeline-zoom-button svg{width:16px;height:16px}.workspace-zoom{margin-left:auto}.playback .transport{position:absolute;left:50%;transform:translateX(-50%)}.playback{position:relative}.timeline-zoom-button{margin-right:8px}.quick-panel{inset:var(--quick-top,120px) auto auto var(--quick-left,calc(50% - 160px));margin:0;width:320px;max-width:calc(100vw - 32px);border:1px solid #e2dced;border-radius:17px;padding:18px;box-shadow:0 14px 50px #241a3d30;max-height:85dvh;overflow:auto}.quick-panel::backdrop{background:#28223d20}.quick-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.quick-heading h2{font-size:17px}.quick-add-options{display:grid;gap:5px}.quick-add-options button{justify-content:flex-start;text-align:left;min-height:46px;padding:9px 10px;border-radius:9px;font-size:13px}.quick-add-options small{display:block;color:#93909e;font-size:10px;margin-top:3px}.quick-add-options svg{color:#7a5ad2}.quick-zoom-tabs{display:flex;background:#f3f0fa;border-radius:8px;padding:4px}.quick-zoom-tabs button{flex:1;padding:8px 3px;border-radius:6px;font-size:11px}.quick-zoom-tabs button.active{background:#fff;color:#7455d6;box-shadow:0 1px 5px #33265a10}.quick-panel .numeric-control{display:flex;align-items:center;gap:10px}.quick-panel input[type=range]{min-width:0;flex:1}.quick-panel input[type=number]{width:65px}.quick-zoom-presets{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.quick-zoom-presets button{padding:8px 10px;border-radius:8px;background:#f5f2fa;font-size:11px}.quick-zoom-presets button.active{background:#e9dfff;color:#704dc7}.quick-panel .detail-note{font-size:11px;line-height:1.6}.quick-panel #zoomDone{width:100%;margin-top:16px}
@media(max-width:800px){.workspace-zoom{font-size:9px;padding:6px;gap:4px;min-height:32px}.workspace-zoom svg{width:13px;height:13px}.playback{padding:0 10px}.playback-left{font-size:9px;min-width:0;gap:4px}.playback-left .icon-button{width:23px}.transport{gap:2px!important}.transport .icon-button{width:23px!important}.play-button{width:32px;height:32px}.timeline-zoom-button{min-height:30px;font-size:9px;gap:3px;padding:5px;margin-right:4px}.timeline-zoom-button svg{width:14px;height:14px}.quick-panel{inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:85dvh;border-radius:21px 21px 0 0;padding:21px 22px calc(24px + env(safe-area-inset-bottom))}.quick-heading h2{font-size:19px}.quick-heading .icon-button{width:40px;height:40px;border-radius:50%;background:#f5f2f9}.quick-panel .quick-add-options button{min-height:51px;font-size:14px}.quick-panel input[type=number]{min-height:46px;font-size:16px;width:81px}.quick-panel input[type=range]{height:36px}.quick-zoom-presets button{min-height:42px;font-size:12px}.quick-zoom-tabs button{min-height:40px;font-size:12px}.quick-panel #zoomDone{min-height:46px}}
@media(max-width:360px){.timeline-title{display:none}.workspace-zoom{font-size:8px}.workspace-zoom svg{display:none}.playback-left{font-size:8px}}

.timeline-add{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;min-width:34px;border-radius:9px;background:#ece6f9;color:#7350cb;border:1px solid #ded3f1;font-size:25px;line-height:1;flex-shrink:0}.timeline-add:hover{background:#e1d5fa}@media(max-width:800px){.timeline-add{width:32px;height:32px;min-width:32px;font-size:24px}}

.timeline-add-hint{position:absolute;left:54px;top:50%;transform:translateY(-50%);color:#9194a2;font-size:10px;pointer-events:none;white-space:nowrap}@media(max-width:800px){.timeline-add-hint{font-size:8px}}

.video-context-menu{position:fixed;z-index:45;width:350px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;background:#fff;border:1px solid #e6e1ee;border-radius:17px;padding:8px;box-shadow:0 12px 45px #241b3b33;scrollbar-width:thin}.video-context-menu[hidden]{display:none}.video-context-menu>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:37px;padding:8px 10px;border-radius:8px;font-size:13px;gap:11px;text-align:left}.video-context-menu>button>svg{width:20px;height:20px;color:#353441}.video-context-menu>button>span:first-of-type{flex:1}.video-context-menu kbd{background:#f3f3f6;color:#666674;border:0;border-radius:6px;font:10px 'DM Sans',sans-serif;padding:5px 7px;white-space:nowrap}.context-divider{height:1px;background:#e7e4ed;margin:5px 9px}.video-context-menu>button:hover,.video-context-menu>button:focus-visible{background:#f1ebff;color:#7350cb;outline:none}.video-context-menu>button:disabled{opacity:.4;background:transparent}.guide-options{padding:3px 5px 4px 37px}.guide-options[hidden]{display:none}.guide-options button{width:100%;justify-content:space-between;font-size:11px;padding:8px;border-radius:7px}.view-guides{position:absolute;inset:0;pointer-events:none;overflow:hidden}.view-guides i{position:absolute;display:block;box-shadow:0 0 1px #fff9}.view-guides .v{top:0;bottom:0;border-left:1px dashed #27bde0}.view-guides .h{left:0;right:0;border-top:1px dashed #27bde0}.scene-comments{max-height:220px;overflow:auto;margin-top:12px}.scene-comments article{position:relative;background:#f6f3fa;padding:12px 43px 12px 12px;border-radius:9px;margin:7px 0}.scene-comments p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.scene-comments small{font-size:9px;color:#8b879b}.scene-comments button{position:absolute;right:5px;top:7px}@media(max-width:800px){.video-context-menu>button{min-height:39px;font-size:12px;padding:8px}.video-context-menu kbd{font-size:9px}.video-context-menu>button>svg{width:18px;height:18px}.guide-options button{min-height:38px}}

/* The selected tools belong to the gradient header. One zoom control follows focus. */
body{--editor-header-height:64px}body.selection-tools{--editor-header-height:120px}.header{height:var(--editor-header-height);padding:0;gap:0;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0}.header-main{height:64px;min-height:64px;width:100%;padding:0 22px;gap:20px;display:flex;align-items:center}.header-tools{height:56px;padding:3px 16px;justify-content:center;width:100%;flex-shrink:0}.header-tools[hidden]{display:none}.header-tools .context-toolbar{border-color:#ffffff9c;box-shadow:0 3px 10px #25143b1a}.editor{height:calc(100dvh - var(--editor-header-height))}.header-main .header-actions{margin-left:auto}.timeline-toolbar .timeline-edit{margin-left:auto}.timeline-toolbar{justify-content:space-between}.workspace-zoom{min-width:113px}.workspace-zoom #workspaceZoomLabel{min-width:66px;text-align:left}.header-main .project-heading input{max-width:100%}
@media(min-width:801px){.library-panel{top:var(--editor-header-height)}}
@media(max-width:1100px) and (min-width:801px){.header-main{padding:0 17px}.header-tools{padding-left:12px;padding-right:12px}}
@media(max-width:800px){body{--editor-header-height:58px}body.selection-tools{--editor-header-height:113px}.header-main{height:58px;min-height:58px;padding:0 13px;gap:12px}.header-tools{height:55px;padding:2px 9px}.editor{height:calc(100dvh - var(--editor-header-height) - 72px - env(safe-area-inset-bottom))}.workspace-zoom{width:110px;min-width:110px;justify-content:flex-start;gap:4px}.workspace-zoom #workspaceZoomLabel{flex:1;min-width:0}.workspace-zoom>span:last-child{margin-left:auto}.header-tools .context-toolbar{box-shadow:0 2px 7px #35225924}.header-main .project-heading>div{gap:0}.header-main .header-actions{flex-shrink:0}.header-main .project-heading input{max-width:210px}.timeline-toolbar .timeline-edit{margin-left:auto}}
@media(max-width:360px){.header-main{padding:0 10px;gap:8px}.workspace-zoom{width:108px;min-width:108px}.timeline-toolbar .timeline-title{display:block}.timeline-toolbar .timeline-edit{gap:1px}.header-main .project-heading input{font-size:10px}}
@media(max-height:600px) and (max-width:800px){.editor{height:calc(100dvh - var(--editor-header-height) - 60px - env(safe-area-inset-bottom))}.header-tools{height:49px}body.selection-tools{--editor-header-height:107px}.header-tools .context-toolbar button{height:37px}.header-main{height:58px;min-height:58px}}

@media(min-width:801px){.workspace-zoom{width:176px;min-width:176px;max-width:176px}.workspace-zoom #workspaceZoomLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-zoom>span:last-child{margin-left:auto}}@media(max-width:800px){.workspace-zoom #workspaceZoomLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Editing actions occupy the top row; project management stays available via AZ Videre. */
body,body.selection-tools{--editor-header-height:64px}.header-main{height:64px;min-height:64px;padding:0 16px;gap:12px}.header-main .logo{font-size:24px;gap:6px}.header-main>.header-divider{display:none}.header-main .project-heading{width:140px;flex-shrink:0}.header-main .project-heading input{width:140px;font-size:11px}.header-main .save-status{font-size:8px}.header-main .header-tools{flex:1;width:auto;min-width:0;height:64px;padding:6px 0;justify-content:center}.header-tools .context-toolbar{padding:5px 6px}.header-tools .context-toolbar button{padding:0 8px;font-size:11px;gap:5px}.header-main .header-actions{flex-shrink:0;gap:6px}.header-actions>.header-divider{display:none}.header .primary{padding:10px 12px;font-size:11px}
@media(max-width:1199px){body{--editor-header-height:64px}body.selection-tools{--editor-header-height:120px}.header-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:64px;height:var(--editor-header-height);min-height:var(--editor-header-height);padding:0 16px;column-gap:16px;row-gap:0}.header-main .logo{grid-column:1;grid-row:1}.header-main .project-heading{grid-column:2;grid-row:1;width:auto;min-width:0}.header-main .project-heading input{width:210px;max-width:100%;font-size:12px}.header-main .header-actions{grid-column:3;grid-row:1;margin-left:0}.header-main .header-tools{grid-column:1/-1;grid-row:1;height:56px;width:100%;padding:3px 0}.selection-tools .header-main{grid-template-rows:56px 64px}.selection-tools .header-main .logo,.selection-tools .header-main .project-heading,.selection-tools .header-main .header-actions{grid-row:2}.header-tools .context-toolbar button{font-size:12px;padding:0 11px;gap:7px}}
@media(max-width:800px){body{--editor-header-height:58px}body.selection-tools{--editor-header-height:113px}.header-main{grid-template-rows:58px;padding:0 9px;column-gap:12px}.selection-tools .header-main{grid-template-rows:55px 58px}.header-main .header-tools{height:55px;padding:2px 0}.header-main .project-heading input{font-size:11px;max-width:210px;width:100%}.header .primary{font-size:10px;padding:8px 12px}.header-tools .context-toolbar button{font-size:11px;padding:0 9px;gap:5px}.header-main .logo{font-size:24px}.header-main .save-status{font-size:8px}}
@media(max-width:360px){.header-main{column-gap:8px}.header-main .logo{font-size:22px}.header-main .project-heading input{font-size:10px}.header-tools .context-toolbar button{font-size:10px;padding:0 6px;gap:4px}.header .primary{font-size:9px;padding:8px 9px}}
@media(max-height:600px) and (max-width:800px){body.selection-tools{--editor-header-height:107px}.selection-tools .header-main{grid-template-rows:49px 58px}.header-main .header-tools{height:49px}}

/* A captured pointer changes the panel height, leaving room for the preview. */
.editor{--timeline-default-height:244px;grid-template-rows:minmax(0,1fr) 24px var(--timeline-panel-height,var(--timeline-default-height))}.timeline-section{grid-row:3}.timeline-resizer{grid-column:2;grid-row:2;height:24px;min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;color:#858092;background:#f3f0f9;border-top:1px solid #e5dfef;border-bottom:1px solid #e5dfef;font-size:9px;cursor:row-resize;touch-action:none;user-select:none;z-index:8}.resize-grip{width:32px;height:4px;border-radius:6px;background:#b3a9c8}.timeline-resizer:hover,.timeline-resizer:focus-visible{background:#ebe4f7;color:#7150bd}.timeline-resizer:focus-visible{outline:2px solid #9d7edd;outline-offset:-2px}.timeline-resizer:hover .resize-grip,.resizing-timeline .resize-grip{background:#8a65ce}.resizing-timeline,.resizing-timeline *{cursor:row-resize!important;user-select:none!important}.timeline-section .timeline-scroll{overflow:auto}.timeline-toolbar,.timeline-foot{flex-shrink:0}
@media(min-width:801px){.editor>.rail{grid-row:1/4}.library-panel{bottom:calc(var(--timeline-panel-height,244px) + 24px)}}
@media(max-width:800px){.editor{--timeline-default-height:180px;grid-template-rows:minmax(0,1fr) 28px var(--timeline-panel-height,var(--timeline-default-height))}.timeline-resizer{grid-column:1;height:28px;font-size:9px;gap:8px}.resize-grip{width:38px}}
@media(max-height:600px) and (max-width:800px){.editor{--timeline-default-height:176px}}

.quick-panel input#viewZoom{width:82px}.tick{font-variant-numeric:tabular-nums}.playback-left{min-width:0}.playback-left #timeDisplay{white-space:nowrap}.playback-left #timeDisplay span{margin-left:2px}@media(max-width:800px){.playback-left #timeDisplay{font-size:8px}.playback-left{gap:3px}.workspace-zoom{width:106px;min-width:106px}}@media(max-width:360px){.playback-left #timeDisplay{font-size:7px}.workspace-zoom{width:101px;min-width:101px}.playback-left .icon-button{width:19px}}

/* The footer shares one zoom control between the page and its thumbnails. */
.editor{grid-template-rows:minmax(0,1fr) 24px var(--timeline-panel-height,var(--timeline-default-height)) 44px}.zoom-footer{grid-column:2;grid-row:4;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 20px;background:#f1f2f6;border-top:1px solid #e3e3ec;min-width:0;z-index:9}.zoom-fit{width:32px;height:32px;color:#757481;flex-shrink:0}.zoom-fit svg{width:18px;height:18px}.zoom-footer>input[type=range]{width:180px;min-width:48px;height:32px;margin:0;accent-color:#8466d1}.zoom-percent{display:flex;align-items:center;gap:0;color:#53525e;font-size:12px;flex-shrink:0}.zoom-percent input{border:0;background:transparent;padding:4px 0;width:43px;min-height:30px;text-align:right;font-size:12px;color:inherit;-moz-appearance:textfield}.zoom-percent input::-webkit-inner-spin-button{appearance:none}.zoom-mode{display:flex;align-items:center;gap:5px;background:#e5e5ed;border-radius:9px;padding:0 7px;color:#555460;min-height:34px}.zoom-mode svg{width:18px;height:18px}.zoom-mode select{border:0;background:transparent;color:inherit;font-size:12px;width:104px;min-height:34px;padding:3px 0;cursor:pointer}.playback-spacer{width:85px}.playback{justify-content:center;position:relative}.playback-left{position:absolute;left:20px}.playback-spacer{position:absolute;right:20px}.clip-block[data-type=clip]{touch-action:none}.clip-block.reorder-source{opacity:.4}.clip-block.drop-before{box-shadow:-4px 0 #8561d4}.clip-block.drop-after{box-shadow:4px 0 #8561d4}.clip-reorder-ghost{position:fixed;transform:translate(-50%,-120%);z-index:40;background:#dfd7f4;border:2px solid #8561d4;border-radius:7px;overflow:hidden;pointer-events:none;opacity:.92;box-shadow:0 4px 18px #35255135}.clip-reorder-ghost .trim-handle{display:none}.clip-reorder-ghost img{height:100%;width:40px;object-fit:cover}.reordering-clips{user-select:none;cursor:grabbing}
@media(min-width:801px){.editor>.rail{grid-row:1/5}.library-panel{bottom:calc(var(--timeline-panel-height,244px) + 68px)}}
@media(max-width:800px){.editor{grid-template-rows:minmax(0,1fr) 28px var(--timeline-panel-height,var(--timeline-default-height)) 44px}.zoom-footer{grid-column:1;padding:0 10px;gap:6px}.zoom-footer>input[type=range]{width:auto;flex:1}.zoom-fit{width:26px}.zoom-mode{padding:0 5px;gap:3px}.zoom-mode select{font-size:11px;width:89px}.zoom-mode svg{width:16px;height:16px}.zoom-percent,.zoom-percent input{font-size:11px}.zoom-percent input{width:35px}.playback-left{left:12px}}

.track:has(>.track-body[data-track=layer]){height:auto;min-height:42px}.clip-block.media-element{background:#ddd6f4;border-color:#a38bda;color:#4c3e69;touch-action:none;cursor:grab}.track-body.visual-drop-target{background:#eee7fc;outline:2px dashed #9072d1;outline-offset:-2px}.visual-drop-hint{position:absolute;top:1px;background:#7855bd;color:#fff;border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap;pointer-events:none;z-index:10}.media-image{cursor:grab}.clip-block.media-element:active{cursor:grabbing}@media(max-width:800px){.track:has(>.track-body[data-track=layer]){min-height:34px}.visual-drop-hint{font-size:9px;padding:4px 6px}}