@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";:root{--bg-color:#0a0a0f;--panel-bg:#14141e99;--panel-border:#ffffff14;--text-main:#f0f0f5;--text-muted:#8b8b9c;--accent:#00f2fe;--accent-hover:#4facfe;--danger:#ff4d4f;--danger-hover:#ff7875;--shadow-glow:0 0 20px #00f2fe26}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#00f2fe0d,#0000 25%),radial-gradient(circle at 85% 30%,#4facfe0d,#0000 25%);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}a{color:var(--accent);text-decoration:none;transition:all .2s}a:hover{color:var(--accent-hover);text-shadow:0 0 8px #00f2fe66}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.premium-select,.premium-input{color:var(--text-main);border:1px solid var(--panel-border);background:#00000080;border-radius:8px;outline:none;width:134px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.premium-select:focus,.premium-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00f2fe33}.premium-btn{color:var(--text-main);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.premium-btn:hover:not(:disabled){border-color:var(--text-main);background:#ffffff0d}.premium-btn.accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#000;box-shadow:var(--shadow-glow);border:none}.premium-btn.accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 25px #00f2fe66}.premium-btn.danger{background:var(--danger);color:#fff;border:none}.premium-btn.danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:0 0 20px #ff4d4f4d}.premium-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.premium-checkbox{appearance:none;font:inherit;color:currentColor;border:1px solid var(--panel-border);cursor:pointer;background-color:#00000080;border-radius:.25em;place-content:center;width:1.15em;height:1.15em;margin:0;transition:all .2s;display:grid}.premium-checkbox:before{content:"";width:.65em;height:.65em;box-shadow:inset 1em 1em var(--accent);background-color:var(--accent);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);border-radius:2px;transition:transform .12s ease-in-out;transform:scale(0)}.premium-checkbox:checked{border-color:var(--accent)}.premium-checkbox:checked:before{transform:scale(1)}.premium-range{appearance:none;background:0 0;width:100%;margin:8px 0}.premium-range:focus{outline:none}.premium-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-main);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 10px #00f2fe66}.premium-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #00f2fe99}.premium-range::-webkit-slider-runnable-track{cursor:pointer;background:#4a4a5a;border-radius:3px;width:100%;height:6px;transition:background .2s}.premium-range:hover::-webkit-slider-runnable-track{background:#6a6a7a}.premium-range::-moz-range-thumb{background:var(--text-main);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 10px #00f2fe66}.premium-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #00f2fe99}.premium-range::-moz-range-track{cursor:pointer;background:#4a4a5a;border-radius:3px;width:100%;height:6px;transition:background .2s}.premium-range:hover::-moz-range-track{background:#6a6a7a}.premium-color-picker{appearance:none;cursor:pointer;background:0 0;border:2px solid #ffffff1a;border-radius:8px;width:34px;height:34px;padding:0;transition:all .2s;overflow:hidden}.premium-color-picker::-webkit-color-swatch-wrapper{padding:0}.premium-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.premium-color-picker:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 12px #00f2fe4d}.viewer-wrapper{background:#000;position:absolute;inset:0;overflow:hidden}.viewer-video,.viewer-canvas{object-fit:cover;z-index:1;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.viewer-canvas{z-index:2;pointer-events:none}.floating-panel{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0f0f14bf;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:15px;width:260px;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:40px;bottom:40px;right:20px;overflow-y:visible;transform:translate(calc(100% + 20px));box-shadow:-10px 0 30px #00000080}.floating-panel.panel-open{transform:translate(0)}.floating-panel-content{flex-direction:column;gap:15px;height:100%;padding-right:8px;display:flex;overflow-y:auto}.panel-toggle-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);cursor:pointer;color:#fff;background:#0a0a0fb3;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:20px;left:-40px}.panel-toggle-btn:hover{background:#ffffff1a}.floating-panel-content::-webkit-scrollbar{width:6px}.floating-panel-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.floating-panel-content::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}.floating-panel-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}.control-section{border-bottom:1px solid var(--panel-border);flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.control-section:last-child{border-bottom:none}#root,html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}