:root{--editor-bg:#f7f7f8;--editor-surface:#fff;--editor-surface-secondary:#f1f1f3;--editor-surface-hover:#e9e9ec;--editor-canvas-bg:#111;--editor-text:#151515;--editor-text-muted:#6b6b72;--editor-border:#e4e4e8;--editor-border-subtle:#ececef;--editor-accent:#f10112;--editor-accent-hover:#ae010d;--editor-accent-contrast:#fff;--editor-accent-soft:#f101121f;--editor-accent-blue:#0d47a1;--editor-accent-blue-hover:#0a3a7f;--editor-accent-blue-soft:#0d47a11a;--editor-accent-blue-shadow:#0d47a14d;--editor-danger:#c62828;--editor-danger-bg:#fdecea;--editor-danger-border:#f3c6c2;--editor-danger-hover-bg:#ffe2df;--editor-record:#e63946;--editor-record-hover:#d62839;--editor-record-shadow:#e6394659;--editor-record-shadow-pulse:#e6394666;--editor-overlay:#0000008c;--editor-overlay-strong:#000000bf;--editor-shadow-sm:0 1px 3px #00000026;--editor-shadow-card:0 10px 30px #0000001a, 0 2px 10px #0000000f;--editor-shadow-bubble:0 10px 30px #00000059, 0 2px 10px #00000040;--editor-scrollbar-thumb:#ccc;--editor-scrollbar-thumb-hover:#999;--editor-blend-mask-round:radial-gradient(circle closest-side at 50% 50%, #000 0%, #000 58%, #000000eb 70%, #000000b8 80%, #0000006b 89%, #00000024 96%, #0000 100%);--editor-blend-mask-rect:radial-gradient(ellipse farthest-corner at 50% 50%, #000 0%, #000 58%, #000000eb 70%, #000000b8 80%, #0000006b 89%, #00000024 96%, #0000 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--editor-bg:#0f0f11;--editor-surface:#18181b;--editor-surface-secondary:#222226;--editor-surface-hover:#2a2a30;--editor-canvas-bg:#000;--editor-text:#f7f7f7;--editor-text-muted:#a6a6ad;--editor-border:#2e2e33;--editor-border-subtle:#27272b;--editor-accent:#f74652;--editor-accent-hover:#f77881;--editor-accent-contrast:#fff;--editor-accent-soft:#f746522e;--editor-accent-blue:#5b9bff;--editor-accent-blue-hover:#7fb0ff;--editor-accent-blue-soft:#5b9bff26;--editor-accent-blue-shadow:#5b9bff59;--editor-danger:#ff6b6b;--editor-danger-bg:#c628282e;--editor-danger-border:#ff6b6b66;--editor-danger-hover-bg:#c6282847;--editor-record:#ff5a67;--editor-record-hover:#ff7a85;--editor-record-shadow:#ff5a6766;--editor-record-shadow-pulse:#ff5a6773;--editor-shadow-sm:0 1px 3px #00000080;--editor-shadow-card:0 10px 30px #0000008c, 0 2px 10px #00000059;--editor-scrollbar-thumb:#3a3a40;--editor-scrollbar-thumb-hover:#4c4c53}}:root[data-theme=dark]{--editor-bg:#0f0f11;--editor-surface:#18181b;--editor-surface-secondary:#222226;--editor-surface-hover:#2a2a30;--editor-canvas-bg:#000;--editor-text:#f7f7f7;--editor-text-muted:#a6a6ad;--editor-border:#2e2e33;--editor-border-subtle:#27272b;--editor-accent:#f74652;--editor-accent-hover:#f77881;--editor-accent-contrast:#fff;--editor-accent-soft:#f746522e;--editor-accent-blue:#5b9bff;--editor-accent-blue-hover:#7fb0ff;--editor-accent-blue-soft:#5b9bff26;--editor-accent-blue-shadow:#5b9bff59;--editor-danger:#ff6b6b;--editor-danger-bg:#c628282e;--editor-danger-border:#ff6b6b66;--editor-danger-hover-bg:#c6282847;--editor-record:#ff5a67;--editor-record-hover:#ff7a85;--editor-record-shadow:#ff5a6766;--editor-record-shadow-pulse:#ff5a6773;--editor-shadow-sm:0 1px 3px #00000080;--editor-shadow-card:0 10px 30px #0000008c, 0 2px 10px #00000059;--editor-scrollbar-thumb:#3a3a40;--editor-scrollbar-thumb-hover:#4c4c53}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#root{flex-direction:column;width:100%;height:100%;display:flex}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--editor-bg);color:var(--editor-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;transition:background-color .15s,color .15s}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}p{margin:0}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--editor-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--editor-scrollbar-thumb-hover)}.layout{background-color:var(--editor-bg);min-height:100vh;color:var(--editor-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .15s,color .15s}.layout-content{max-width:1200px;margin:0 auto;padding:24px}@media (width<=768px){.layout-content{padding:16px}}.reaction-overlay-container{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.reaction-overlay{cursor:grab;background-color:var(--editor-canvas-bg);z-index:10;box-shadow:var(--editor-shadow-bubble);pointer-events:auto;transition:box-shadow .15s;position:absolute;overflow:hidden}.reaction-overlay:hover{box-shadow:var(--editor-shadow-bubble), 0 0 0 2px #1a1a1a}.reaction-overlay.dragging{cursor:grabbing;box-shadow:var(--editor-shadow-bubble), 0 0 0 3px #1a1a1a}.reaction-video{object-fit:cover;width:100%;height:100%;display:block}.reaction-overlay-soft{border-radius:0}.reaction-overlay-round{border-radius:50%;overflow:hidden}.reaction-overlay-square{border-radius:0}.reaction-overlay-square:not(.with-blend){box-shadow:inset 0 0 0 1px #ffffff1a}.reaction-overlay-cutout{border-radius:16px;overflow:hidden}.reaction-overlay-split{cursor:default;border-radius:0;box-shadow:inset 0 0 0 1px #ffffff2e}.reaction-overlay-split:hover,.reaction-overlay-split.dragging{box-shadow:inset 0 0 0 1px #ffffff2e}.reaction-overlay-round.with-blend .reaction-video{-webkit-mask-image:var(--editor-blend-mask-round);-webkit-mask-image:var(--editor-blend-mask-round);mask-image:var(--editor-blend-mask-round)}.reaction-overlay-soft.with-blend .reaction-video,.reaction-overlay-square.with-blend .reaction-video,.reaction-overlay-cutout.with-blend .reaction-video{-webkit-mask-image:var(--editor-blend-mask-rect);-webkit-mask-image:var(--editor-blend-mask-rect);mask-image:var(--editor-blend-mask-rect)}.reaction-overlay-off{background-color:#282c34eb}.reaction-overlay-placeholder{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:12px;font-family:inherit;display:flex}.placeholder-drag-label{color:#fff;letter-spacing:.02em;background-color:#ffffff26;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:500;position:absolute;top:10px;left:50%;transform:translate(-50%)}.placeholder-icon{color:#1a1a1a;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:18px;display:flex}.placeholder-title{font-size:14px;font-weight:700}.placeholder-subtitle{color:#ffffffb3;text-align:center;font-size:11px}.drag-indicator{color:#fff;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#1a1a1ae6;border-radius:6px;padding:12px 24px;font-size:13px;font-weight:500;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.reaction-overlay{cursor:move}.reaction-overlay:hover{box-shadow:0 0 0 1px #1a1a1a}.reaction-overlay.dragging{box-shadow:0 0 0 2px #1a1a1a}}@media (width<=480px){.reaction-overlay{transition:none}.blend-mask{opacity:.8}}.caption-display{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.caption-display-editable{pointer-events:none}.caption-safe-area{pointer-events:none;z-index:5;background-color:#ff00000d;border:2px dashed #ff00004d;border-radius:12px;position:absolute}.caption-text-wrapper{max-width:85%;animation:.3s ease-in fadeIn;display:inline-block;position:absolute}.caption-text-wrapper.draggable{pointer-events:auto;cursor:grab}.caption-text-wrapper.draggable:hover{outline-offset:4px;outline:1px dashed #ffffff80}.caption-text-wrapper.dragging{cursor:grabbing;outline:1px solid var(--editor-accent);outline-offset:4px}.caption-text{word-wrap:break-word;white-space:pre-wrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:0 2px 4px #0000004d;border-radius:6px;padding:12px 16px;font-weight:600;line-height:1.4;display:inline-block}.caption-resize-handle{background-color:var(--editor-accent);cursor:nwse-resize;pointer-events:auto;opacity:0;border:2px solid #fff;border-radius:50%;width:16px;height:16px;padding:0;transition:opacity .15s;position:absolute;bottom:-6px;right:-6px;box-shadow:0 1px 3px #0006}.caption-text-wrapper.draggable:hover .caption-resize-handle,.caption-text-wrapper.dragging .caption-resize-handle{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collapsible-section{border-bottom:1px solid var(--editor-border-subtle);padding:14px 0}.collapsible-section:last-child{border-bottom:none;padding-bottom:0}.collapsible-header{width:100%;color:var(--editor-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:13px;font-weight:600;display:flex}.collapsible-chevron{color:var(--editor-text-muted);font-size:14px;transition:transform .15s}.collapsible-chevron.open{transform:rotate(180deg)}.collapsible-body{flex-direction:column;gap:12px;margin-top:12px;display:flex}.toggle-switch{background-color:var(--editor-border);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:40px;height:24px;padding:0;transition:background-color .15s;position:relative}.toggle-switch.on{background-color:var(--editor-accent)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{width:20px;height:20px;box-shadow:var(--editor-shadow-sm);background-color:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-knob{transform:translate(16px)}.trim-slider{flex-direction:column;gap:8px;display:flex}.trim-slider-track{background-color:var(--editor-border);border-radius:3px;height:6px;margin:12px 8px;position:relative}.trim-slider-range{background-color:var(--editor-accent);border-radius:3px;position:absolute;top:0;bottom:0}.trim-slider-handle{background-color:var(--editor-accent);border:2px solid var(--editor-surface);width:18px;height:18px;box-shadow:var(--editor-shadow-sm);cursor:grab;touch-action:none;border-radius:50%;margin-left:-9px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.trim-slider-handle:active,.trim-slider-handle.dragging{cursor:grabbing;transform:translateY(-50%)scale(1.15)}.trim-slider-times{color:var(--editor-text-muted);justify-content:space-between;font-family:Monaco,Courier New,monospace;font-size:11px;font-weight:600;display:flex}.filter-gallery{flex-direction:column;gap:18px;display:flex}.filter-shelf{flex-direction:column;gap:8px;display:flex}.filter-shelf-header{justify-content:space-between;align-items:baseline;display:flex}.filter-shelf-title{color:var(--editor-text);font-size:13px;font-weight:700}.filter-shelf-viewall{color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.filter-shelf-viewall:hover{color:var(--editor-accent)}.filter-shelf-items.scroll{scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-shelf-items.scroll::-webkit-scrollbar{display:none}.filter-shelf-items.grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;display:grid}.filter-swatch-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:64px;padding:0;display:flex}.filter-swatch-preview{width:64px;height:64px;box-shadow:inset 0 0 0 1.5px var(--editor-border-subtle);background-image:linear-gradient(135deg,#ff9a56 0%,#ff6b9d 25%,#a855f7 50%,#3b82f6 75%,#10b981 100%);background-position:50%;background-size:cover;border-radius:12px;transition:box-shadow .15s,transform .15s;display:block}.filter-swatch-item:hover .filter-swatch-preview{transform:scale(1.04)}.filter-swatch-item.active .filter-swatch-preview{box-shadow:0 0 0 2px var(--editor-accent)}.filter-swatch-label{color:var(--editor-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:10.5px;font-weight:600;overflow:hidden}.filter-swatch-item.active .filter-swatch-label{color:var(--editor-accent)}.filter-gallery.compact{gap:0}.filter-gallery.compact .filter-shelf-header{display:none}.filter-gallery.compact .filter-swatch-item{width:48px}.filter-gallery.compact .filter-swatch-preview{border-radius:10px;width:48px;height:48px}.filter-gallery.compact .filter-swatch-label{max-width:48px}.settings-panel{flex-direction:column;padding:20px;display:flex}.settings-panel-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.settings-panel-header h2{color:var(--editor-text);margin:0;font-size:15px;font-weight:700}.close-all-button{color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 8px;font-size:12px}.close-all-button:hover{background-color:var(--editor-surface-secondary);color:var(--editor-text)}.settings-primary-button{background-color:var(--editor-accent);width:100%;color:var(--editor-accent-contrast);cursor:pointer;border:none;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:600;transition:background-color .15s}.settings-primary-button:hover:not(:disabled){background-color:var(--editor-accent-hover)}.settings-primary-button:disabled{opacity:.5;cursor:not-allowed}.settings-hint{color:var(--editor-text-muted);text-align:center;margin:0;font-size:12px}.settings-button-row{gap:8px;display:flex}.settings-secondary-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text);cursor:pointer;border-radius:10px;flex:1;padding:10px 12px;font-size:12px;font-weight:600;transition:background-color .15s}.settings-secondary-button:hover{background-color:var(--editor-surface-hover)}.settings-secondary-button:disabled{opacity:.5;cursor:not-allowed}.settings-danger-button{background-color:var(--editor-surface);border:1px solid var(--editor-danger-border);color:var(--editor-danger);cursor:pointer;border-radius:10px;flex:1;padding:10px 12px;font-size:12px;font-weight:600;transition:all .15s}.settings-danger-button:hover{background-color:var(--editor-danger-bg);border-color:var(--editor-danger)}.settings-toggle-row,.settings-row-header{color:var(--editor-text);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.settings-value{color:var(--editor-text-muted);font-weight:600}.settings-slider{appearance:none;background:var(--editor-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:4px}.settings-slider::-webkit-slider-thumb{appearance:none;background-color:var(--editor-accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--editor-shadow-sm);border-radius:50%}.settings-slider::-moz-range-thumb{background-color:var(--editor-accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--editor-shadow-sm);border:none;border-radius:50%}.settings-select{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);width:100%;color:var(--editor-text);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:12px}.settings-select:disabled{opacity:.5;cursor:not-allowed}.settings-color-input{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);cursor:pointer;border-radius:8px;width:100%;height:38px;padding:2px}.settings-caption-preview{word-break:break-word;border-radius:6px;justify-content:center;align-items:center;min-height:40px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.settings-pill-group{flex-wrap:wrap;gap:6px;display:flex}.settings-pill{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border-subtle);color:var(--editor-text-muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s}.settings-pill:hover{background-color:var(--editor-surface-hover)}.settings-pill:disabled{opacity:.5;cursor:not-allowed}.settings-pill.active{background-color:var(--editor-accent);border-color:var(--editor-accent);color:var(--editor-accent-contrast)}.settings-text-input{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);width:100%;color:var(--editor-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.settings-text-input:disabled{opacity:.5;cursor:not-allowed}.settings-text-input:focus,.settings-select:focus{border-color:var(--editor-accent);outline:none}.settings-subgroup{flex-direction:column;gap:10px;padding-top:14px;display:flex}.settings-subgroup:first-child{padding-top:0}.settings-subgroup+.settings-subgroup{border-top:1px solid var(--editor-border-subtle)}.settings-subsection-label{color:var(--editor-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.mobile-settings{display:none}@media (width<=768px){.settings-panel-desktop{display:none}.mobile-settings{display:contents}.mobile-tab-bar{z-index:50;background-color:var(--editor-surface);border-top:1px solid var(--editor-border-subtle);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab-button{color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:10.5px;font-weight:600;display:flex}.mobile-tab-button.active{color:var(--editor-accent)}.mobile-tab-icon{display:flex}.mobile-sheet-backdrop{z-index:55;background-color:var(--editor-overlay);cursor:pointer;border:none;padding:0;position:fixed;inset:0}.mobile-sheet{z-index:60;background-color:var(--editor-surface);max-height:72vh;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:var(--editor-shadow-card);border-radius:20px 20px 0 0;animation:.2s mobile-sheet-slide-up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes mobile-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-sheet-header h3{color:var(--editor-text);margin:0;font-size:15px;font-weight:700}.mobile-sheet-close{background-color:var(--editor-surface-secondary);width:28px;height:28px;color:var(--editor-text-muted);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:13px;display:flex}.mobile-sheet-close:hover{background-color:var(--editor-surface-hover)}.mobile-sheet-body{flex-direction:column;gap:12px;display:flex}}.recording-preview{background-color:var(--editor-surface);border:1px solid var(--editor-border);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.preview-trim{border-top:1px solid var(--editor-border-subtle);flex-direction:column;gap:4px;padding-top:10px;display:flex}.preview-trim-label{color:var(--editor-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.preview-trim .preview-hint{text-align:left}.preview-cuts,.preview-audio{border-top:1px solid var(--editor-border-subtle);flex-direction:column;gap:8px;padding-top:10px;display:flex}.preview-cuts .preview-hint{text-align:left;margin:0}.cuts-mark-row{align-items:center;gap:8px;display:flex}.cuts-mark-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text);cursor:pointer;border-radius:4px;flex:1;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s}.cuts-mark-button:hover:not(:disabled){border-color:var(--editor-accent-blue);color:var(--editor-accent-blue)}.cuts-mark-button:disabled{opacity:.5;cursor:not-allowed}.cuts-cancel-button,.cuts-delete-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);width:28px;height:28px;color:var(--editor-text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.cuts-cancel-button:hover,.cuts-delete-button:hover{background-color:var(--editor-danger-bg);border-color:var(--editor-danger-border);color:var(--editor-danger)}.cuts-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cuts-item{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border-subtle);color:var(--editor-text);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600;display:flex}.preview-audio-track{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border-subtle);color:var(--editor-text);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.preview-audio-upload{background-color:var(--editor-surface-secondary);border:1px dashed var(--editor-border);color:var(--editor-text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.preview-audio-upload:hover{border-color:var(--editor-accent-blue);color:var(--editor-accent-blue)}.preview-volume-row{grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;display:grid}.preview-volume-row label{color:var(--editor-text-muted);font-size:12px;font-weight:600}.preview-volume-value{color:var(--editor-text-muted);text-align:right;font-family:Monaco,Courier New,monospace;font-size:11px;font-weight:600}.preview-header{border-bottom:1px solid var(--editor-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:12px;display:flex}.preview-header h3{color:var(--editor-text);margin:0;font-size:14px;font-weight:600}.preview-close-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);width:28px;height:28px;color:var(--editor-text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.preview-close-button:hover{background-color:var(--editor-surface-hover);border-color:var(--editor-border);color:var(--editor-text)}.preview-empty{text-align:center;min-height:120px;color:var(--editor-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.preview-empty p{margin:4px 0;font-size:13px}.preview-hint{color:var(--editor-text-muted);opacity:.8;font-size:12px!important}.preview-video-container{background-color:var(--editor-canvas-bg);border-radius:6px;width:100%;max-height:360px;margin:0 auto;position:relative;overflow:hidden}.preview-load-error{text-align:center;color:#fff;background-color:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.preview-load-error-detail{color:#ffffffbf;font-size:11px;font-weight:400}.preview-source-video{object-fit:contain;width:100%;height:100%;display:block}.preview-controls{align-items:center;gap:12px;padding:8px 0;display:flex}.preview-play-button{background-color:var(--editor-accent-blue);border:1px solid var(--editor-accent-blue);color:#fff;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.preview-play-button:hover{background-color:var(--editor-accent-blue-hover);border-color:var(--editor-accent-blue-hover)}.preview-timeline{flex:1;align-items:center;height:24px;display:flex}.preview-seek-bar{appearance:none;background:linear-gradient(to right, var(--editor-accent-blue) 0%, var(--editor-accent-blue) 50%, var(--editor-border) 50%, var(--editor-border) 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.preview-seek-bar::-webkit-slider-thumb{appearance:none;background-color:var(--editor-accent-blue);cursor:pointer;width:12px;height:12px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border-radius:50%}.preview-seek-bar::-moz-range-thumb{background-color:var(--editor-accent-blue);cursor:pointer;width:12px;height:12px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border:none;border-radius:50%}.preview-time-display{color:var(--editor-text-muted);white-space:nowrap;text-align:right;align-items:center;gap:4px;min-width:70px;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600;display:flex}.preview-current-time{color:var(--editor-accent-blue)}.preview-separator{color:var(--editor-border)}.preview-duration{color:var(--editor-text-muted)}@media (width<=768px){.recording-preview{gap:10px;padding:12px}.preview-header h3{font-size:13px}.preview-controls{gap:10px}.preview-play-button{width:32px;height:32px;font-size:14px}.preview-time-display{min-width:60px;font-size:11px}}.segment-editor{background-color:var(--editor-surface);border:1px solid var(--editor-border);border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.segment-editor-header{border-bottom:1px solid var(--editor-border-subtle);margin-bottom:4px;padding-bottom:12px}.segment-editor-header h3{color:var(--editor-text);margin:0 0 4px;font-size:14px;font-weight:600}.segment-editor-hint{color:var(--editor-text-muted);margin:0;font-size:12px}.segment-timeline{border-bottom:1px solid var(--editor-border-subtle);gap:8px;margin-bottom:8px;padding:8px 0 12px;display:flex;overflow-x:auto}.segment-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s}.segment-button:hover{background-color:var(--editor-surface-hover);border-color:var(--editor-border)}.segment-button.active{background-color:var(--editor-accent-blue);border-color:var(--editor-accent-blue);color:#fff}.segment-time{font-family:Monaco,Courier New,monospace;display:block}.segment-controls{flex-direction:column;gap:12px;display:flex}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:var(--editor-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.control-group input[type=checkbox]{cursor:pointer;width:16px;height:16px}.control-value{color:var(--editor-accent-blue);font-family:Monaco,Courier New,monospace;font-weight:700}.range-slider{appearance:none;background:linear-gradient(to right, var(--editor-accent-blue) 0%, var(--editor-accent-blue) 50%, var(--editor-border) 50%, var(--editor-border) 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.range-slider::-webkit-slider-thumb{appearance:none;background-color:var(--editor-accent-blue);cursor:pointer;width:14px;height:14px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border-radius:50%}.range-slider::-moz-range-thumb{background-color:var(--editor-accent-blue);cursor:pointer;width:14px;height:14px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border:none;border-radius:50%}.position-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.position-preset{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text-muted);cursor:pointer;border-radius:4px;min-height:36px;padding:8px;font-size:14px;font-weight:600;transition:all .15s}.position-preset:hover:not(.center-label){background-color:var(--editor-surface-hover);border-color:var(--editor-border);color:var(--editor-text)}.position-preset.center-label{cursor:default;background-color:var(--editor-surface);color:var(--editor-text-muted);opacity:.6}.shape-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.shape-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:8px;font-size:11px;font-weight:600;transition:all .15s;overflow:hidden}.shape-button:hover{background-color:var(--editor-surface-hover);border-color:var(--editor-border);color:var(--editor-text)}.shape-button.active{background-color:var(--editor-accent-blue);border-color:var(--editor-accent-blue);color:#fff}.segment-info{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border-subtle);color:var(--editor-text-muted);border-radius:4px;padding:12px;font-size:12px}.segment-info p{margin:4px 0;line-height:1.4}.segment-info strong{color:var(--editor-text);font-weight:600}@media (width<=768px){.segment-editor{gap:12px;padding:12px}.position-grid{gap:4px}.position-preset{min-height:32px;padding:6px;font-size:12px}.shape-options{gap:4px}.shape-button{padding:6px;font-size:10px}.segment-timeline{gap:6px;padding:6px 0}.segment-button{padding:6px 10px;font-size:11px}}.caption-editor{background-color:var(--editor-surface);border:1px solid var(--editor-border);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.caption-editor-header{border-bottom:1px solid var(--editor-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.caption-editor-header h3{color:var(--editor-text);margin:0;font-size:14px;font-weight:600}.caption-add-button{background-color:var(--editor-accent-blue);border:1px solid var(--editor-accent-blue);color:#fff;cursor:pointer;white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.caption-add-button:hover{background-color:var(--editor-accent-blue-hover);border-color:var(--editor-accent-blue-hover)}.caption-form{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border-subtle);border-radius:6px;flex-direction:column;gap:12px;margin-bottom:4px;padding:12px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-hint{color:var(--editor-text-muted);margin:-4px 0 0;font-size:11px}.form-group label{color:var(--editor-text);font-size:12px;font-weight:600}.caption-textarea,.form-input{background-color:var(--editor-surface);border:1px solid var(--editor-border);color:var(--editor-text);border-radius:4px;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.caption-textarea:focus,.form-input:focus{border-color:var(--editor-accent-blue);box-shadow:0 0 0 3px var(--editor-accent-blue-soft);outline:none}.caption-textarea{resize:vertical;min-height:60px;font-family:inherit}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.size-input-group{align-items:center;gap:8px;display:flex}.form-range{appearance:none;background:linear-gradient(to right, var(--editor-accent-blue) 0%, var(--editor-accent-blue) 50%, var(--editor-border) 50%, var(--editor-border) 100%);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.form-range::-webkit-slider-thumb{appearance:none;background-color:var(--editor-accent-blue);cursor:pointer;width:14px;height:14px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border-radius:50%}.form-range::-moz-range-thumb{background-color:var(--editor-accent-blue);cursor:pointer;width:14px;height:14px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border:none;border-radius:50%}.size-display{color:var(--editor-accent-blue);text-align:right;min-width:40px;font-size:12px;font-weight:600}.form-color-input{border:1px solid var(--editor-border);cursor:pointer;border-radius:4px;width:100%;height:36px}.form-color-input:disabled,.form-range:disabled{opacity:.5;cursor:not-allowed}.bg-toggle-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.caption-preview{background-color:var(--editor-surface);border:1px solid var(--editor-border);border-radius:4px;padding:12px}.caption-preview p{color:var(--editor-text-muted);text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.caption-preview-text{justify-content:center;align-items:center;min-height:40px;font-weight:500;line-height:1.4;display:flex}.form-actions{border-top:1px solid var(--editor-border-subtle);grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;display:grid}.form-button{border:1px solid var(--editor-border);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.form-button.cancel{background-color:var(--editor-surface);color:var(--editor-text-muted)}.form-button.cancel:hover{background-color:var(--editor-surface-hover);border-color:var(--editor-border)}.form-button.submit{background-color:var(--editor-accent-blue);border-color:var(--editor-accent-blue);color:#fff}.form-button.submit:hover:not(:disabled){background-color:var(--editor-accent-blue-hover);border-color:var(--editor-accent-blue-hover)}.form-button:disabled{opacity:.5;cursor:not-allowed}.captions-empty{text-align:center;min-height:100px;color:var(--editor-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.captions-empty p{margin:4px 0;font-size:12px}.captions-hint{color:var(--editor-text-muted);opacity:.8;font-size:11px!important}.captions-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.caption-item{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border-subtle);border-radius:4px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;transition:all .15s;display:flex}.caption-item:hover{background-color:var(--editor-surface);border-color:var(--editor-border);box-shadow:var(--editor-shadow-sm)}.caption-item-content{flex:1;min-width:0}.caption-item-text{color:var(--editor-text);word-break:break-word;font-size:13px;font-weight:500;line-height:1.3}.caption-item-meta{color:var(--editor-text-muted);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.caption-item-actions{flex-shrink:0;gap:4px;display:flex}.caption-action-button{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);width:28px;height:28px;color:var(--editor-text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.caption-action-button:hover{background-color:var(--editor-surface-hover);border-color:var(--editor-border)}.caption-action-button.delete:hover{background-color:var(--editor-danger-bg);border-color:var(--editor-danger-border);color:var(--editor-danger)}@media (width<=768px){.caption-editor{gap:10px;padding:12px}.caption-editor-header{flex-direction:column;align-items:flex-start}.caption-add-button{justify-content:center;width:100%}.form-row,.form-actions{grid-template-columns:1fr}.captions-list{max-height:200px}}.export-panel{flex-direction:column;gap:16px;padding:20px;display:flex}.export-panel-header{border-bottom:1px solid var(--editor-border-subtle);padding-bottom:14px}.export-panel-header h2{color:var(--editor-text);margin:0 0 4px;font-size:15px;font-weight:700}.export-panel-header p{color:var(--editor-text-muted);margin:0;font-size:12px}.export-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:200px;display:flex}.export-empty p{color:var(--editor-text-muted);margin:0;font-size:13px}.export-empty-hint{opacity:.8;max-width:220px;color:var(--editor-text-muted)!important;font-size:12px!important}.export-preview-toggle{background-color:var(--editor-surface-secondary);border:1px dashed var(--editor-border);min-height:120px;color:var(--editor-text-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.export-preview-toggle:hover{background-color:var(--editor-surface-hover);border-color:var(--editor-border)}.export-panel-hint{color:var(--editor-text-muted);margin:0 0 12px;font-size:12px}.export-option{flex-direction:column;gap:6px;display:flex}.export-option label{color:var(--editor-text);font-size:12px;font-weight:600}.export-select{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:12px}.export-select:disabled{opacity:.5;cursor:not-allowed}.export-select:focus{border-color:var(--editor-accent);outline:none}.export-error{background-color:var(--editor-danger-bg);border:1px solid var(--editor-danger-border);color:var(--editor-danger);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.export-progress{flex-direction:column;gap:6px;display:flex}.export-progress-bar{background-color:var(--editor-border);border-radius:3px;height:6px;overflow:hidden}.export-progress-fill{background-color:var(--editor-accent);border-radius:3px;height:100%;transition:width .2s}.export-progress-message{color:var(--editor-text-muted);font-size:12px}.export-button{background-color:var(--editor-accent);color:var(--editor-accent-contrast);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;transition:background-color .15s;display:flex}.export-button:hover:not(:disabled){background-color:var(--editor-accent-hover)}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-history-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.export-history-item{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.export-history-item:hover{background-color:var(--editor-surface-secondary)}.export-history-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.export-history-name{color:var(--editor-text);font-size:12.5px;font-weight:600}.export-history-meta{color:var(--editor-text-muted);font-size:11px}.export-history-edit-button{border:1px solid var(--editor-border);background-color:var(--editor-surface);color:var(--editor-text);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600}.export-history-edit-button:hover:not(:disabled){border-color:var(--editor-accent);color:var(--editor-accent)}.export-history-edit-button:disabled{opacity:.6;cursor:not-allowed}.maintenance-banner{background-color:var(--editor-danger-bg);border-bottom:1px solid var(--editor-danger-border);color:var(--editor-danger);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.maintenance-banner-icon{flex-shrink:0}.vidkut-logo{object-fit:contain;align-self:center;width:auto;max-width:180px;height:36px;display:block}.vidkut-logo-header{height:36px}.vidkut-logo-auth{height:50px;margin:0 auto}.vidkut-logo-admin{height:34px}@media (width<=640px){.vidkut-logo{max-width:150px;height:30px}.vidkut-logo-auth{height:44px}}.source-scrubber{align-items:center;gap:10px;width:100%;padding:4px 0;display:flex}.source-scrubber-play{background-color:var(--editor-accent-blue);border:1px solid var(--editor-accent-blue);color:#fff;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .15s;display:flex}.source-scrubber-play:hover:not(:disabled){background-color:var(--editor-accent-blue-hover);border-color:var(--editor-accent-blue-hover)}.source-scrubber-play:disabled{opacity:.5;cursor:not-allowed}.source-scrubber-bar{appearance:none;cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.source-scrubber-bar:disabled{cursor:default;opacity:.9}.source-scrubber-bar:disabled::-webkit-slider-thumb{cursor:default}.source-scrubber-bar:disabled::-moz-range-thumb{cursor:default}.source-scrubber-bar::-webkit-slider-thumb{appearance:none;background-color:var(--editor-accent-blue);cursor:pointer;width:12px;height:12px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border-radius:50%}.source-scrubber-bar::-moz-range-thumb{background-color:var(--editor-accent-blue);cursor:pointer;width:12px;height:12px;box-shadow:0 1px 3px var(--editor-accent-blue-shadow);border:none;border-radius:50%}.source-scrubber-time{color:var(--editor-text-muted);white-space:nowrap;text-align:right;flex-shrink:0;min-width:88px;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600}@media (width<=640px){.source-scrubber-play{width:28px;height:28px;font-size:12px}.source-scrubber-time{min-width:76px;font-size:11px}}.missing-media-notice{z-index:5;text-align:center;background-color:var(--editor-canvas-bg);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex;position:absolute;inset:0}.missing-media-icon{color:#ff8a80;font-size:28px}.missing-media-message{color:#fff;max-width:360px;margin:0;font-size:14px}.missing-media-detail{color:#ffffffa6;word-break:break-all;margin:0 0 8px;font-family:Monaco,Courier New,monospace;font-size:12px}.missing-media-button{color:#fff;cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff40;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.missing-media-button:hover{border-color:var(--editor-accent)}.missing-media-button-primary{background-color:var(--editor-accent);border-color:var(--editor-accent);color:var(--editor-accent-contrast)}.missing-media-confirm{flex-direction:column;align-items:center;gap:10px;max-width:380px;display:flex}.missing-media-warning{color:#ff8a80;margin:0;font-size:13px}.missing-media-confirm-actions{gap:8px;display:flex}.studio{flex-direction:column;gap:20px;height:100%;display:flex}.studio-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.studio-header-text .vidkut-logo{margin-bottom:4px}.studio-header-text p{color:var(--editor-text-muted);margin:0;font-size:13px}.studio-mode-toggle{flex-shrink:0;gap:8px;display:flex}.mode-button{cursor:pointer;border:1px solid var(--editor-border);background-color:var(--editor-surface);color:var(--editor-text);border-radius:10px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.mode-button:hover{background-color:var(--editor-surface-secondary)}.mode-button.active{box-shadow:0 0 0 2px var(--editor-accent) inset}.studio-mode-toggle .mode-button:last-child{background-color:var(--editor-accent);border-color:var(--editor-accent);color:var(--editor-accent-contrast)}.studio-mode-toggle .mode-button:last-child:hover{background-color:var(--editor-accent-hover)}.studio-mode-toggle .mode-button:last-child.active{box-shadow:0 0 0 2px var(--editor-text-muted) inset}.studio-body{flex:1;grid-template-columns:1fr 340px;align-items:start;gap:20px;min-height:0;display:grid}.canvas-card{background-color:var(--editor-surface);border:1px solid var(--editor-border-subtle);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.canvas-frame{background-color:var(--editor-canvas-bg);border-radius:16px;width:100%;transition:max-width .2s;position:relative;overflow:hidden}.canvas-frame.portrait{aspect-ratio:9/16;max-width:420px;max-height:65vh}.canvas-frame.landscape{aspect-ratio:16/9;max-width:640px;max-height:50vh}.canvas-badge{z-index:5;background-color:var(--editor-overlay);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:12px;left:12px}.canvas-video{object-fit:cover;background-color:var(--editor-canvas-bg);transform-origin:50%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.canvas-video.draggable{cursor:grab}.canvas-video.draggable:active{cursor:grabbing}.canvas-video.split-half{position:absolute;box-shadow:inset 0 0 0 1px #ffffff2e}.canvas-video.pip-bubble{z-index:10;cursor:grab;box-shadow:var(--editor-shadow-bubble);transition:box-shadow .15s;position:absolute;transform:none}.canvas-video.pip-bubble:hover{box-shadow:var(--editor-shadow-bubble), 0 0 0 2px #1a1a1a}.canvas-video.pip-bubble.dragging{cursor:grabbing;box-shadow:var(--editor-shadow-bubble), 0 0 0 3px #1a1a1a}.canvas-video.pip-bubble.pip-soft,.canvas-video.pip-bubble.pip-square{border-radius:0}.canvas-video.pip-bubble.pip-round{border-radius:50%}.canvas-video.pip-bubble.pip-cutout{border-radius:16px}.canvas-video.pip-bubble.pip-round.pip-blend{-webkit-mask-image:var(--editor-blend-mask-round);-webkit-mask-image:var(--editor-blend-mask-round);mask-image:var(--editor-blend-mask-round)}.canvas-video.pip-bubble.pip-soft.pip-blend,.canvas-video.pip-bubble.pip-square.pip-blend,.canvas-video.pip-bubble.pip-cutout.pip-blend{-webkit-mask-image:var(--editor-blend-mask-rect);-webkit-mask-image:var(--editor-blend-mask-rect);mask-image:var(--editor-blend-mask-rect)}.canvas-camera-button{z-index:15;color:#14151a;cursor:pointer;background-color:#fffffff0;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .15s,transform .15s,box-shadow .15s;animation:2.6s ease-in-out infinite canvas-camera-invite;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #00000059,0 0 0 2px #ffffff2e}.canvas-camera-button:hover{background-color:#fff;transform:scale(1.06)}.canvas-camera-button:active{transform:scale(.95)}.canvas-camera-button.on{background-color:var(--editor-accent);color:#fff;box-shadow:0 2px 10px #00000059, 0 0 0 2px var(--editor-accent-soft);animation:none}@keyframes canvas-camera-invite{0%,to{box-shadow:0 2px 10px #00000059,0 0 0 2px #ffffff2e}50%{box-shadow:0 2px 14px #0006,0 0 0 6px #ffffff38}}.canvas-swap-button{z-index:15;background-color:var(--editor-overlay);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;line-height:1;transition:background-color .15s,transform .15s;display:flex;position:absolute;top:64px;right:12px}.canvas-swap-button:hover{background-color:var(--editor-overlay-strong);transform:scale(1.05)}.canvas-swap-button:active{transform:scale(.95)}.video-zoom-control{align-items:center;gap:10px;width:100%;max-width:420px;display:flex}.video-zoom-label{color:var(--editor-text-muted);flex-shrink:0;font-size:12px;font-weight:600}.video-zoom-slider{appearance:none;background:var(--editor-border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:4px}.video-zoom-slider::-webkit-slider-thumb{appearance:none;background-color:var(--editor-accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--editor-shadow-sm);border-radius:50%}.video-zoom-slider::-moz-range-thumb{background-color:var(--editor-accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--editor-shadow-sm);border:none;border-radius:50%}.video-zoom-value{color:var(--editor-text-muted);text-align:right;flex-shrink:0;min-width:36px;font-size:12px;font-weight:600}.video-zoom-reset{background-color:var(--editor-surface-secondary);color:var(--editor-text-muted);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600}.video-zoom-reset:hover{background-color:var(--editor-surface-hover)}.video-expand-button{background-color:var(--editor-surface-secondary);width:26px;height:26px;color:var(--editor-text-muted);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.video-expand-button:hover{background-color:var(--editor-surface-hover)}.video-expand-button.active{background-color:var(--editor-accent-soft);color:var(--editor-accent)}.video-mute-button{background-color:var(--editor-surface-secondary);width:26px;height:26px;color:var(--editor-text-muted);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.video-mute-button:hover{background-color:var(--editor-surface-hover)}.video-mute-button.muted{background-color:var(--editor-danger-bg);color:var(--editor-danger)}.video-mute-button.active{background-color:var(--editor-accent-soft);color:var(--editor-accent)}.video-filter-strip{flex:1;min-width:0}.video-filter-target{gap:6px;width:100%;max-width:420px;display:flex}.video-filter-target-pill{background-color:var(--editor-surface-secondary);color:var(--editor-text-muted);cursor:pointer;border:none;border-radius:999px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s}.video-filter-target-pill:hover{background-color:var(--editor-surface-hover)}.video-filter-target-pill.active{background-color:var(--editor-accent);color:#fff}.canvas-frame.expanded.portrait{max-height:80vh}.canvas-frame.expanded.landscape{max-height:70vh}.canvas-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.canvas-empty h2{color:#fff;margin:0 0 6px;font-size:19px;font-weight:600}.canvas-empty p{color:#bbb;margin:0;font-size:13px}.canvas-transport-card{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.canvas-transport{justify-content:center;align-items:center;gap:18px;display:flex}.transport-icon-button{background-color:var(--editor-surface-secondary);width:40px;height:40px;color:var(--editor-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:background-color .15s;display:flex}.transport-icon-button:hover:not(:disabled){background-color:var(--editor-surface-hover)}.transport-icon-button:disabled{opacity:.4;cursor:not-allowed}.record-button{background-color:var(--editor-record);border:3px solid var(--editor-surface);color:#fff;cursor:pointer;width:58px;height:58px;box-shadow:0 4px 14px var(--editor-record-shadow), 0 0 0 1px var(--editor-border-subtle);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .15s,background-color .15s;display:flex}.record-button:hover:not(:disabled){background-color:var(--editor-record-hover)}.record-button:active:not(:disabled){transform:scale(.95)}.record-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.record-button.recording{animation:1.4s ease-in-out infinite pulse-record}@keyframes pulse-record{0%,to{box-shadow:0 0 0 0 var(--editor-record-shadow-pulse)}50%{box-shadow:0 0 0 10px #e6394600}}.canvas-hint{color:var(--editor-text-muted);text-align:center;margin:0;font-size:12px}.studio-sidebar{background-color:var(--editor-surface);border:1px solid var(--editor-border-subtle);border-radius:20px;max-height:80vh;overflow-y:auto}@media (width<=960px){.studio-body{grid-template-columns:1fr}.studio-sidebar{max-height:none}}@media (width<=600px){.studio-header{flex-direction:column}.canvas-card{border-radius:16px;padding:14px}.canvas-frame{max-height:60vh}}@media (width<=768px){.studio{padding-bottom:76px}.studio-sidebar{background:0 0;border:none;border-radius:0;max-height:none;overflow:visible}.canvas-card{box-shadow:none;background:0 0;border:none;border-radius:0;gap:12px;padding:0}.canvas-transport-card{background-color:var(--editor-surface);border:1px solid var(--editor-border-subtle);border-radius:20px;padding:16px}}.auth-screen{background-color:var(--editor-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background-color:var(--editor-surface);border:1px solid var(--editor-border-subtle);width:100%;max-width:380px;box-shadow:var(--editor-shadow-card);border-radius:16px;flex-direction:column;gap:14px;padding:32px 28px;display:flex}.auth-card h1{color:var(--editor-text);text-align:center;margin:0;font-size:20px;font-weight:700}.auth-subtitle{color:var(--editor-text-muted);text-align:center;margin:0 0 6px;font-size:13px}.auth-setup-notice{color:var(--editor-text-muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.auth-setup-notice code{background-color:var(--editor-surface-secondary);border-radius:4px;padding:1px 5px;font-size:12px}.auth-field{color:var(--editor-text-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.auth-field input{background-color:var(--editor-surface-secondary);border:1px solid var(--editor-border);color:var(--editor-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.auth-field input:focus{border-color:var(--editor-accent);outline:none}.auth-error{background-color:var(--editor-danger-bg);border:1px solid var(--editor-danger-border);color:var(--editor-danger);border-radius:8px;margin:0;padding:9px 12px;font-size:12.5px}.auth-message{background-color:var(--editor-accent-soft);color:var(--editor-accent);border-radius:8px;margin:0;padding:9px 12px;font-size:12.5px}.auth-submit{background-color:var(--editor-accent);color:var(--editor-accent-contrast);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:11px 16px;font-size:14px;font-weight:600;transition:background-color .15s}.auth-submit:hover:not(:disabled){background-color:var(--editor-accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-links{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.auth-links button{color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.auth-links button:hover{color:var(--editor-accent)}.account-bar{border-bottom:1px solid var(--editor-border-subtle);justify-content:flex-end;align-items:center;gap:12px;padding:8px 20px;display:flex}.account-bar-email{color:var(--editor-text-muted);font-size:12px}.account-bar-signout{color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.account-bar-signout:hover{background-color:var(--editor-surface-secondary);color:var(--editor-text)}.admin-page-title{margin-bottom:20px;font-size:20px;font-weight:600}.admin-stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-stat-card{background-color:var(--editor-surface);border:1px solid var(--editor-border);border-radius:12px;padding:16px}.admin-stat-label{color:var(--editor-text-muted);margin-bottom:6px;font-size:12px}.admin-stat-value{font-size:24px;font-weight:700}.admin-search-input{border:1px solid var(--editor-border);background-color:var(--editor-surface);width:100%;max-width:320px;color:var(--editor-text);border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.admin-table-wrap{border:1px solid var(--editor-border);background-color:var(--editor-surface);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--editor-border-subtle);white-space:nowrap;padding:10px 14px}.admin-table th{color:var(--editor-text-muted);font-size:12px;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.admin-badge-success{background-color:var(--editor-accent-soft);color:var(--editor-accent)}.admin-badge-danger{background-color:var(--editor-danger-bg);color:var(--editor-danger)}.admin-empty{color:var(--editor-text-muted);padding:24px;font-size:13px}.admin-error{color:var(--editor-danger);margin-bottom:12px;font-size:13px}.admin-settings-card{max-width:480px;margin-bottom:16px}.admin-settings-row{justify-content:space-between;align-items:center;display:flex}.admin-checkbox-row{align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.admin-settings-saved{color:var(--editor-accent);margin-bottom:12px;font-size:13px}.admin-badge-neutral{background-color:var(--editor-border-subtle);color:var(--editor-text-muted)}.admin-settings-section-title{margin-top:32px}.admin-settings-hint{color:var(--editor-text-muted);max-width:480px;margin-bottom:16px;font-size:12px}.admin-settings-field-row{align-items:center;gap:8px;display:flex}.admin-settings-field-row .admin-search-input{margin-bottom:0}.admin-settings-save-btn{flex-shrink:0;margin-top:8px}.admin-settings-field-row .admin-settings-save-btn{margin-top:0}.admin-button{border:1px solid var(--editor-border);background-color:var(--editor-surface);color:var(--editor-text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.admin-button:hover:not(:disabled){border-color:var(--editor-accent)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button-small{padding:4px 10px}.admin-button-primary{background-color:var(--editor-accent);border-color:var(--editor-accent);color:var(--editor-surface)}.admin-button-danger{background-color:var(--editor-danger-bg);border-color:var(--editor-danger);color:var(--editor-danger)}.admin-manage-cell{background-color:var(--editor-bg-subtle,var(--editor-border-subtle));white-space:normal}.admin-manage-panel{flex-direction:column;gap:16px;padding:12px 4px;display:flex}.admin-manage-group{flex-direction:column;gap:8px;display:flex}.admin-manage-group-label{color:var(--editor-text-muted);font-size:12px;font-weight:600}.admin-manage-sublabel{text-transform:none;font-weight:400}.admin-manage-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-manage-select{width:auto;max-width:140px;margin-bottom:0}.admin-manage-days-input{width:70px;max-width:70px;margin-bottom:0}.admin-modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background-color:var(--editor-surface);border:1px solid var(--editor-border);border-radius:12px;width:90%;max-width:420px;padding:24px}.admin-modal-title{margin-bottom:8px;font-size:16px;font-weight:700}.admin-modal-message{color:var(--editor-text-muted);margin-bottom:16px;font-size:13px}.admin-modal-input{max-width:100%;margin-bottom:16px}.admin-modal-actions{justify-content:flex-end;gap:8px;display:flex}.admin-users-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-users-filter-row .admin-search-input{margin-bottom:16px}.admin-recent-actions-list{color:var(--editor-text-muted);flex-direction:column;gap:4px;margin:0 0 12px;padding:0;font-size:12px;list-style:none;display:flex}.admin-recent-actions-list li{flex-wrap:wrap;gap:8px;display:flex}.admin-shell{background-color:var(--editor-bg);width:100%;height:100vh;color:var(--editor-text);display:flex}.admin-sidebar{background-color:var(--editor-surface);border-right:1px solid var(--editor-border);flex-direction:column;flex-shrink:0;width:220px;padding:20px 12px;display:flex}.admin-brand{align-items:center;gap:8px;padding:0 8px 20px;display:flex}.admin-brand-label{color:var(--editor-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:700}.admin-nav{flex-direction:column;flex:1;gap:2px;display:flex}.admin-nav-item{text-align:left;color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500}.admin-nav-item:hover{background-color:var(--editor-surface-hover);color:var(--editor-text)}.admin-nav-item.active{background-color:var(--editor-accent-soft);color:var(--editor-accent)}.admin-sidebar-footer{border-top:1px solid var(--editor-border-subtle);flex-direction:column;gap:8px;padding-top:16px;display:flex}.admin-sidebar-email{color:var(--editor-text-muted);word-break:break-all;padding:0 8px;font-size:12px}.admin-signout{text-align:left;color:var(--editor-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:13px;font-weight:600}.admin-signout:hover{background-color:var(--editor-surface-hover);color:var(--editor-text)}.admin-main{flex:1;padding:28px 32px;overflow-y:auto}.admin-gate-message{height:100vh;color:var(--editor-text-muted);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex}#root{width:100%;height:100%}.app-loading{min-height:100vh;color:var(--editor-text-muted);background-color:var(--editor-bg);justify-content:center;align-items:center;font-size:13px;display:flex}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}