/* Reels studio: full workspace, precise timeline and explicit export. */
#kavaClipEditor[hidden],#kavaClipEditor [hidden]{display:none!important}
body.kava-video-editor-open{overflow:hidden}
#kavaClipEditor{position:fixed;inset:0;z-index:100002;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:74px minmax(120px,1fr) 64px 230px 76px;width:100%;max-width:none;height:100dvh;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box;overflow:hidden;background:#0d0c12;color:#f5f2fa;font-family:Montserrat,Arial,sans-serif}
#kavaClipEditor::before,#kavaClipEditor::after{display:none!important}
#kavaClipEditor>*{min-width:0;grid-column:auto;box-sizing:border-box}
#kavaClipEditor button,#kavaClipEditor select,#kavaClipEditor input,#kavaClipEditor textarea{font-family:inherit;accent-color:#a78bfa}
#kavaClipEditor button:focus-visible,#kavaClipEditor a:focus-visible,#kavaClipEditor input:focus-visible,#kavaClipEditor select:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}
#kavaClipEditor>header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:16px;min-height:0;padding:10px 24px;border-bottom:1px solid #2b2635;background:#15121c}
#kavaEditorClose{flex:0 0 40px;color:#ddd}
.kava-editor-heading{display:grid;gap:3px;min-width:0;flex:1}.kava-editor-heading>span{font-size:9px;letter-spacing:1.8px;color:#bda5f7}.kava-editor-heading>strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}.kava-editor-heading>small{font-size:10px;color:#aaa3b5}
.kava-editor-export-actions{display:flex;align-items:center;gap:16px}.kava-editor-export-actions label{display:flex;align-items:center;gap:8px;font-size:11px;color:#bcb3ca}.kava-editor-export-actions select{padding:8px;border:1px solid #42364f;border-radius:9px;background:#211a2d;color:#eee}.kava-editor-export-actions #kavaEditorExport{padding:12px 22px;border:0;border-radius:11px;background:#8b5cf6;color:#fff;font-size:12px;font-weight:800}
#kavaClipEditor>.kava-editor-stage{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;min-height:0;padding:16px;background:radial-gradient(ellipse at center,#21192e,#0b090f 75%)}
#kavaClipEditor .kava-editor-preview{position:relative;display:block;height:100%;width:auto;aspect-ratio:9/16;max-width:100%;max-height:100%;border:1px solid #393040;border-radius:10px;overflow:hidden;box-shadow:0 12px 50px #0006;background:#09080c}
#kavaClipEditor .kava-editor-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#kavaClipEditor .kava-editor-overlay-text,#kavaClipEditor .kava-editor-subtitle{overflow-wrap:anywhere}
#kavaClipEditor>.kava-editor-transport{grid-column:1;grid-row:3;display:flex;justify-content:center;align-items:center;gap:18px;padding:0 20px 20px;min-height:0}.kava-editor-transport>span{font-variant-numeric:tabular-nums}.kava-editor-history{margin:0}
#kavaClipEditor>.kava-editor-timeline-shell{grid-column:1/-1;grid-row:4;height:auto;border-top:1px solid #302738;background:#141019}
.kava-timeline-heading{position:absolute;inset:0 0 auto;z-index:3;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#19141f}.kava-timeline-heading strong{font-size:11px}.kava-timeline-heading small{margin-left:14px;font-size:10px;font-weight:400;color:#9e94ab}.kava-timeline-heading label{display:flex;align-items:center;gap:10px;font-size:10px;color:#b4a8c5}.kava-timeline-heading input{width:110px!important;margin:0;height:20px}
#kavaClipEditor .kava-editor-ruler{top:36px;height:22px;padding:0;display:block;overflow:hidden}.kava-editor-ruler>span{position:absolute;top:5px;font-size:9px;white-space:nowrap}
#kavaClipEditor .kava-editor-timeline-scroller{inset:58px 0 0;scrollbar-width:thin;scrollbar-color:#44364e #141019}
#kavaClipEditor .kava-editor-timeline{height:166px;padding:0 var(--timeline-padding,50vw)}
#kavaClipEditor .kava-video-track{height:68px;gap:0}
#kavaClipEditor .kava-editor-segment{min-width:1px;box-sizing:border-box;height:68px;border-radius:4px}
#kavaClipEditor .kava-editor-segment.is-selected{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa}
#kavaClipEditor .kava-trim-handle{background:#a78bfa;width:14px}
#kavaClipEditor .kava-timeline-add{height:68px}
#kavaClipEditor .kava-timed-track{height:44px;gap:0;margin-top:3px}
#kavaClipEditor .kava-timed-clip{height:44px;box-sizing:border-box;min-width:1px}
#kavaClipEditor .kava-timed-item{min-width:1px;box-sizing:border-box}
#kavaClipEditor .kava-editor-playhead{top:53px}
#kavaClipEditor>.kava-editor-toolbar{grid-column:1/-1;grid-row:5;min-height:0;padding:0 12px;gap:4px}
#kavaClipEditor .kava-editor-toolbar button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:76px;flex:1 0 76px;min-height:0;padding:8px;border:0;border-radius:10px;background:transparent;color:#c6bdcf;font-size:22px}
#kavaClipEditor .kava-editor-toolbar button span{font-size:10px}.kava-editor-toolbar button:hover{background:#241b31!important}#kavaClipEditor .kava-editor-toolbar button.is-active{background:#2d2040;color:#c4b5fd}
#kavaClipEditor>.kava-editor-drawer{position:relative;grid-column:2;grid-row:2/4;inset:auto;z-index:20;display:block;max-height:none;border:0;border-left:1px solid #302738;border-radius:0;background:#17121e;box-shadow:none;overflow:auto}
#kavaClipEditor .kava-editor-drawer>section{display:flex;flex-direction:column;gap:16px;padding:26px 20px}
#kavaClipEditor .kava-editor-drawer>section::before{display:none}#kavaClipEditor .kava-editor-drawer header{padding-right:35px;display:flex;flex-direction:column;gap:8px;background:none}#kavaClipEditor .kava-editor-drawer small{max-width:none;text-align:left;font-size:10px;color:#aaa0b6;line-height:1.6}#kavaClipEditor .kava-editor-drawer p{font-size:12px;line-height:1.6;color:#b9afc4;margin:0}
#kavaClipEditor .kava-editor-drawer textarea,#kavaClipEditor .kava-editor-drawer select,#kavaClipEditor .kava-editor-drawer input[type=number]{width:100%;box-sizing:border-box;background:#0e0b13;color:#f0eafa;border:1px solid #43354f;border-radius:9px;padding:10px;font-size:12px}
#kavaClipEditor .kava-editor-drawer textarea{resize:vertical;min-height:110px;line-height:1.6}#kavaClipEditor .kava-editor-drawer label{font-size:11px;color:#c7bbd4}#kavaClipEditor .kava-editor-style-row{grid-template-columns:1fr 1fr;gap:10px}#kavaClipEditor .kava-editor-style-row>label:last-child{grid-column:1/-1}
#kavaClipEditor .kava-editor-drawer-close{width:32px;min-height:32px!important;top:12px;font-size:20px!important;margin:12px 12px -44px auto!important}
.kava-editor-drawer-placeholder{padding:40px 28px;display:grid;gap:18px;color:#b9acc9}.kava-editor-drawer-placeholder>span{font-size:34px;color:#a78bfa}.kava-editor-drawer-placeholder strong{color:#eee}.kava-editor-drawer:has(>section:not([hidden])) .kava-editor-drawer-placeholder{display:none}.kava-editor-drawer:not(:has(>section:not([hidden]))) .kava-editor-drawer-close{display:none}
.kava-trim-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kava-trim-numbers label{display:grid;gap:8px}.kava-volume-label{display:grid;grid-template-columns:1fr auto;gap:20px}.kava-volume-label input{grid-column:1/-1;width:100%}.kava-volume-label output{color:#c4b5fd}
#kavaClipEditor>.kava-export-panel{position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#09060fe8;backdrop-filter:blur(12px)}
.kava-export-card{box-sizing:border-box;width:min(100%,460px);max-height:90dvh;overflow:auto;padding:30px;border:1px solid #5e427b;border-radius:22px;background:#1b1326;box-shadow:0 24px 100px #0008}.kava-export-card h2{font-size:24px;margin:0 0 12px}.kava-export-card p{font-size:13px;line-height:1.6;color:#dbcfeb}.kava-export-card progress{width:100%;height:10px;accent-color:#a78bfa}.kava-export-card small{display:block;margin:14px 0;color:#a99bb7;font-size:11px;line-height:1.6}.kava-export-card video{display:block;max-height:30dvh;max-width:100%;margin:14px auto;background:#000;border-radius:10px}.kava-export-card a,.kava-export-card button{box-sizing:border-box;display:block;width:100%;padding:13px;margin-top:10px;border:1px solid #665078;border-radius:11px;background:#30213e;color:#fff;text-align:center;text-decoration:none;font-weight:700;font-size:12px}.kava-export-card a{background:#8b5cf6;border-color:#8b5cf6}.kava-export-card button:disabled{opacity:.4}
#kavaClipEditor.is-exporting>:not(.kava-export-panel){pointer-events:none;opacity:.55}
@media(max-width:760px){
#kavaClipEditor{grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(100px,1fr) 60px 208px 76px}
#kavaClipEditor>header{padding:8px 10px;gap:6px}.kava-editor-heading>span{font-size:7px;letter-spacing:1px}.kava-editor-heading>strong{font-size:12px}.kava-editor-heading>small{font-size:8px}.kava-editor-export-actions{gap:7px}.kava-editor-export-actions label{font-size:0}.kava-editor-export-actions select{font-size:10px;padding:7px;width:67px}.kava-editor-export-actions #kavaEditorExport{padding:10px;font-size:10px}#kavaEditorClose{flex-basis:30px;width:30px}
#kavaClipEditor>.kava-editor-stage{padding:8px}#kavaClipEditor>.kava-editor-transport{gap:12px;padding-bottom:19px}#kavaClipEditor>.kava-editor-drawer{position:absolute;grid-column:auto;grid-row:auto;inset:auto 8px calc(84px + env(safe-area-inset-bottom));display:none;max-height:min(52dvh,450px);border:1px solid #53425f;border-radius:17px;box-shadow:0 -16px 60px #000a}#kavaClipEditor>.kava-editor-drawer:has(>section:not([hidden])){display:block}.kava-editor-drawer-placeholder{display:none}#kavaClipEditor .kava-editor-drawer>section{padding:20px 18px}
.kava-timeline-heading{padding:0 12px}.kava-timeline-heading small{margin-left:6px;font-size:8px}.kava-timeline-heading input{width:72px!important}.kava-timeline-heading strong{font-size:10px}.kava-timeline-heading label{gap:5px;font-size:9px}#kavaClipEditor .kava-editor-timeline{height:145px}#kavaClipEditor .kava-video-track,#kavaClipEditor .kava-editor-segment,#kavaClipEditor .kava-timeline-add{height:58px}#kavaClipEditor .kava-timed-track,#kavaClipEditor .kava-timed-clip{height:39px}#kavaClipEditor .kava-editor-toolbar button{min-width:65px;flex-basis:65px;font-size:20px}#kavaClipEditor .kava-editor-toolbar button span{font-size:9px}.kava-export-card{padding:24px}
}
@media(max-height:620px){#kavaClipEditor{grid-template-rows:54px minmax(80px,1fr) 50px 166px 64px}#kavaClipEditor .kava-video-track,#kavaClipEditor .kava-editor-segment,#kavaClipEditor .kava-timeline-add{height:42px}#kavaClipEditor .kava-timed-track,#kavaClipEditor .kava-timed-clip{height:29px}#kavaClipEditor .kava-editor-timeline{height:106px}}
@media(prefers-reduced-motion:reduce){#kavaClipEditor *{animation:none!important;scroll-behavior:auto!important}}
#kavaClipEditor .kava-editor-subtitle{left:9%;right:9%;bottom:auto;top:83%;transform:translateY(-50%);font-size:clamp(10px,2vh,20px);text-align:center;line-height:1.34}
#kavaClipEditor .kava-editor-subtitle[data-position="top"]{top:13%;bottom:auto}#kavaClipEditor .kava-editor-subtitle[data-position="middle"]{top:50%;bottom:auto}
#kavaClipEditor .kava-editor-overlay-text[data-position="top"]{top:13%;transform:translateY(-50%)}#kavaClipEditor .kava-editor-overlay-text[data-position="bottom"]{top:83%;bottom:auto;transform:translateY(-50%)}
#kavaClipEditor .kava-editor-preview{container-type:inline-size}#kavaClipEditor .kava-editor-overlay-text[data-size="small"]{font-size:4.26cqw}#kavaClipEditor .kava-editor-overlay-text[data-size="medium"]{font-size:5.93cqw}#kavaClipEditor .kava-editor-overlay-text[data-size="large"]{font-size:7.59cqw}#kavaClipEditor .kava-editor-subtitle{font-size:5cqw}
#kavaClipEditor .kava-editor-media-overlay{border:0;border-radius:0;box-shadow:none}#kavaClipEditor .kava-editor-media-overlay img,#kavaClipEditor .kava-editor-media-overlay video{object-fit:contain;display:block}
#kavaClipEditor .kava-editor-media-overlay video{position:static;opacity:1;background:transparent;z-index:auto}
/* Precise captions and framing controls */
#kavaClipEditor .kava-framing-controls{display:grid;gap:18px;width:100%}#kavaClipEditor .kava-framing-controls label{display:grid;grid-template-columns:1fr auto;gap:10px}#kavaClipEditor .kava-framing-controls input{grid-column:1/-1;width:100%;margin:0}#kavaClipEditor .kava-framing-controls output{color:#c4b5fd;font-variant-numeric:tabular-nums}
#kavaClipEditor .kava-guide-toggle{display:flex;align-items:center;gap:9px;line-height:1.5}#kavaClipEditor .kava-guide-toggle input{width:18px;height:18px;margin:0;flex:0 0 18px}
#kavaClipEditor .kava-editor-safe-guide{position:absolute;z-index:6;inset:12% 7% 20%;border:1px dashed #fffc;border-radius:4px;pointer-events:none;box-shadow:0 0 0 200px #0002}#kavaClipEditor .kava-editor-safe-guide span{position:absolute;left:5px;top:5px;font-size:9px;padding:4px;background:#0008;color:white;border-radius:4px}
#kavaClipEditor .kava-caption-files,#kavaClipEditor .kava-order-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}#kavaClipEditor .kava-caption-files>*{margin:0;width:100%;box-sizing:border-box}#kavaClipEditor .kava-timed-error{padding:10px;border-radius:8px;background:#4a202c;color:#ffd0db;font-size:11px}
#kavaClipEditor [data-editor-panel="timing"]>label{display:grid;gap:8px}#kavaClipEditor .kava-order-actions button{width:100%}#kavaClipEditor .kava-editor-toolbar button:focus-visible{outline-offset:-4px}
#kavaClipEditor .kava-trim-numbers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;width:100%}#kavaClipEditor .kava-trim-numbers label{min-width:0}#kavaClipEditor .kava-trim-numbers input{min-width:0;max-width:100%}#kavaClipEditor .kava-editor-drawer p.kava-timed-error{color:#ffd0db}
/* Direct manipulation workspace */
#kavaClipEditor>.kava-editor-stage{position:relative;padding:8px 12px 28px}
#kavaClipEditor>header>.kava-editor-export-actions{display:flex;flex-direction:row;align-items:center;gap:10px;flex:0 0 auto;white-space:nowrap}
#kavaClipEditor>header>.kava-editor-export-actions label{margin:0}#kavaClipEditor>header #kavaEditorExport{height:36px;min-height:36px;line-height:1;padding:0 16px;background:#8b5cf6}
#kavaClipEditor .kava-editor-preview{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;isolation:isolate}
#kavaClipEditor .kava-editor-preview:active{cursor:grabbing}
#kavaClipEditor .kava-editor-overlay-text,#kavaClipEditor .kava-editor-subtitle{pointer-events:auto;touch-action:none;cursor:move;left:50%;right:auto!important;top:50%;bottom:auto!important;width:82%;max-width:none;box-sizing:border-box;padding:0;margin:0;transform:translate(-50%,-50%)!important;line-height:1.34;z-index:5;white-space:normal}
#kavaClipEditor .kava-editor-media-overlay{pointer-events:auto;touch-action:none;cursor:move;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:3;overflow:visible}
#kavaClipEditor .kava-editor-media-overlay img,#kavaClipEditor .kava-editor-media-overlay video{pointer-events:none;-webkit-user-drag:none;user-select:none}
#kavaClipEditor .is-canvas-selected{outline:1px solid #c4b5fd;outline-offset:5px}#kavaClipEditor .kava-editor-preview[data-selection="video"]{outline:1px solid #6b527f;outline-offset:2px}
#kavaClipEditor .kava-canvas-hint{position:absolute;right:12px;bottom:4px;left:12px;display:flex;align-items:center;justify-content:center;gap:12px;color:#9b90a9;font-size:10px;line-height:18px}
#kavaClipEditor .kava-canvas-hint button{padding:2px 8px;border:1px solid #44344e;border-radius:6px;background:#201728;color:#d9cde8;font-size:10px;min-height:22px}
#kavaClipEditor>.kava-editor-transport{padding:0 16px;gap:18px;align-items:center}#kavaClipEditor .kava-editor-history{margin:0}#kavaClipEditor .kava-editor-transport input{display:none!important}
#kavaClipEditor .kava-editor-toolbar svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#kavaClipEditor .kava-editor-drawer button,#kavaClipEditor .kava-replace-button{background:#2c2236;border:1px solid #493957;min-height:36px;color:#efe9f6;font-size:11px}
#kavaClipEditor #kavaAiSubtitle{background:#8b5cf6;border-color:#8b5cf6;padding:9px 14px;white-space:nowrap}
#kavaClipEditor .kava-editor-drawer>section{gap:10px}#kavaClipEditor .kava-editor-drawer header{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}
#kavaClipEditor .kava-editor-style-row{display:flex!important;align-items:end;gap:12px;justify-content:flex-start}#kavaClipEditor .kava-editor-style-row label{min-width:0;flex:1}#kavaClipEditor .kava-editor-style-row input[type=color]{width:100%;height:34px}
@media(max-width:760px){
#kavaClipEditor{grid-template-rows:56px minmax(100px,1fr) 42px 158px 64px}
#kavaClipEditor>header{padding:6px 10px;gap:8px}#kavaClipEditor>header .kava-editor-heading{display:grid;gap:2px;flex:1;min-width:0}#kavaClipEditor .kava-editor-heading>span{font-size:7px;letter-spacing:.8px}#kavaClipEditor .kava-editor-heading>strong{font-size:12px}#kavaClipEditor .kava-editor-heading>small{font-size:8px}
#kavaClipEditor>header>.kava-editor-export-actions{gap:7px}#kavaClipEditor>header .kava-editor-export-actions select{width:73px;max-width:73px;min-height:34px;padding:5px;font-size:11px}#kavaClipEditor>header #kavaEditorExport{min-width:72px;padding:0 10px;font-size:10px}
#kavaClipEditor>.kava-editor-stage{padding:6px 8px 28px}#kavaClipEditor .kava-editor-preview{border-radius:4px}#kavaClipEditor .kava-canvas-hint{font-size:9px;gap:8px;right:6px;left:6px}
#kavaClipEditor .kava-editor-transport button{height:30px;width:34px;font-size:18px}#kavaClipEditor .kava-editor-history button{height:28px;width:28px;font-size:15px}#kavaClipEditor .kava-editor-transport{font-size:10px}
#kavaClipEditor .kava-timeline-heading{height:28px}#kavaClipEditor .kava-editor-ruler{top:28px;height:18px}#kavaClipEditor .kava-editor-timeline-scroller{inset:46px 0 0}#kavaClipEditor .kava-editor-playhead{top:41px}#kavaClipEditor .kava-editor-timeline{height:108px}
#kavaClipEditor .kava-video-track,#kavaClipEditor .kava-editor-segment,#kavaClipEditor .kava-timeline-add{height:46px}#kavaClipEditor .kava-timed-track,#kavaClipEditor .kava-timed-clip{height:27px}#kavaClipEditor .kava-timed-item{height:22px}#kavaClipEditor .kava-editor-toolbar{gap:0;padding:0 6px}#kavaClipEditor .kava-editor-toolbar button{flex-basis:64px;min-width:64px;gap:5px;padding:5px;font-size:18px}#kavaClipEditor .kava-editor-toolbar button span{font-size:8px}
#kavaClipEditor:has(.kava-editor-drawer>section:not([hidden])){grid-template-rows:56px minmax(100px,1fr) 42px 200px 64px}
#kavaClipEditor:has(.kava-editor-drawer>section:not([hidden]))>.kava-editor-timeline-shell{display:none}
#kavaClipEditor>.kava-editor-drawer{position:relative;grid-column:1;grid-row:4;inset:auto;max-height:none;height:100%;margin:0;border:0;border-top:1px solid #44324f;border-radius:0;box-shadow:none;background:#18111f}
#kavaClipEditor .kava-editor-drawer>section{padding:12px 14px 16px;gap:8px}#kavaClipEditor .kava-editor-drawer header{padding-right:32px;min-height:22px}#kavaClipEditor .kava-editor-drawer strong{font-size:12px}#kavaClipEditor .kava-editor-drawer p{font-size:10px;line-height:1.4}#kavaClipEditor .kava-editor-drawer textarea{min-height:60px;height:60px;resize:none;font-size:16px;line-height:1.35;padding:8px}#kavaClipEditor .kava-editor-drawer input[type=number]{font-size:16px;padding:7px}#kavaClipEditor .kava-editor-drawer select{font-size:14px;padding:7px;min-height:34px}#kavaClipEditor .kava-editor-drawer label{font-size:10px}#kavaClipEditor .kava-autosave-note,#kavaClipEditor .kava-editor-drawer header>small{display:none!important}#kavaClipEditor .kava-editor-drawer-close{top:7px;width:28px;min-height:28px!important;margin:7px 8px -35px auto!important}
#kavaClipEditor .kava-editor-drawer [data-editor-panel="subtitles"] header{flex-wrap:nowrap}#kavaClipEditor #kavaAiSubtitle{min-height:32px;padding:7px 10px;font-size:10px}
}
@media(max-width:760px) and (max-height:580px){#kavaClipEditor{grid-template-rows:50px minmax(70px,1fr) 36px 130px 56px}#kavaClipEditor:has(.kava-editor-drawer>section:not([hidden])){grid-template-rows:50px minmax(70px,1fr) 36px 150px 56px}}