/* Native video geometry, one unobtrusive player, and a studio that fits the screen. */
.composer-capture{position:relative}.composer-capture summary{list-style:none}.composer-capture summary::-webkit-details-marker{display:none}.composer-capture>div{position:absolute;bottom:calc(100% + 9px);left:0;z-index:30;width:164px;background:#1b2940;border:1px solid #46638d;border-radius:11px;box-shadow:0 10px 30px #0007;padding:6px}.composer-capture>div label{display:block;padding:12px 11px;border-radius:7px;font-size:12px;cursor:pointer;color:#d8e5fc}.composer-capture>div label:hover{background:#2b4265}
.studio-v2 .editor-workspace{width:100%;margin:0;max-width:none}
.finnly-player{position:relative;isolation:isolate;overflow:hidden;background:#06080d;width:100%;aspect-ratio:var(--video-ratio,16/9);max-height:80dvh;min-height:150px}
.player-slot,.player-poster,.player-video,.player-surface{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain;margin:0;border:0;border-radius:0}
.player-poster{opacity:1}.player-video{opacity:0}.has-frame .player-video{opacity:1}.player-surface{z-index:2;background:transparent;cursor:pointer;padding:0}.player-toolbar{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:9px;padding:30px 12px 10px;background:linear-gradient(transparent,#02050bcb);color:white}.player-toolbar button{background:#111b2fbf;border:1px solid #a7bad542;color:#fff;border-radius:20px;min-width:36px;height:36px;padding:0 10px;font-size:11px;white-space:nowrap;backdrop-filter:blur(8px)}.player-toolbar input{flex:1;min-width:25px;padding:0;accent-color:#9ebcff;height:26px;cursor:pointer}.player-clock{font-variant-numeric:tabular-nums;font-size:10px;min-width:29px}.player-message{position:absolute;left:12px;right:12px;bottom:64px;z-index:3;background:#0a1023d9;border:1px solid #405475;border-radius:9px;padding:9px 12px;pointer-events:none;font-size:11px;text-align:center;color:#c8d8f4}.player-loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:11px;color:#bacce8;pointer-events:none;z-index:1}.finnly-player:fullscreen{max-height:none;aspect-ratio:auto;width:100vw;height:100dvh}.post-video{aspect-ratio:auto;height:auto;min-height:0;object-fit:contain}
.studio-v2{--studio-header:calc(68px + var(--safe-top));--studio-height:100dvh;overflow:hidden}.studio-v2 .app-main{height:var(--studio-height);min-height:0;overflow:hidden}.studio-v2 #creative-editor{height:100%;display:flex;flex-direction:column}.studio-v2 .editor-header{height:var(--studio-header);min-height:var(--studio-header);position:relative;padding:var(--safe-top) 23px 0;flex-shrink:0}.studio-v2 .editor-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px;overflow:hidden}.studio-v2 .editor-stage-panel{min-height:0;display:flex;flex-direction:column;padding:0 25px 12px;overflow:hidden}.studio-v2 .editor-stage-toolbar{flex-shrink:0;padding:15px 0}.studio-v2 .editor-stage-scroll{min-height:120px;max-height:none;height:auto;flex:1;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.studio-v2 .editor-stage{flex-shrink:0;position:relative;max-width:100%;max-height:100%;background:#080c14;overflow:hidden;touch-action:pan-y}.studio-v2 #editor-empty{padding:16px}.studio-v2 #editor-empty h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px}.studio-v2 #editor-empty p{font-size:11px;max-width:220px;margin:0 auto 18px;line-height:1.6}.studio-v2 .empty-editor-icon{margin:0 auto 15px;width:52px;height:52px}.studio-v2 #editor-empty label{font-size:11px;padding:10px}.studio-v2 #editor-video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.studio-v2 #editor-canvas{display:block;width:100%;height:100%}.studio-v2 #editor-canvas[hidden]{display:none}.studio-v2 .editor-playbar{flex-shrink:0;padding:4px 10px;gap:10px;min-height:43px;margin-top:7px}.studio-v2 .editor-playbar input{flex:1;min-width:40px;padding:0;height:25px;accent-color:#9db9e8}.studio-v2 .editor-playbar>span{font-size:10px;color:#afc2e3;font-variant-numeric:tabular-nums}.studio-v2 .editor-preview-note{flex-shrink:0;gap:8px;margin-top:9px;min-height:17px}.studio-v2 #editor-media-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-v2 #editor-duration-budget{white-space:nowrap}.studio-v2 .editor-controls{display:flex;flex-direction:column;min-height:0;overflow:hidden}.studio-v2 .studio-tool-tabs{display:grid;grid-template-columns:repeat(6,1fr);padding:9px 9px 6px;gap:3px;flex-shrink:0;position:relative;top:auto;background:#141a27;border-bottom:1px solid #2b354b}.studio-v2 .studio-tool-tabs button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:10px 3px;font-size:10px;min-height:59px;border-radius:9px;background:transparent;color:#879bbd}.studio-v2 .studio-tool-tabs button.selected{background:#263a5b;color:#d5e5ff}.studio-v2 .studio-tool-tabs button:focus-visible{outline:2px solid #a6c5ff;outline-offset:-2px}.studio-v2 .studio-panels{flex:1;min-height:0;position:relative}.studio-v2 .editor-control-panel{height:100%;max-height:none;overflow-y:auto;padding-bottom:20px;overscroll-behavior:contain}.studio-v2 .editor-section{padding:22px}.studio-v2 .studio-import-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.studio-v2 .studio-import-actions label{display:flex!important;align-items:center;font-size:11px!important;margin:0!important;min-height:39px;cursor:pointer;flex:1;padding:10px;white-space:nowrap}.studio-v2 .editor-section select{width:100%;padding:12px;border:1px solid #33445e;background:#101928;color:#cbd8ed;border-radius:9px;font-size:12px}.studio-v2 .filter-options{margin-top:24px;grid-template-columns:repeat(3,1fr);gap:20px 12px}.studio-v2 .filter-chip>span{height:65px}.studio-v2 .filter-chip{font-size:11px}.studio-v2 .editor-control-panel[hidden]{display:none}.studio-v2 .clip-timeline{display:flex;align-items:stretch;gap:9px;flex-shrink:0;min-height:88px;max-height:88px;margin-top:9px}.studio-v2 .clip-timeline[hidden]{display:none}.studio-v2 .timeline-items{display:flex;gap:8px;overflow-x:auto;min-width:0;flex:1;padding:2px 1px 5px;scrollbar-width:thin}.clip-item{position:relative;min-width:105px;max-width:132px;flex:0 0 112px;border:1px solid #34435d;background:#121c2d;border-radius:9px;overflow:hidden}.clip-item.selected{border:2px solid #92b9ff}.clip-select{display:flex;align-items:center;gap:7px;width:100%;height:48px;background:none;text-align:left;color:#d1def3;padding:4px 6px;font-size:9px}.clip-select img{width:32px;height:40px;object-fit:cover;border-radius:3px}.clip-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-select small{display:block;color:#92a4c0;font-size:8px;margin-top:4px}.clip-actions{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #2a3851;height:27px}.clip-actions button{background:none;color:#aabfdf;font-size:13px;min-width:30px;padding:3px}.clip-actions button:disabled{opacity:.2}.timeline-add{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:47px;flex-shrink:0;border:1px dashed #45638d;color:#a9c7f8;border-radius:9px;font-size:21px;cursor:pointer}.timeline-add small{font-size:9px}.studio-v2 .over-limit{color:#ffafba!important}.studio-v2 .video-caption{max-width:84%;font-weight:700;background:#0008;padding:5px 8px;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;position:absolute;left:50%;z-index:3}
@media(max-width:900px) and (min-width:701px){.studio-v2 .editor-workspace{grid-template-columns:minmax(0,1fr) 340px}.studio-v2 .editor-stage-panel{padding-left:12px;padding-right:12px}.studio-v2 .studio-tool-tabs button{font-size:9px}}
@media(max-width:700px){.studio-v2{--studio-header:calc(61px + var(--safe-top))}.studio-v2 .editor-header{padding:var(--safe-top) 13px 0;gap:8px}.studio-v2 .editor-header>button{font-size:11px}.studio-v2 .editor-workspace{display:flex;flex-direction:column;overflow:hidden;min-height:0}.studio-v2 .editor-stage-panel{flex:0 0 auto;padding:0 12px 7px}.studio-v2 .editor-stage-toolbar{padding:9px 0}.studio-v2 .editor-stage-scroll{flex:none;height:clamp(150px,30dvh,280px);min-height:100px;max-height:none;padding:3px 10px}.studio-v2 .editor-kind-switch button{min-height:26px;font-size:10px;padding:6px 12px}.studio-v2 .editor-controls{flex:1;min-height:100px;border-top:1px solid #2b354b}.studio-v2 .editor-stage{border-radius:8px}.studio-v2 #editor-empty h1{font-size:22px}.studio-v2 #editor-empty p{font-size:10px;margin-bottom:12px}.studio-v2 .empty-editor-icon{width:36px;height:36px;margin-bottom:10px}.studio-v2 .empty-editor-icon svg{width:22px}.studio-v2 .editor-preview-note{font-size:9px;margin-top:3px;min-height:12px}.studio-v2 .editor-playbar{min-height:31px;margin-top:3px;padding:0 4px;gap:8px}.studio-v2 .editor-playbar .icon-btn{height:28px;width:28px;min-width:28px}.studio-v2 .clip-timeline{min-height:80px;max-height:80px;margin-top:7px}.studio-v2 .clip-select{height:43px}.studio-v2 .clip-select img{height:35px}.studio-v2 .studio-tool-tabs{padding:5px 7px;gap:3px}.studio-v2 .studio-tool-tabs button{min-height:48px;padding:6px 1px;font-size:10px;gap:4px}.studio-v2 .studio-tool-tabs svg{width:17px;height:17px}.studio-v2 .editor-section{padding:16px 18px}.studio-v2 .editor-section h2{font-size:13px}.studio-v2 .editor-section label:not(.range-label){font-size:12px}.studio-v2 .editor-section input:not([type=range]),.studio-v2 .editor-section select,.studio-v2 .editor-section textarea{font-size:16px}.studio-v2 .studio-import-actions{gap:6px;margin-top:12px}.studio-v2 .studio-import-actions label{font-size:10px!important;padding:9px 7px;min-height:35px}.studio-v2 .filter-options{margin-top:16px;gap:16px 12px}.studio-v2 .filter-chip>span{height:43px}.studio-v2 .editor-hint{font-size:10px;line-height:1.6}.studio-v2 .range-label{font-size:11px}.studio-v2 .editor-control-panel{padding-bottom:calc(16px + var(--safe-bottom))}.studio-v2 .video-caption{font-size:13px;line-height:1.3}.player-toolbar{gap:6px;padding:25px 9px 9px}.player-toolbar button{font-size:10px;height:34px;min-width:33px;padding:0 9px}.player-message{font-size:10px}.studio-v2:has(.editor-controls input:focus,.editor-controls textarea:focus) .editor-stage-scroll{height:19dvh;min-height:90px}}
@media(max-width:700px) and (max-height:650px){.studio-v2 .editor-stage-scroll{height:23dvh;min-height:85px}.studio-v2 .editor-preview-note{display:none}.studio-v2 .clip-timeline{min-height:64px;max-height:64px}.studio-v2 .clip-select{height:32px}.studio-v2 .clip-select img{height:26px}.studio-v2 .clip-actions{height:24px}.studio-v2 .editor-controls{min-height:80px}}