:root{--bg-primary: #faf9f5;--bg-secondary: #f5f0e8;--bg-glass: #efe9de;--border-glass: #e6dfd8;--accent-cyan: #4f46e5;--accent-cyan-glow: rgba(79, 70, 229, .15);--accent-violet: #3730a3;--accent-violet-glow: rgba(55, 48, 163, .15);--accent-emerald: #5db872;--accent-emerald-glow: rgba(93, 184, 114, .15);--accent-rose: #c64545;--text-primary: #141413;--text-secondary: #6c6a64;--font-sans: "Inter", -apple-system, sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--shadow-neon: none;--transition: all .12s ease;--color-canvas: #faf9f5;--color-surface-soft: #f5f0e8;--color-surface-card: #efe9de;--color-surface-cream-strong: #e8e0d2;--color-surface-dark: #181715;--color-hairline: #e6dfd8;--color-hairline-soft: #ebe6df;--color-ink: #141413;--color-body-strong: #252523;--color-body: #3d3d3a;--color-muted: #6c6a64;--color-muted-soft: #8e8b82;--color-primary: #4f46e5;--color-primary-active: #3730a3;--color-primary-disabled: #e6dfd8;--color-success: #5db872;--color-warning: #d4a017;--color-error: #c64545;--color-info: #5b8fbf;--font-serif: "Cormorant Garamond", Georgia, serif;--ring-focus: 0 0 0 3px rgba(79, 70, 229, .15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:8px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-soft)}.app-container{display:flex;height:100vh;width:100vw;padding:16px;gap:16px;overflow:hidden}.sidebar{width:320px;background:var(--color-canvas);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-glass)}.app-title{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.app-subtitle{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.file-list-container{flex-grow:1;overflow-y:auto;padding:12px}.file-list{display:flex;flex-direction:column;gap:4px;list-style:none}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border-left:3px solid transparent;border-bottom:1px solid var(--color-hairline-soft);cursor:pointer;transition:var(--transition)}.file-item:hover{background:var(--color-surface-soft)}.file-item.active{background:var(--color-surface-cream-strong);border-left-color:var(--accent-cyan)}.file-name{font-size:13px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:180px}.file-status{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase}.file-status.pending{background:var(--color-surface-soft);color:var(--text-secondary)}.file-status.processed{background:#5db87226;color:var(--accent-emerald)}.main-workspace{flex-grow:1;display:flex;flex-direction:column;gap:16px;overflow:hidden}.workspace-panels{display:flex;flex-grow:1;gap:16px;overflow:hidden}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;overflow:hidden}.editor-panel{flex-grow:2;min-width:0}.tools-panel{width:340px;flex-shrink:0}.panel-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.checkerboard{background-color:#1e1e1e;background-image:linear-gradient(45deg,#2b2b2b 25%,transparent 25%),linear-gradient(-45deg,#2b2b2b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2b2b2b 75%),linear-gradient(-45deg,transparent 75%,#2b2b2b 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex-grow:1;min-height:0}.preview-box{display:flex;flex-direction:column;gap:8px;min-height:0}.preview-box span{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.preview-image-container{flex-grow:1;height:100%}.preview-img{max-width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-sm)}.preview-canvas{max-width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-sm);cursor:crosshair}.control-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.control-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between}.control-value{color:var(--accent-cyan);font-family:monospace}input[type=text],input[type=number]{width:100%;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;transition:var(--transition)}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-cyan);background:#ffffff14;box-shadow:0 0 10px #00f0ff26}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));cursor:pointer;box-shadow:0 0 10px #00f0ff80;transition:var(--transition)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.color-picker-row{display:flex;gap:12px;align-items:center}input[type=color]{-webkit-appearance:none;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--border-glass);border-radius:50%;box-shadow:0 0 8px #ffffff1a}.btn{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:#000;border:none;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.5px;padding:12px 20px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);box-shadow:var(--shadow-neon)}.btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f0ff80}.btn:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-glass);box-shadow:none}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;box-shadow:none}.btn-success{background:linear-gradient(135deg,var(--accent-emerald),var(--accent-cyan));box-shadow:0 0 20px var(--accent-emerald-glow)}.btn-success:hover{box-shadow:0 0 25px #00ff8880}.btn-danger{background:linear-gradient(135deg,var(--accent-rose),#ff6b8b);box-shadow:0 0 20px #ff2a5f4d;color:#fff}.btn-danger:hover{box-shadow:0 0 25px #ff2a5f80}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.bottom-panel{flex-shrink:0;display:flex;gap:20px}.rename-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.rename-inputs{display:flex;flex-direction:column;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:var(--accent-cyan);width:16px;height:16px}.rename-table-container{border:1px solid var(--border-glass);border-radius:var(--radius-md);max-height:180px;overflow-y:auto;background:#ffffff03}.rename-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.rename-table th{background:#ffffff08;padding:10px 12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-glass);position:sticky;top:0}.rename-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.rename-arrow{color:var(--accent-cyan);font-weight:700;text-align:center;width:30px}.rename-changed{color:var(--accent-emerald);font-weight:500}.progress-container{margin-top:16px;padding:14px;border-radius:var(--radius-md);background:#00f0ff08;border:1px solid rgba(0,240,255,.1);display:flex;flex-direction:column;gap:8px}.progress-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.progress-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-emerald));box-shadow:0 0 10px var(--accent-cyan);transition:width .3s ease}.hint-text{font-size:11px;color:var(--text-secondary);line-height:1.4}.status-toast{padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.status-toast.success{background:#5db87226;border:1px solid var(--color-success);color:var(--color-success)}.status-toast.error{background:#c6454526;border:1px solid var(--color-error);color:var(--color-error)}.dimension-badge{display:inline-block;padding:2px 6px;background:var(--color-surface-soft);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--text-primary);margin-top:4px}.nav-sidebar{width:76px;background:var(--color-canvas);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:24px;flex-shrink:0}.nav-logo{font-family:var(--font-display);font-size:24px;font-weight:500;color:var(--accent-cyan);cursor:default;-webkit-user-select:none;user-select:none;margin-bottom:8px}.nav-item{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition);position:relative;border:1px solid transparent;background:transparent}.nav-item:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-item.active{color:var(--accent-cyan);background:var(--bg-secondary);border-left:3px solid var(--accent-cyan)}.nav-tooltip{position:absolute;left:88px;background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition);transform:translate(-10px);z-index:100;box-shadow:0 4px 12px #0000004d}.nav-item:hover .nav-tooltip{opacity:1;transform:translate(0)}.upload-dropzone{margin:16px;padding:16px;border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background:#ffffff03;display:flex;flex-direction:column;align-items:center;gap:8px}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--accent-cyan);background:#00f0ff08;box-shadow:0 0 15px #00f0ff0d}.upload-icon{font-size:24px;color:var(--text-secondary);transition:var(--transition)}.upload-dropzone:hover .upload-icon,.upload-dropzone.drag-active .upload-icon{color:var(--accent-cyan);transform:translateY(-2px)}.upload-text{font-size:12px;font-weight:600;color:var(--text-secondary)}.upload-subtext{font-size:10px;color:#ffffff4d}.splicer-workspace-container{display:flex;align-items:center;justify-content:center;flex-grow:1;min-height:0;padding:16px;background:#0003;border-radius:var(--radius-md);overflow:auto}.splicer-container{position:relative;display:inline-block;-webkit-user-select:none;user-select:none;box-shadow:0 10px 40px #00000080;background:#1e1e1e;border-radius:var(--radius-sm);overflow:hidden}.splicer-img{display:block;max-width:100%;max-height:65vh;object-fit:contain;pointer-events:none}.splicer-overlay-interactive{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:auto}.splicer-divider{position:absolute;background:var(--accent-cyan);opacity:.6;z-index:10;transition:opacity .2s,background-color .2s,box-shadow .2s}.splicer-divider:hover,.splicer-divider.dragging{opacity:1;background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.splicer-divider-v{width:4px;height:100%;margin-left:-2px;cursor:col-resize;top:0}.splicer-divider-v:after{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;cursor:col-resize}.splicer-divider-h{height:4px;width:100%;margin-top:-2px;cursor:row-resize;left:0}.splicer-divider-h:after{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px;cursor:row-resize}.splicer-cell-overlay{position:absolute;border:1px dashed rgba(255,255,255,.15);box-sizing:border-box;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.splicer-cell-dimensions{background:#0a0c10d9;border:1px solid var(--accent-cyan);color:var(--accent-cyan);border-radius:var(--radius-sm);padding:6px 10px;font-family:monospace;font-size:11px;font-weight:700;opacity:0;transform:scale(.9);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00f0ff40;display:flex;flex-direction:column;align-items:center;gap:2px}.splicer-cell-dimensions.visible{opacity:1;transform:scale(1)}.splicer-cell-dimensions.adjacent{border-color:var(--accent-emerald);color:var(--accent-emerald);box-shadow:0 0 15px #00ff8840}.splicer-grid-info-badge{position:absolute;top:12px;right:12px;background:#0a0c10cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--text-secondary);pointer-events:none;z-index:20}.directory-selectors{margin:16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border-glass);padding-bottom:16px}.directory-box{background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.directory-box-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.directory-box-content{display:flex;align-items:center;gap:8px;min-width:0}.directory-folder-icon{font-size:16px}.directory-name{font-size:12px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.btn-folder-select{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-primary);padding:6px 12px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.btn-folder-select:hover{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff33}.btn-unlock{background:var(--accent-rose);border:none;color:#fff;padding:4px 8px;font-size:10px;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-unlock:hover{filter:brightness(1.2);box-shadow:0 0 10px #ff2a5f66}.workspace-blocker-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0c10b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid var(--border-glass);animation:fadeIn .3s ease-out}.workspace-blocker-content{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;align-items:center;gap:20px}.workspace-blocker-icon{font-size:48px;filter:drop-shadow(0 0 15px rgba(0,240,255,.4));animation:float 3s ease-in-out infinite}.workspace-blocker-title{font-family:var(--font-display);font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.workspace-blocker-description{font-size:13px;color:var(--text-secondary);line-height:1.5}.workspace-checklist{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px}.checklist-item{display:flex;align-items:center;gap:12px;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;text-align:left}.checklist-item.checked{border-color:var(--accent-emerald);background:#00ff8805}.checklist-checkbox{font-size:14px}.checklist-label{font-weight:500;flex-grow:1}.checklist-btn{padding:6px 12px;font-size:11px;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-glass);border-radius:var(--radius-lg);padding:48px;background:#ffffff03;cursor:pointer;transition:var(--transition);text-align:center;flex-grow:1;min-height:300px}.video-dropzone:hover{border-color:var(--accent-cyan);background:#00f0ff05;box-shadow:var(--shadow-neon)}.video-file-input{display:none}.video-dropzone-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone-icon{font-size:48px;filter:drop-shadow(0 0 10px var(--accent-cyan-glow))}.file-formats-info{font-size:11px;color:var(--text-secondary)}.video-active-editor{display:flex;flex-direction:column;flex-grow:1;min-height:0;gap:16px}.video-display-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:var(--radius-lg);border:1px solid var(--border-glass);overflow:hidden;padding:16px;min-height:0}.video-relative-container{position:relative;max-width:100%;max-height:100%;box-shadow:0 10px 30px #00000080;border-radius:var(--radius-sm);overflow:hidden;display:inline-block;-webkit-user-select:none;user-select:none}.video-player-el{display:block;max-width:100%;max-height:55vh;object-fit:contain}.crop-mask-top,.crop-mask-bottom,.crop-mask-left,.crop-mask-right{position:absolute;background:#000000a6;pointer-events:none;z-index:5}.crop-mask-top{top:0;left:0;right:0}.crop-mask-bottom{bottom:0;left:0;right:0}.crop-mask-left{left:0}.crop-mask-right{right:0}.video-crop-box{position:absolute;border:2px dashed var(--accent-cyan);box-shadow:0 0 0 1px #00000080,inset 0 0 20px #00f0ff1a;z-index:6;cursor:move}.crop-grid-h1,.crop-grid-h2,.crop-grid-v1,.crop-grid-v2{position:absolute;border:.5px dashed rgba(0,240,255,.25);pointer-events:none}.crop-grid-h1{top:33.33%;left:0;right:0}.crop-grid-h2{top:66.66%;left:0;right:0}.crop-grid-v1{left:33.33%;top:0;bottom:0}.crop-grid-v2{left:66.66%;top:0;bottom:0}.crop-dimensions-badge{position:absolute;bottom:8px;right:8px;background:#0a0c10d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-glass);color:var(--accent-cyan);padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-family:monospace;pointer-events:none}.crop-handle{position:absolute;width:12px;height:12px;background:var(--accent-cyan);border:1px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan-glow);z-index:10}.crop-handle-tl{top:-6px;left:-6px;cursor:nwse-resize}.crop-handle-tr{top:-6px;right:-6px;cursor:nesw-resize}.crop-handle-bl{bottom:-6px;left:-6px;cursor:nesw-resize}.crop-handle-br{bottom:-6px;right:-6px;cursor:nwse-resize}.video-player-controls{display:flex;flex-direction:column;gap:12px;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px 16px}.timeline-row{display:flex;align-items:center}.video-timeline-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;accent-color:var(--accent-cyan);cursor:pointer}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.controls-group{display:flex;align-items:center;gap:10px}.btn-player{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-primary);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-player:hover{background:#00f0ff1a;border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.btn-player.active{background:#00ff8826;border-color:var(--accent-emerald)}.time-display{font-family:monospace;font-size:13px;color:var(--text-secondary)}.title-filename{font-size:12px;color:var(--text-secondary);font-weight:400;margin-left:4px}.settings-section{background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.profile-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-profile-preset{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px;font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition);text-align:center}.btn-profile-preset:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.btn-profile-preset.active{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);color:var(--text-primary)}.badge-count{background:var(--accent-violet-glow);border:1px solid var(--accent-violet);color:var(--text-primary);font-size:10px;padding:1px 6px;border-radius:10px}.animation-checker-container{display:flex;flex-direction:column;gap:12px;flex-grow:1;min-height:0}.animation-screen{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-glass);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;max-height:200px}.animation-screen-img{max-width:100%;max-height:100%;object-fit:contain}.animation-screen-badge{position:absolute;top:8px;left:8px;background:#0a0c10cc;border:1px solid var(--border-glass);color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:10px}.animation-player-bar{display:flex;align-items:center;gap:10px;background:#ffffff03;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-glass)}.fps-slider{flex-grow:1;accent-color:var(--accent-cyan);height:4px}.keyboard-nav-hint{font-size:10px;color:var(--text-secondary);text-align:center}.empty-snapshots-msg{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:var(--text-secondary);border:1px dashed var(--border-glass);border-radius:var(--radius-md);padding:24px;line-height:1.6;flex-grow:1;min-height:120px}.snapshot-thumbnails-tray{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;border-top:1px solid var(--border-glass);margin-top:auto}.snapshot-thumbnail-card{width:50px;height:50px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border-glass);overflow:hidden;position:relative;cursor:pointer;transition:var(--transition);background:#0003}.snapshot-thumbnail-card:hover{border-color:var(--accent-cyan)}.snapshot-thumbnail-card.active{border-color:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald-glow)}.thumb-img{width:100%;height:100%;object-fit:contain}.thumb-num{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;font-size:8px;padding:1px 3px;border-radius:2px;font-family:monospace}.btn-thumb-delete{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#ff2a5fe6;color:#fff;font-size:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.snapshot-thumbnail-card:hover .btn-thumb-delete{opacity:1}.btn-thumb-delete:hover{background:#f04;transform:scale(1.1)}.btn-text-danger{background:none;border:none;color:var(--accent-rose);cursor:pointer;font-weight:600;transition:var(--transition)}.btn-text-danger:hover{text-decoration:underline;filter:brightness(1.2)}