@font-face{font-family:Inter;src:url(/fonts/Inter.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Mrs Saint Delafield;src:url(/fonts/MrsSaintDelafield-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Share Tech Mono;src:url(/fonts/ShareTechMono-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.editor-shell,.editor-context-menu,.composition-media-tray,.editor-dialog{--editor-dialog-height:min(680px, calc(100dvh - 48px));--background:#fff;--foreground:#202124;--primary:var(--brand);--primary-hover:var(--brand-hover);--muted:#f5f5f6;--muted-foreground:#72757b;--accent:#f0f1f1;--border:#e7e7ea;--input:#dedee2;--ring:var(--brand);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.45}.editor-shell *,.editor-context-menu *,.composition-media-tray *,.editor-dialog *{box-sizing:border-box}.editor-shell [data-slot=button],.editor-dialog [data-slot=button],.editor-shell input,.editor-shell select{font-family:inherit;font-size:13px}.editor-shell svg,.editor-dialog svg,.composition-media-tray svg,.editor-context-menu svg{stroke-width:1.65px;flex-shrink:0;width:16px;height:16px}.editor-shell h1,.editor-shell h2{letter-spacing:-.025em;font-family:inherit;font-weight:500;line-height:1.35}.editor-shell button:focus-visible,.composition-media-tray button:focus-visible,.editor-shell [tabindex]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.editor-shell{background:#fff;flex-direction:column;height:100dvh;min-height:560px;display:flex}.editor-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:18px;height:56px;padding:10px 24px;display:flex}.editor-header h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;overflow:hidden}.editor-save-status{text-overflow:ellipsis;min-width:0;color:var(--muted-foreground);white-space:nowrap;flex-shrink:20;font-size:12px;overflow:hidden}.editor-history{gap:4px;margin-left:auto;display:flex}.editor-workspace{grid-template-columns:var(--media-width) 6px minmax(0, 1fr);grid-template-rows:minmax(var(--preview-min-height), 1fr) 6px var(--dock-height);flex:1;min-height:0;display:grid}.editor-workspace[data-dock-auto]{transition:grid-template-rows .25s}.editor-workspace[data-template-sidebar]{grid-template-columns:var(--media-width) 6px minmax(0, 1fr) 320px}.editor-media{grid-area:1/1;min-width:0;min-height:0}.editor-preview-region{grid-area:1/3;min-width:0;min-height:0}.editor-template{border-left:1px solid var(--border);background:#fff;flex-direction:column;grid-area:1/4;min-width:0;min-height:0;display:flex}.editor-template[hidden]{display:none}.template-panel-content{overscroll-behavior:contain;min-height:0;padding:24px 20px;overflow:auto}.editor-template [data-slot=input],.editor-template [data-slot=native-select]{min-height:36px;padding-block:6px;font-size:13px}.editor-template [data-slot=field-label]{color:#5b5e64;font-size:12px;font-weight:400}.editor-workspace[data-template-sidebar] .preview-playback{flex-wrap:wrap;gap:8px}.panel-resizer{z-index:3;touch-action:none;background:#fff;justify-content:center;align-items:center;display:flex;position:relative}.panel-resizer:before{content:"";background:var(--border);position:absolute}.panel-resizer-vertical{cursor:col-resize;grid-area:1/2}.panel-resizer-vertical:before{width:1px;height:100%}.panel-resizer-vertical span{z-index:1;background:#c6c8cc;border-radius:4px;width:6px;height:26px}.panel-resizer-horizontal{cursor:row-resize;grid-area:2/1/auto/-1}.panel-resizer-horizontal:before{width:100%;height:1px}.panel-resizer-horizontal span{z-index:1;background:#c6c8cc;border-radius:4px;width:28px;height:3px}.panel-resizer:hover span,.panel-resizer:focus-visible span{background:var(--ring)}.editor-preview,.live-preview{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.editor-preview{background:#f5f5f6}.editor-canvas{flex:1;justify-content:center;align-items:center;min-height:0;margin:20px 24px;display:flex;container-type:size}.preview-frame{height:min(100cqh, calc(100cqw / var(--preview-ratio)));aspect-ratio:var(--preview-ratio);flex-shrink:0;position:relative}.editor-canvas canvas{background:#d3c8b7;width:100%;height:100%;display:block}.preview-selection{box-shadow:0 0 0 1px var(--brand);pointer-events:none;border:1.5px solid #d4f5db;position:absolute}.canvas-edit-layer{position:absolute;inset:0}.canvas-edit-box{box-shadow:0 0 0 1px var(--brand), 0 0 0 3px #0000002e;cursor:move;touch-action:none;border:1.5px solid #fff;position:absolute}.canvas-edit-box:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.canvas-edit-handle{touch-action:none;width:28px;height:28px;margin:-14px;position:absolute}.canvas-edit-handle:after{content:"";border:1.5px solid var(--brand);background:#fff;border-radius:3px;position:absolute;inset:8px;box-shadow:0 1px 3px #0000004d}.canvas-edit-handle[data-corner=nw]{cursor:nwse-resize;top:0;left:0}.canvas-edit-handle[data-corner=ne]{cursor:nesw-resize;top:0;right:0}.canvas-edit-handle[data-corner=sw]{cursor:nesw-resize;bottom:0;left:0}.canvas-edit-handle[data-corner=se]{cursor:nwse-resize;bottom:0;right:0}.canvas-edit-guide{pointer-events:none;background:#ff3d8b;position:absolute}.canvas-edit-guide[data-axis=x]{width:1px;top:0;bottom:0}.canvas-edit-guide[data-axis=y]{height:1px;left:0;right:0}.preview-playback{border-top:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:14px;min-width:0;padding:12px 20px;display:flex}.preview-playback output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#5b5e64;font-size:12px}.preview-playback input{accent-color:#33373b;flex:1;min-width:32px;max-width:440px;height:28px}.preview-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.preview-tools [data-slot=native-select]{width:auto;height:32px;min-height:32px;padding:4px 28px 4px 10px;font-size:12px}.preview-tools [data-slot=native-select-wrapper] svg{right:8px}.preview-tools [data-slot=button]{font-size:12px}.preview-loading,.preview-error{text-align:center;border:1px solid var(--border);background:#fff;border-radius:6px;max-width:90%;padding:12px 16px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.preview-error{width:340px}.editor-dock{flex-direction:column;grid-area:3/1/auto/-1;min-width:0;min-height:0;display:flex}.editor-dock-tabs{flex-shrink:0;align-items:stretch;gap:20px;height:48px;padding:0 24px;display:flex}.editor-dock-tablist{align-items:stretch;gap:inherit;display:flex}.editor-dock-tabs button{color:#72757b;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:0 2px;font-size:13px;display:inline-flex}.editor-dock-tabs button[aria-selected=true]{border-bottom-color:var(--ring);color:#202124}.clip-count{color:#72757b;margin-left:1px;font-size:12px}.editor-dock-tabs .mobile-media-tab,.editor-dock-tabs .compact-template-tab{display:none}.editor-dock-content{flex:1;min-width:0;min-height:0}.clip-grid{flex-direction:column;height:100%;min-height:0;display:flex}.clip-grid-body{flex:1;min-height:0;display:flex}.look-options{background:var(--muted);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.look-option{min-height:34px;color:var(--muted-foreground);border-radius:7px;font-size:13px;font-weight:500}.look-option:hover{color:var(--foreground)}.look-option[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000001f}.clip-grid-fixed{border-right:1px solid var(--border);flex:0 0 174px;padding:18px 16px 22px 24px;overflow:auto}.clip-grid-fixed .slot-action{opacity:1;pointer-events:auto}.clip-grid-body[data-has-fixed] .media-slot-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.media-slot-drag-handle{color:#fff;background:#202124b8;border-radius:3px;width:16px;height:16px;position:absolute;bottom:6px;right:6px}.media-slot:has(.media-slot-drag-handle) .slot-replace{top:50%;transform:translate(-50%,-50%)}.media-slot-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:16px 14px;min-width:0;min-height:0;margin:0;padding:18px 24px 22px;list-style:none;display:grid;overflow:auto}.media-slot-grid li{min-width:0}.media-slot{min-width:0;position:relative}.media-slot-card{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.crop-image{background:var(--muted);width:100%;position:relative;overflow:hidden}.crop-image img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-slot .crop-image{border-radius:5px}.media-slot[data-selected] .crop-image{outline:2px solid var(--ring);outline-offset:3px}.media-slot[data-hidden] .crop-image{opacity:.35}.media-slot-number,.media-slot-backdrop{text-align:center;color:#fff;background:#202124b8;border-radius:4px;min-width:22px;padding:1px 5px;font-size:11px;position:absolute;top:6px;left:6px}.media-slot-backdrop{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.clip-grid-fixed .slot-replace{top:50%;transform:translate(-50%,-50%)}.composition-media-tray{border:1px solid var(--border);background:var(--background);z-index:40;border-radius:12px;width:min(1120px,100vw - 32px);padding:14px;box-shadow:0 8px 32px #20212426,0 2px 6px #2021240a}.composition-tray-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d6d8da transparent;gap:16px;padding:5px 5px 10px;display:flex;overflow-x:auto}.composition-tray-fixed,.composition-tray-sequence{flex-shrink:0;gap:12px;display:flex}.composition-tray-fixed{border-right:1px solid var(--border);padding-right:16px}.composition-media-tray .media-slot{flex:0 0 100px;width:100px}.composition-media-tray .crop-image{border-radius:8px}.composition-media-tray .slot-replace{opacity:1;pointer-events:auto;top:50%;transform:translate(-50%,-50%)}.composition-tray-arrow{fill:var(--background)}.media-slot-label{justify-content:space-between;align-items:center;gap:8px;margin:7px 2px 0;font-size:11px;display:flex}.media-slot-label svg{color:#93969b;width:12px;height:12px}.slot-action,.slot-replace{color:#fff;opacity:0;pointer-events:none;background:#2021248c;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:opacity .12s,background-color .12s,color .12s;display:flex;position:absolute;top:32%;left:50%;transform:translate(-50%,-25%)}.slot-action svg,.slot-replace svg{stroke-width:1.8px;width:18px;height:18px}.slot-action:hover,.slot-replace:hover{background:#202124b3}.slot-action[data-state=open]{color:#fff;background:#202124d9}.media-slot:hover .slot-action,.media-slot:focus-within .slot-action,.media-slot[data-selected] .slot-action,.media-slot:hover .slot-replace,.media-slot:focus-within .slot-replace,.media-slot[data-selected] .slot-replace,.slot-action[data-state=open]{opacity:1;pointer-events:auto}.slot-hidden-icon{position:absolute;top:8px;right:8px}.media-panel-note{color:#72757b;padding:0 24px 8px;font-size:11px}.media-library{flex-direction:column;height:100%;min-height:0;display:flex;container:media-library/inline-size}.media-library-heading{align-items:center;gap:8px;padding:18px 20px 14px;display:flex}.media-library-heading h2{font-size:14px}.media-library-heading>span{color:#72757b;font-size:11px}.media-search{flex-shrink:0;margin:0 20px 16px}.media-library-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px 12px;min-height:0;padding:0 20px 20px;display:grid;overflow:auto}@container media-library (width>=440px){.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.media-import-tile{aspect-ratio:16/9;background:#f5f5f6;border-radius:5px;flex-direction:column;justify-content:center;align-self:start;align-items:center;gap:7px;font-size:12px;display:flex}.media-import-tile:hover{background:#eeeef0}.media-import-tile svg{width:22px;height:22px}.library-asset{text-align:left;background:0 0;align-self:start;min-width:0;display:block}.library-asset-image{aspect-ratio:16/9;background:#ececee;border-radius:5px;display:block;position:relative;overflow:hidden}.library-asset img{object-fit:contain;width:100%;height:100%;display:block}.library-asset[aria-pressed=true] .library-asset-image{outline:2px solid var(--brand);outline-offset:2px}.library-asset-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;display:block;overflow:hidden}.asset-check{background:var(--brand);color:#fff;border-radius:3px;position:absolute;top:5px;right:5px}.asset-check svg{width:16px;height:16px}.media-video-badge{color:#fff;pointer-events:none;background:#202124b8;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;font-size:11px;line-height:16px;display:flex;position:absolute;bottom:6px;right:6px}.media-video-badge svg{width:12px;height:12px}.media-slot .media-video-badge{left:6px;right:auto}.media-library-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:5px;padding:12px 16px;display:flex}.media-library-actions>span{color:#72757b;margin-right:auto;font-size:11px}.media-library-actions [data-slot=button]:last-child{margin-left:auto}.media-error{color:#9c2929;margin:0;padding:12px 20px;font-size:12px}.media-empty{color:#72757b;padding-top:12px;font-size:12px}.file-input{display:none}.editor-context-menu{z-index:60;min-width:180px;max-height:var(--radix-dropdown-menu-content-available-height);background:#fff;border:1px solid #e7e7ea;border-radius:9px;padding:5px;overflow:auto;box-shadow:0 8px 32px #00000016}.editor-context-menu [role=menuitem]{cursor:pointer;border-radius:4px;outline:none;align-items:center;gap:10px;min-height:34px;padding:8px 10px;font-size:12px;display:flex}.editor-context-menu [role=menuitem][data-highlighted]{background:#f0f1f1}.editor-context-menu [role=menuitem][data-disabled]{opacity:.35;pointer-events:none}.editor-context-menu [role=separator]{background:#e7e7ea;height:1px;margin:4px 5px}.editor-context-menu [role=menuitem] svg:last-child:not(:first-child){margin-left:auto}.position-menu{min-width:135px;max-height:280px}.editor-timeline{--timeline-label-width:168px;height:100%;padding:0 28px 18px 0;overflow:auto}.editor-timeline[data-icon-only]{--timeline-label-width:48px}.editor-timeline[data-icon-only] .timeline-row-label{justify-content:center;padding-right:0}.timeline-content{min-width:640px;position:relative}.timeline-ruler,.timeline-row{grid-template-columns:var(--timeline-label-width) minmax(0, 1fr);display:grid}.timeline-ruler{z-index:4;background:#fff;height:40px;position:sticky;top:0}.timeline-ruler>span{color:#72757b;padding:8px 12px;font-size:11px}.timeline-ruler>div{position:relative}.timeline-ticks{color:#72757b;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;inset:0}.timeline-tick{background:#d5d7da;width:1px;height:5px;position:absolute;bottom:4px}.timeline-tick[data-major]{background:#b3b6bb;height:11px}.timeline-tick>span{white-space:nowrap;margin-bottom:3px;padding-left:4px;line-height:12px;position:absolute;bottom:100%;left:0}.timeline-tick[data-last]>span{padding:0 4px 0 0;left:auto;right:0}.timeline-ruler input{opacity:0;cursor:ew-resize;width:100%;margin:0;position:absolute;inset:0}.timeline-ruler:focus-within{outline:2px solid var(--ring);outline-offset:-2px}.timeline-row{align-items:center;min-height:44px}.timeline-row[data-summary]{min-height:120px}.timeline-row[data-summary] .timeline-lane{height:104px}.timeline-row[data-summary] .timeline-item{height:100%}.timeline-row[data-summary] .timeline-clip-title{color:#fff;background:#202124b8;border-radius:6px;justify-content:center;margin:0;padding:7px 12px;font-size:13px;font-weight:500}.timeline-row[data-summary] .timeline-filmstrip img{opacity:1}.timeline-row[data-summary] .timeline-clip{justify-content:center}.timeline-trim-handle{z-index:2;cursor:ew-resize;touch-action:none;place-items:center;width:18px;display:grid;position:absolute;top:0;bottom:0}.timeline-trim-handle[data-edge=start]{left:0}.timeline-trim-handle[data-edge=end]{right:0}.timeline-trim-handle:after{content:"";width:6px;height:min(28px,60%);box-shadow:0 0 0 1.5px var(--brand), 0 1px 3px #0000004d;background:#fff;border-radius:3px}.timeline-trim-handle:hover:after,.timeline-trim-handle:focus-visible:after{background:var(--brand)}.timeline-trim-handle:focus-visible{outline:none}.timeline-clip-duration{color:#fff;background:#202124b8;border-radius:3px;padding:1px 5px;font-size:11px;position:absolute;bottom:5px;left:8px}.timeline-row-label{z-index:2;background:#fff;align-items:center;gap:7px;height:44px;padding-right:6px;display:flex;position:sticky;left:0}.timeline-row-label>span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.timeline-row-label>svg{color:#72757b;width:14px}.timeline-visibility{color:#72757b;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:32px;margin-left:auto;display:flex}.timeline-visibility svg{width:14px;height:14px}.timeline-expand{flex-shrink:0;align-items:center;display:flex}.timeline-lane{background:#f5f5f6;border-radius:4px;height:36px;position:relative}.timeline-item{background:#e5e9e6;border-radius:4px;min-width:3px;height:36px;position:absolute;overflow:hidden}.timeline-item-text{background:#e1e9ec}.timeline-item-graphic{background:#e9e5ed}.timeline-item-media,.timeline-item-group{background:#e3e5e7}.timeline-item[data-selected]{outline:2px solid var(--ring);outline-offset:1px}.timeline-row[data-hidden] .timeline-item{opacity:.35}.timeline-clip{text-align:left;align-items:center;width:100%;height:100%;display:flex;position:relative}.timeline-filmstrip{display:flex;position:absolute;inset:0}.timeline-filmstrip img{object-fit:cover;opacity:.65;flex:1;width:0;min-width:0}.timeline-clip-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:2px 10px;font-size:10px;display:flex;position:relative;overflow:hidden}.timeline-clip-title svg{width:12px;height:12px}.timeline-filmstrip+.timeline-clip-title{background:#ffffffde;border-radius:3px;margin-left:6px}.timeline-item .slot-action{width:30px;height:30px;top:3px;left:auto;right:4px;transform:none}.timeline-item:hover .slot-action,.timeline-item:focus-within .slot-action,.timeline-item[data-selected] .slot-action{opacity:1;pointer-events:auto}.timeline-playhead-track{left:var(--timeline-label-width);pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;right:0}.timeline-playhead{--playhead-color:var(--brand);left:var(--position,0%);pointer-events:none;flex-direction:column;align-items:center;width:44px;margin-left:-22px;display:flex;position:absolute;top:4px;bottom:-10px}.timeline-playhead-time{pointer-events:auto;cursor:ew-resize;touch-action:none;background:var(--playhead-color);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;flex:none;padding:0 7px;font-size:11px;font-weight:600;line-height:20px;transition:transform .12s;position:relative;box-shadow:0 1px 4px #20212440}.timeline-playhead-time:after{content:"";border:4px solid #0000;border-top-color:var(--playhead-color);margin-left:-4px;position:absolute;top:100%;left:50%}.timeline-playhead[data-dragging] .timeline-playhead-time{transform:scale(1.06)}.timeline-playhead-line{background:var(--playhead-color);border-radius:2px;flex:1;width:3px;margin-top:4px;box-shadow:0 0 0 1px #ffffffb3}.editor-message{text-align:center;min-height:60vh;padding:100px 24px}.editor-message h1{margin-bottom:18px;font-size:36px}.editor-message p{color:var(--site-muted);margin:0 auto 24px}.dialog-body{overscroll-behavior:contain;min-height:0;padding:24px;overflow:auto}.crop-dialog{max-width:600px}.crop-dialog .dialog-body{padding:20px 24px}.crop-reset{margin-right:auto}.crop-stage{--crop-height:min(460px, calc(100dvh - 300px));background:var(--muted);border-radius:10px;justify-content:center;width:100%;min-width:0;padding:16px;display:flex}.crop-source{width:min(100%, calc(var(--crop-height) * var(--source-ratio)));aspect-ratio:var(--source-ratio);user-select:none;border-radius:4px;position:relative;overflow:hidden}.crop-source>img,.crop-source>video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.crop-window{cursor:grab;touch-action:none;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 999px #202124a6}.crop-window:active{cursor:grabbing}.crop-window:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.crop-grid{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff80 0 calc(33.33% + .5px),#0000 0 calc(66.67% - .5px),#ffffff80 0 calc(66.67% + .5px),#0000 0),linear-gradient(#0000 calc(33.33% - .5px),#ffffff80 0 calc(33.33% + .5px),#0000 0 calc(66.67% - .5px),#ffffff80 0 calc(66.67% + .5px),#0000 0);transition:opacity .15s;position:absolute;inset:0}.crop-window:active .crop-grid,.crop-window:focus-visible .crop-grid{opacity:1}.crop-guide{z-index:1;pointer-events:none;opacity:0;filter:drop-shadow(0 0 1px #202124cc);position:absolute}.crop-guide[data-axis=x]{background:repeating-linear-gradient(#fff 0 6px,#0000 6px 10px);width:1.5px;top:0;bottom:0;left:calc(50% - .75px)}.crop-guide[data-axis=y]{background:repeating-linear-gradient(90deg,#fff 0 6px,#0000 6px 10px);height:1.5px;top:calc(50% - .75px);left:0;right:0}.crop-source[data-active] .crop-guide,.crop-source:has(.crop-window:focus-visible) .crop-guide{opacity:1}.crop-corner{filter:drop-shadow(0 0 2px #20212499);border:4px solid #fff;width:22px;height:22px;position:absolute}.crop-corner[data-corner=nw]{cursor:nwse-resize;border-bottom:0;border-right:0;top:-2px;left:-2px}.crop-corner[data-corner=ne]{cursor:nesw-resize;border-bottom:0;border-left:0;top:-2px;right:-2px}.crop-corner[data-corner=sw]{cursor:nesw-resize;border-top:0;border-right:0;bottom:-2px;left:-2px}.crop-corner[data-corner=se]{cursor:nwse-resize;border-top:0;border-left:0;bottom:-2px;right:-2px}.trim-editor{gap:16px;display:grid}.trim-video{object-fit:contain;background:var(--muted);border-radius:6px;width:100%;height:min(40vh,340px);display:block}.trim-playback{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:10px;display:flex}.trim-playback>span,.trim-times,.trim-note{color:var(--muted-foreground)}.trim-filmstrip{touch-action:none;cursor:ew-resize;background:var(--muted);border-radius:5px;height:72px;margin:4px;position:relative;overflow:hidden}.trim-filmstrip:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.trim-thumbnails{pointer-events:none;display:flex;position:absolute;inset:0}.trim-thumbnails img{object-fit:cover;flex:1;width:0;min-width:0;height:100%}.trim-selection{border:3px solid var(--ring);pointer-events:none;border-radius:5px;position:absolute;inset-block:0;box-shadow:0 0 0 999px #ffffffad}.trim-selection>span{color:#fff;background:#202124b8;border-radius:3px;padding:1px 5px;font-size:11px;position:absolute;top:4px;left:4px}.trim-playhead{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:1px 0 #202124}.trim-times{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.trim-note{font-size:12px}.import-progress{gap:18px;display:grid}.import-progress p:last-child{color:var(--muted-foreground);font-size:13px}@media (width<=1050px) and (width>=761px){.preview-playback{gap:8px;padding-inline:12px}.preview-playback output{font-size:10px}.preview-tools{gap:6px}}@media (width<=1100px){.editor-dock-tabs .compact-template-tab{display:inline-flex}.editor-workspace[data-panel=template] .editor-dock-content{visibility:hidden;pointer-events:none}.editor-template{border-left:0;grid-area:3/1/auto/-1;margin-top:48px}}@media (width<=760px){.editor-shell{min-height:560px}.editor-header{gap:5px;height:56px;padding:6px 8px}.editor-header h1{font-size:12px}.editor-save-status{font-size:11px}.editor-history{gap:0}.editor-header [data-export]{padding-inline:9px;font-size:12px}.editor-header [data-export] svg{display:none}.editor-workspace,.editor-workspace[data-template-sidebar]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--preview-min-height), 1fr) 8px 46px calc(var(--dock-height) - 46px)}.editor-preview-region{grid-area:1/1}.panel-resizer-vertical{display:none}.panel-resizer-horizontal{grid-row:2}.editor-dock{display:contents}.editor-dock-tabs{grid-area:3/1;gap:0;height:46px;padding-inline:8px}.editor-dock-tablist{flex:var(--tab-count) 1 0}.editor-dock-tabs button{flex:1 1 0;justify-content:center;gap:5px;font-size:12px}.editor-dock-tabs .clip-count{display:none}.editor-dock-content{grid-area:4/1}.editor-dock-tabs .mobile-media-tab{display:inline-flex}.editor-media{grid-area:4/1;display:none}.editor-template{grid-area:4/1;margin-top:0}.template-panel-content{padding:16px}.editor-workspace[data-panel=media] .editor-media{display:block}.editor-workspace[data-panel=media] .editor-dock-content{display:none}.editor-canvas{margin:12px 16px}.preview-playback{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:0 8px;padding:4px 12px;display:grid}.preview-playback output{grid-area:1/3;font-size:11px}.preview-playback input{grid-area:1/2;height:28px}.preview-playback [aria-label=Play\ preview],.preview-playback [aria-label=Pause\ preview]{grid-area:1/1}.preview-playback [aria-label=Restart\ preview]{display:none}.preview-tools{display:contents}.preview-tools>div{grid-area:1/4}.media-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;padding:16px}.clip-grid-fixed{flex-basis:100px;padding:16px 10px 16px 12px}.clip-grid-body[data-has-fixed] .media-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12px}.media-slot-label{font-size:10px}.media-slot-number{min-width:18px;padding:1px 4px;font-size:10px}.slot-action{width:36px;height:36px;top:18%;transform:translate(-50%)}.media-library-heading{display:none}.media-search{margin:10px 16px}.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-inline:16px}.media-library-actions{padding:6px 12px}.dialog-body{padding:20px}.crop-stage{--crop-height:min(480px, calc(100dvh - 260px))}}@media (width<=760px),(pointer:coarse){.editor-shell [data-slot=button],.editor-context-menu [role=menuitem],.editor-shell [data-slot=input],.editor-shell [data-slot=native-select]{min-height:44px}.media-slot[data-selected] .slot-action,.timeline-visibility{width:44px;height:44px}.timeline-expand{min-width:24px;min-height:44px}}.editor-dock-view{height:100%;min-height:0}.preview-playback input{appearance:none;background:0 0}.preview-playback input::-webkit-slider-runnable-track{background:linear-gradient(to right, #34373b var(--progress,0%), #e0e1e4 var(--progress,0%));border-radius:4px;height:3px}.preview-playback input::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #d8dadd;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 1px 3px #0002}.preview-playback input::-moz-range-track{background:#e0e1e4;height:3px}.preview-playback input::-moz-range-progress{background:#34373b;height:3px}.preview-playback input::-moz-range-thumb{background:#fff;border:1px solid #d8dadd;border-radius:50%;width:14px;height:14px}.preview-playback [aria-label=Play\ preview] svg{fill:currentColor}.arrange-dialog{width:min(960px,100vw - 48px);max-width:960px;height:var(--editor-dialog-height)}.arrange-dialog .dialog-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.arrange-clips{flex-direction:column;flex:1;min-height:0;display:flex}.arrange-clips .clip-grid{flex:1;min-height:0}.arrange-tools{align-items:center;gap:2px;margin-right:auto;display:flex}.arrange-unsaved{color:var(--muted-foreground);align-items:center;gap:6px;margin-right:6px;font-size:12px;display:flex}.arrange-unsaved:before{content:"";background:#c58b2a;border-radius:50%;width:6px;height:6px}.discard-dialog,.draft-dialog{max-width:420px}.discard-message,.draft-message{color:var(--muted-foreground);margin:0}.arrange-banner{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 24px;font-size:13px;display:flex}.arrange-banner>span:first-child{flex:1}.arrange-banner>[role=progressbar]{flex:0 0 160px}.arrange-banner[data-tone=suggest]{background:color-mix(in srgb, var(--ring) 9%, #fff)}.arrange-banner[data-tone=done]{color:var(--ring)}.dock-arrange{border-radius:8px;align-self:center;height:32px;margin-left:auto;font-weight:500;border:1px solid var(--border)!important;color:#202124!important;background:#fff!important;padding:0 12px!important}.dock-arrange:hover{background:var(--muted)!important}.dock-arrange svg{width:16px;height:16px}@media (width<=760px){.arrange-dialog{width:100%;max-width:none;height:100dvh}.arrange-clips .clip-grid-body{flex-direction:column}.arrange-clips .clip-grid-fixed{border-right:0;flex:none;width:140px;padding:14px 16px 0}.arrange-banner{flex-wrap:wrap;gap:8px;padding:10px 16px}.arrange-banner>span:first-child{flex-basis:100%}.arrange-banner .button,.arrange-banner button{min-height:44px}.editor-dock-tabs .dock-arrange{border-radius:0;flex:1;justify-content:center;align-self:stretch;gap:5px;height:auto;min-height:44px;margin-left:0;font-size:12px;font-weight:400;color:var(--muted-foreground)!important;background:0 0!important;border:0!important;border-bottom:2px solid #0000!important;padding:0 2px!important}.editor-dock-tabs .dock-arrange:hover{color:var(--foreground)!important}.editor-dock-tabs .dock-arrange .clip-count,.dock-arrange-noun{display:none}.arrange-dialog [data-slot=dialog-footer]{gap:6px;padding:12px}.arrange-dialog [data-slot=dialog-footer] button{min-height:44px}}.media-slot .slot-action{border-radius:6px;width:28px;height:28px;top:auto;bottom:6px;left:6px;transform:none}.media-slot:has(.media-slot-label) .slot-action{bottom:28px}.clip-grid-fixed .slot-replace{opacity:1;pointer-events:auto}.replace-dialog{height:var(--editor-dialog-height)}.replace-dialog .dialog-body{flex-direction:column;flex:1;gap:20px;display:flex}.replace-comparison{justify-content:center;align-items:center;gap:24px;display:flex}.replace-comparison>div{width:104px;min-width:0}.replace-comparison span{color:var(--muted-foreground);margin-bottom:8px;font-size:12px;display:block}.replace-comparison .crop-image,.replace-candidate,.replace-placeholder{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.replace-placeholder{background:var(--muted);color:var(--muted-foreground);font:inherit;cursor:pointer;border:0;place-items:center;font-size:12px;display:grid}.replace-placeholder:hover{background:var(--accent)}.replace-placeholder:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.replace-dialog [data-slot=tabs]{flex:1;min-height:220px}.replace-dialog [data-slot=tabs-content]:not([hidden]){flex-direction:column;display:flex}.replace-dialog [data-slot=tabs-list]{margin-bottom:16px;padding-inline:0}.replace-media-grid{overscroll-behavior:contain;border:0;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:16px;min-height:0;margin:0;padding:16px 3px 3px;display:grid;overflow:auto}.replace-media-grid:empty{flex:none;padding:0}.replace-dropzone{border:1px dashed var(--border);background:var(--muted);width:100%;min-height:160px;color:var(--foreground);text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.replace-dropzone[data-dragging],.replace-dropzone:hover:not(:disabled){border-color:var(--ring)}.replace-dropzone:focus-visible,.slot-replace:focus-visible,.slot-action:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.replace-dropzone:disabled{opacity:.5;cursor:default}.replace-dropzone span,.replace-upload-note{color:var(--muted-foreground);font-size:12px}.replace-upload-note{margin-top:12px}@media (width<=760px),(pointer:coarse){.media-slot{grid-template-columns:minmax(0,1fr);display:grid}.media-slot-card{grid-area:1/1}.media-slot .slot-action,.media-slot .slot-replace,.media-slot:has(.media-slot-drag-handle) .slot-replace{opacity:1;pointer-events:auto;width:44px;height:44px;position:relative;top:auto;bottom:auto;left:auto;transform:none}.media-slot .slot-replace{grid-area:1/1;place-self:center}.media-slot .slot-action,.media-slot:has(.media-slot-label) .slot-action{grid-area:2/1;margin-top:4px;bottom:auto}.replace-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.replace-dialog [data-slot=dialog-footer]{flex-direction:row}.replace-dialog [data-slot=dialog-footer] button{flex:1;min-height:44px}}@media (width<=760px){.replace-dialog{height:100dvh}.discard-dialog,.draft-dialog{border:1px solid var(--border);border-radius:12px;width:calc(100% - 32px);height:auto;max-height:none;padding-block:0;inset:50% auto auto 50%;translate:-50% -50%}}.media-slot-drop-hint{background:color-mix(in srgb, var(--brand) 85%, transparent);color:#fff;pointer-events:none;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:none;position:absolute;inset:0}.media-slot-drop-hint svg{width:20px;height:20px}.media-slot[data-drop-target=replace] .media-slot-drop-hint{display:flex}.media-slot[data-dragging] .media-slot-card{opacity:.4}.media-slot[data-drop-target] .slot-replace{display:none}.media-slot[data-drop-target] .crop-image,.timeline-clip[data-drop-ready]{outline:2px dashed var(--ring);outline-offset:3px}.timeline-drop-hint{background:color-mix(in srgb, var(--brand) 70%, transparent);color:#fff;pointer-events:none;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}@media (width>=761px) and (pointer:fine){.arrange-clips .media-slot-drag-handle{display:none}.arrange-clips .media-slot-card[draggable=true]{cursor:grab}.arrange-clips .media-slot-card[draggable=true]:active{cursor:grabbing}.arrange-clips .media-slot .slot-replace,.arrange-clips .media-slot:has(.media-slot-drag-handle) .slot-replace{opacity:1;pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%)}}.export-dialog{max-width:480px}.export-result{gap:12px;display:grid}.export-stage{width:min(100%, calc(50dvh * var(--ar)));aspect-ratio:var(--ar);border-radius:var(--radius);background:var(--muted);justify-self:center;position:relative;overflow:hidden}.export-stage video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.export-progress{place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.export-stage .export-progress p{color:var(--foreground);font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600}.export-progress [data-slot=progress]{width:220px;max-width:100%}.export-result p{color:var(--muted-foreground);margin:0;font-size:13px}.export-support-notice{color:#5c4515;background:#fff8e8;border-bottom:1px solid #f0d9a8;align-items:center;gap:10px;padding:8px 16px;font-size:12px;line-height:1.4;display:flex}.export-support-notice>svg{flex:none;width:16px;height:16px}.export-support-notice p{flex:1;margin:0}.export-hint{color:var(--muted-foreground);font-size:12px}