@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main:#06070a;--bg-panel:#0d0f17;--bg-card:#151824;--bg-card-hover:#1f2334;--border-color:#1e2436;--border-color-hover:#2d3752;--accent:#8b5cf6;--accent-rgb:139, 92, 246;--accent-light:#a78bfa;--accent-glow:#8b5cf626;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--text-primary:#f4f4f7;--text-secondary:#9ea3b2;--text-muted:#565d70;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf640}50%{box-shadow:0 0 25px #8b5cf699}}.drawing-active{animation:2.5s ease-in-out infinite pulseGlow}.app-container{background-color:var(--bg-main);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{z-index:10;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 15px #8b5cf666}.glow-icon{color:#fff}.brand-texts{align-items:center;display:flex}.brand-title{letter-spacing:1.2px;color:var(--text-primary);font-size:18px;font-weight:800}.brand-subtitle{color:var(--text-secondary);border-left:1px solid var(--border-color);margin-left:10px;padding-left:10px;font-size:11px;font-weight:500}.header-actions{align-items:center;gap:10px;display:flex}.hidden-file-input{display:none}.glass-panel{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#0d0f17b3}.btn{font-weight:600;font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-light);border-color:var(--accent-light);box-shadow:0 0 15px #8b5cf659}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-sm{padding:6px 12px;font-size:11px}.btn-lg{padding:12px 24px;font-size:14px}.btn-submit{width:100%;padding:10px;font-size:12px;box-shadow:0 4px 12px #8b5cf633}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.btn-icon:hover{background-color:var(--bg-card);color:var(--text-primary)}.landing-area{background:radial-gradient(circle at top,#8b5cf614 0%,#06070a 75%);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.upload-box{text-align:center;border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:440px;padding:40px;display:flex;box-shadow:0 20px 40px #0009}.upload-icon-wrapper{width:60px;height:60px;color:var(--accent-light);background-color:#8b5cf61a;border:1px solid #8b5cf640;border-radius:14px;justify-content:center;align-items:center;display:flex}.upload-texts{flex-direction:column;gap:8px;display:flex}.upload-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.upload-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.workspace-container{flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.player-pane{background-color:#06070a4d;flex-direction:column;flex:1;display:flex;overflow-y:auto}.player-viewport{flex:1;justify-content:center;align-items:center;min-height:350px;padding:24px;display:flex}.video-canvas-container{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:896px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000008c}.video-element{object-fit:contain;width:100%;height:100%;display:block}.overlay-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.canvas-drawing{pointer-events:auto;cursor:crosshair}.canvas-text-mode{pointer-events:auto;cursor:text}.canvas-selecting{pointer-events:auto}.canvas-viewing{pointer-events:none}.canvas-mode-badge{pointer-events:none;letter-spacing:.8px;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:9px;font-weight:700;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000073}.badge-active{background-color:var(--accent);color:#fff}.badge-view{background-color:var(--color-info);color:#fff}.canvas-mode-badge .dot{background-color:#fff;border-radius:50%;width:5px;height:5px;display:inline-block}.controls-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);background:#0d0f17d9;border-radius:12px;width:calc(100% - 48px);max-width:896px;margin:0 auto 24px;padding:18px 24px}.timeline-track-wrapper{align-items:flex-end;width:100%;margin-bottom:16px;padding:36px 0 6px;display:flex;position:relative}.pins-overlay{pointer-events:none;z-index:5;height:36px;margin:0;padding:0;position:absolute;bottom:16px;left:0;right:0}.timeline-slider{appearance:none;background:var(--border-color);box-sizing:border-box;cursor:pointer;z-index:2;border:none;border-radius:9999px;outline:none;height:6px;margin:0;padding:0;transition:background .15s;width:100%!important}.timeline-slider:hover{background:var(--border-color-hover)}.timeline-slider::-webkit-slider-runnable-track{box-sizing:border-box;background:0 0;border-radius:9999px;width:100%;height:6px;margin:0;padding:0}.timeline-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-light);cursor:pointer;border-radius:50%;width:14px;height:14px;margin-top:-4px;transition:transform .15s,background-color .15s;box-shadow:0 0 10px #8b5cf699}.timeline-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.3)}.timeline-slider::-moz-range-track{box-sizing:border-box;background:0 0;border-radius:9999px;width:100%;height:6px;margin:0;padding:0}.timeline-slider::-moz-range-thumb{background:var(--accent-light);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;transition:transform .15s,background-color .15s;box-shadow:0 0 10px #8b5cf699}.timeline-slider::-moz-range-thumb:hover{background:#fff;transform:scale(1.3)}.timeline-pin{pointer-events:auto;cursor:pointer;z-index:6;background-color:currentColor;border:1.5px solid #090a0f;border-radius:4px;width:12px;height:12px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),bottom .15s;position:absolute;transform:translate(-50%);box-shadow:0 2px 6px #00000080}.timeline-pin:after{content:"";border-top:4px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pin-level-0{bottom:0}.pin-level-1{bottom:12px}.pin-level-2{bottom:24px}.timeline-pin:hover{transform:translate(-50%)scale(1.3)}.pin-pending{color:var(--color-warning)}.pin-progress{color:var(--color-info)}.pin-completed{color:var(--color-success)}.player-controls-row{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.playback-side-left{justify-content:flex-start;display:flex}.playback-controls-group{justify-content:center;align-items:center;gap:12px;display:flex}.volume-controls-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.controls-divider{background-color:var(--border-color);width:100%;height:1px;margin:14px 0}.drawing-tools-row{border:1px solid var(--border-color);background-color:#06070a73;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.drawing-modes-group{align-items:center;gap:6px;display:flex}.brush-properties-group{flex-wrap:nowrap;align-items:center;gap:14px;display:flex}.color-picker-wrapper-modern{align-items:center;display:inline-flex;position:relative}.btn-color-picker-trigger{border:2px solid var(--border-color);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .2s;display:flex;position:relative;box-shadow:0 0 10px #0006,inset 0 1px 3px #fff3}.btn-color-picker-trigger:hover{border-color:var(--accent-light);transform:scale(1.1);box-shadow:0 0 12px #8b5cf680}.color-trigger-indicator{opacity:0;background-color:#fff6;border-radius:50%;width:6px;height:6px;transition:opacity .2s;display:block}.btn-color-picker-trigger:hover .color-trigger-indicator{opacity:1}.color-picker-popover{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);z-index:999;background:#0d0f17f5;border-radius:12px;flex-direction:column;gap:12px;width:240px;padding:14px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #000000b3}.color-picker-popover .popover-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:10px;font-weight:800}.color-picker-popover .preset-colors-chips{justify-content:space-between}.preset-colors-chips{align-items:center;gap:6px;display:flex}.color-preset-chip{cursor:pointer;border:1.5px solid #fff3;border-radius:50%;outline:none;width:18px;height:18px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000040}.color-preset-chip:hover{border-color:#fff9;transform:scale(1.2)}.color-preset-chip.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px #ffffff80,0 2px 4px #0000004d}.hsl-sliders-container{flex-direction:column;gap:10px;display:flex}.hsl-slider-item{align-items:center;gap:10px;display:flex}.hsl-label{color:var(--text-secondary);white-space:nowrap;width:28px;font-size:10px;font-weight:800}.hue-spectrum-slider,.saturation-spectrum-slider,.lightness-spectrum-slider{appearance:none;cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.hue-spectrum-slider{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.hue-spectrum-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1.5px solid #0d0f17;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0009}.saturation-spectrum-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1.5px solid #0d0f17;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0009}.lightness-spectrum-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1.5px solid #0d0f17;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0009}.hue-spectrum-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.saturation-spectrum-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.lightness-spectrum-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.hue-spectrum-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:1.5px solid #0d0f17;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0009}.saturation-spectrum-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:1.5px solid #0d0f17;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0009}.lightness-spectrum-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:1.5px solid #0d0f17;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0009}.hue-spectrum-slider::-moz-range-thumb:hover{transform:scale(1.3)}.saturation-spectrum-slider::-moz-range-thumb:hover{transform:scale(1.3)}.lightness-spectrum-slider::-moz-range-thumb:hover{transform:scale(1.3)}.custom-color-picker-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;height:28px;padding:4px 10px;display:flex}.hex-prefix-label{color:var(--text-secondary);font-size:9px;font-weight:800;font-family:var(--font-sans)}.hex-code-input{color:var(--text-primary);font-family:var(--font-mono);text-align:left;text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:11px;font-weight:600}.popover-actions{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.btn-color-action{cursor:pointer;border-radius:6px;outline:none;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.btn-color-action.cancel{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-color-action.cancel:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff4d}.btn-color-action.apply{color:#fff;background:#8b5cf6;border:1px solid #8b5cf6;box-shadow:0 2px 6px #8b5cf633}.btn-color-action.apply:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 10px #8b5cf666}.slider-control-item{align-items:center;gap:8px;display:flex}.slider-control-item .slider-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:10px;font-weight:750}.slider-value-display{color:var(--text-primary);text-align:right;min-width:32px;font-size:10px;font-weight:600}.brush-size-slider,.brush-opacity-slider{appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:2px;outline:none;width:80px;height:4px;transition:background-color .15s}.brush-size-slider:hover,.brush-opacity-slider:hover{background-color:var(--border-color-hover)}.brush-size-slider::-webkit-slider-thumb{appearance:none;background-color:var(--accent-light);border-radius:50%;width:10px;height:10px;transition:transform .1s;box-shadow:0 0 5px #8b5cf666}.brush-opacity-slider::-webkit-slider-thumb{appearance:none;background-color:var(--accent-light);border-radius:50%;width:10px;height:10px;transition:transform .1s;box-shadow:0 0 5px #8b5cf666}.brush-size-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.brush-opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.brush-size-slider::-moz-range-thumb{background-color:var(--accent-light);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:transform .1s;box-shadow:0 0 5px #8b5cf666}.brush-opacity-slider::-moz-range-thumb{background-color:var(--accent-light);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:transform .1s;box-shadow:0 0 5px #8b5cf666}.brush-size-slider::-moz-range-thumb:hover{transform:scale(1.3)}.brush-opacity-slider::-moz-range-thumb:hover{transform:scale(1.3)}.history-actions-group{align-items:center;gap:6px;display:flex}.btn-play{background-color:#8b5cf61a;border:1px solid #8b5cf633;color:var(--accent-light)!important}.btn-play:hover{background-color:var(--accent);color:#fff!important}.btn-mode{color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;transition:all .15s;display:inline-flex}.btn-mode.active{background-color:var(--bg-card);color:#fff;border:1px solid var(--border-color)}.separator{background-color:var(--border-color);width:1px;height:14px;margin:0 4px}.btn-icon-tool{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-icon-tool.active{background-color:var(--accent);color:#fff}.btn-icon-tool:hover:not(.active):not(:disabled){background-color:var(--bg-card);color:var(--text-primary)}.btn-icon-tool:disabled{opacity:.25;cursor:not-allowed}.text-danger{color:var(--color-danger)}.text-danger:hover{color:#ff8a8a!important;background-color:#ef44441a!important}.color-picker-wrapper{align-items:center;display:flex}.color-picker-input{appearance:none;border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;width:18px;height:18px;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.brush-size-slider{-webkit-appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:2px;outline:none;width:50px;height:4px}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--text-secondary);border-radius:50%;width:10px;height:10px}.brush-size-slider::-webkit-slider-thumb:hover{background-color:var(--accent-light)}.volume-slider{-webkit-appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:2px;outline:none;width:50px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--text-secondary);border-radius:50%;width:10px;height:10px}.volume-slider::-webkit-slider-thumb:hover{background-color:var(--text-primary)}.feedback-sidebar{background-color:var(--bg-panel);border-left:1px solid var(--border-color);flex-direction:column;width:380px;height:100%;display:flex}.feedback-form-box{border-bottom:1px solid var(--border-color);background-color:#090a0f40;padding:20px}.section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:700;display:flex}.pulse-dot{background-color:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;display:inline-block}.feedback-form{flex-direction:column;gap:14px;display:flex}.timecard-banner{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.timecard-banner .label{color:var(--text-secondary);align-items:center;gap:6px;font-weight:500;display:flex}.timecard-banner .value{color:var(--color-success);letter-spacing:.5px;font-size:13px;font-weight:800}.icon-violet{color:var(--accent-light)}.form-item{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.tag-grid{grid-template-cols:repeat(3, 1fr);gap:6px;display:grid}.tag-btn{text-align:center;border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-secondary);cursor:pointer;font-size:9.5px;font-weight:600;font-family:var(--font-sans);border-radius:6px;padding:6px 4px;transition:all .15s}.tag-btn:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.tag-btn.active{border-color:var(--accent);color:var(--accent-light);background-color:#8b5cf61f;font-weight:700}.note-textarea{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);resize:none;font-size:12px;font-family:var(--font-sans);border-radius:8px;outline:none;padding:10px;line-height:1.5;transition:border-color .15s}.note-textarea::placeholder{color:var(--text-muted)}.note-textarea:focus{border-color:var(--accent)}.capture-thumbnail-box{border:1px solid var(--border-color);aspect-ratio:16/9;background-color:#000;border-radius:8px;justify-content:center;align-items:center;max-height:90px;display:flex;position:relative;overflow:hidden}.thumbnail-img{object-fit:contain;max-height:100%}.thumbnail-badge{color:#fff;border:1px solid var(--border-color);background-color:#06070ae6;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;bottom:6px;right:6px}.feedback-list-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.list-title-row{justify-content:space-between;align-items:center;display:flex}.list-count{color:var(--text-secondary);font-size:11.5px;font-weight:700}.btn-clear-all{color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:600;transition:opacity .15s}.btn-clear-all:hover{opacity:.8;text-decoration:underline}.search-input{background-color:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:11px;font-family:var(--font-sans);border-radius:6px;outline:none;padding:7px 12px;transition:border-color .15s}.search-input:focus{border-color:var(--border-color-hover)}.filter-scroll{align-items:center;gap:5px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{height:3px}.filter-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:9.5px;font-weight:600;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;transition:all .15s}.filter-chip.active{background-color:var(--bg-card);color:#fff;border-color:var(--border-color)}.filter-chip:hover:not(.active){color:var(--text-primary)}.feedback-cards-container{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 16px;display:flex}.empty-icon-circle{background-color:var(--bg-card);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.empty-text{white-space:pre-wrap;margin:0;font-size:11px;line-height:1.6}.feedback-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;gap:10px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.feedback-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.status-pending{border-left:3px solid var(--color-warning)}.status-progress{border-left:3px solid var(--color-info)}.status-completed{border-left:3px solid var(--color-success)}.card-top-row{justify-content:space-between;align-items:center;display:flex}.card-badges{align-items:center;gap:6px;display:flex}.card-tc{color:var(--color-success);background-color:#10b9811a;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.card-tag-badge{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.card-actions{align-items:center;gap:6px;display:flex}.status-badge-toggle{cursor:pointer;font-size:9px;font-weight:700;font-family:var(--font-sans);border:1px solid #0000;border-radius:9999px;padding:2px 8px;transition:all .15s}.status-badge-toggle:hover{filter:brightness(1.2)}.toggle-pending{color:var(--color-warning);background-color:#f59e0b1f;border-color:#f59e0b40}.toggle-progress{color:var(--color-info);background-color:#06b6d41f;border-color:#06b6d440}.toggle-completed{color:var(--color-success);background-color:#10b9811f;border-color:#10b98140}.btn-card-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.feedback-card:hover .btn-card-delete{opacity:1}.btn-card-delete:hover{color:var(--color-danger);background-color:var(--bg-card-hover)}.card-content-row{align-items:flex-start;gap:12px;display:flex}.card-thumbnail-box{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:76px;display:flex;overflow:hidden}.card-thumbnail-img{object-fit:contain;max-height:100%}.card-note-text{color:var(--text-primary);word-break:break-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:11.5px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--border-color);background-color:#090a0f66;display:flex}.tab-btn-main{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;padding:14px;transition:all .2s}.tab-btn-main:hover{color:var(--text-primary);background-color:#ffffff05}.tab-btn-main.active{color:var(--accent-light);border-bottom-color:var(--accent);background-color:#8b5cf60d}.speed-selector-wrapper{align-items:center;display:flex}.speed-selector{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);border-radius:6px;outline:none;padding:4px 8px;transition:all .15s}.speed-selector:hover{border-color:var(--border-color-hover);background-color:var(--bg-card-hover)}.layers-control-panel{border-left:1px solid var(--border-color);flex-direction:column;gap:6px;width:100%;max-width:250px;margin-left:8px;padding-left:16px;display:flex;overflow:hidden}.panel-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:800}.layers-list{scrollbar-width:thin;align-items:center;gap:6px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.layers-list::-webkit-scrollbar{height:3px}.no-layers{color:var(--text-muted);font-size:10px;font-style:italic}.layer-item-chip{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:2.5px 6px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.layer-item-chip:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.btn-layer-visible{cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.eye-status.hidden{opacity:.35}.layer-name-tag{text-overflow:ellipsis;max-width:80px;display:inline-block;overflow:hidden}.btn-layer-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0;font-size:11px;font-weight:700;line-height:1}.btn-layer-delete:hover{color:var(--color-danger)}.tag-select-dropdown{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:100%;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:8px;outline:none;padding:8px 12px;transition:all .15s}.tag-select-dropdown:focus{border-color:var(--accent)}.tag-select-dropdown option{background-color:var(--bg-panel);color:var(--text-primary)}.layer-manager-item{margin-top:4px}.sidebar-layers-list{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:6px;max-height:140px;padding:6px;display:flex;overflow-y:auto}.sidebar-no-layers{color:var(--text-muted);text-align:center;padding:20px 0;font-size:11px;font-style:italic}.sidebar-layer-row{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:flex}.sidebar-layer-row:hover{background-color:var(--bg-card-hover);border-color:var(--border-color-hover)}.sidebar-layer-row .layer-name-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.sidebar-layer-row:hover .layer-name-text{color:var(--text-primary)}.btn-layer-delete-trash{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-layer-delete-trash:hover{color:var(--color-danger);background-color:#ef44441a}.text-info-btn{color:var(--color-info)!important;border-color:#06b6d433!important}.text-info-btn:hover{background-color:#06b6d41a!important}.premium-register-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:40px 24px;display:flex}.btn-premium-register{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#4f46e5 100%) 0 0/200%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:280px;height:58px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #8b5cf666,inset 0 0 0 1px #ffffff1a}.btn-premium-register:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#fff0 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-premium-register:hover{background-position:100%;transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf699,0 0 15px #6366f166}.btn-premium-register:hover:before{opacity:1}.btn-premium-register:active{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf64d}.premium-register-hint{color:var(--text-muted);text-align:center;opacity:.8;max-width:220px;font-size:12px;line-height:1.5}.video-canvas-container.editing-active-glow{animation:2s ease-in-out infinite edit-glow-pulse;border:2px solid #8b5cf6!important;box-shadow:0 0 25px #8b5cf6bf,0 20px 50px #000000a6!important}@keyframes edit-glow-pulse{0%{border-color:#8b5cf6cc;box-shadow:0 0 15px #8b5cf680,0 20px 50px #000000a6}50%{border-color:#6366f1;box-shadow:0 0 30px #6366f1f2,0 20px 50px #000000a6}to{border-color:#8b5cf6cc;box-shadow:0 0 15px #8b5cf680,0 20px 50px #000000a6}}.edit-mode-badge{-webkit-backdrop-filter:blur(8px);color:#fff;z-index:10;pointer-events:none;background:#8b5cf6d9;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;animation:.25s ease-out badge-fade-in;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #00000040}@keyframes badge-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sidebar-layer-row.selected-layer{box-shadow:inset 0 0 8px #8b5cf61a;background-color:#8b5cf626!important;border:1px solid #8b5cf666!important}.sidebar-layer-row.selected-layer .layer-name-text{color:#fff!important;font-weight:700!important}.sidebar-layer-row{cursor:pointer;transition:all .2s}.sidebar-layer-row:hover{background-color:#ffffff0d}