.opencut-editor{--opencut-bg:hsl(220 15% 6%);--opencut-surface:hsl(220 12% 8%);--opencut-panel:hsl(220 10% 9%);--opencut-card:hsl(220 8% 11%);--opencut-border:hsl(220 10% 14%);--opencut-border-subtle:hsl(220 8% 10%);--opencut-text:hsl(0 0% 96%);--opencut-text-muted:hsl(0 0% 65%);--opencut-accent:hsl(210,100%,60%);--opencut-accent-hover:hsl(210,100%,65%);--opencut-radius-sm:0.375rem;--opencut-radius-md:0.5rem;--opencut-radius-lg:0.625rem;--opencut-radius-xl:0.75rem;--opencut-shadow-sm:0 1px 3px 0 hsl(220 40% 2%/0.3);--opencut-shadow-md:0 2px 6px -1px hsl(220 40% 2%/0.4);--opencut-shadow-lg:0 4px 12px -2px hsl(220 40% 2%/0.5);--opencut-shadow-glow:0 0 16px -6px hsl(210 100% 60%/0.25)}.opencut-editor-black{--opencut-bg:hsl(220 8% 5%);--opencut-surface:hsl(220 8% 7%);--opencut-panel:hsl(220 8% 8%);--opencut-card:hsl(220 8% 10%);--opencut-border:hsl(220 8% 12%);--opencut-border-subtle:hsl(220 8% 9%);--opencut-text:hsl(0 0% 96%);--opencut-text-muted:hsl(0 0% 65%);--opencut-accent:hsl(210 100% 58%);--opencut-accent-hover:hsl(210 100% 64%);--background:var(--opencut-bg);--foreground:var(--opencut-text);--card:var(--opencut-card);--card-foreground:var(--opencut-text);--popover:var(--opencut-card);--popover-foreground:var(--opencut-text);--primary:var(--opencut-accent);--primary-foreground:white;--secondary:var(--opencut-surface);--secondary-foreground:var(--opencut-text);--muted:var(--opencut-surface);--muted-foreground:var(--opencut-text-muted);--accent:var(--opencut-accent);--accent-foreground:white;--destructive:hsl(0 85% 55%);--destructive-foreground:white;--border:var(--opencut-border);--input:var(--opencut-border-subtle);--ring:var(--opencut-accent);--panel-background:var(--opencut-panel);--panel-accent:var(--opencut-surface)}.opencut-home{--opencut-bg:hsl(220 12% 6%);--opencut-surface:hsl(220 12% 8%);--opencut-panel:hsl(220 12% 10%);--opencut-card:hsl(220 12% 12%);--opencut-border:hsl(220 10% 16%);--opencut-border-subtle:hsl(220 10% 12%)}.opencut-editor{background:var(--opencut-bg);color:var(--opencut-text)}.opencut-panel{background:var(--opencut-panel);border:1px solid var(--opencut-border-subtle);border-radius:var(--opencut-radius-md);box-shadow:var(--opencut-shadow-sm)}.opencut-card{background:var(--opencut-card);border:1px solid var(--opencut-border);border-radius:var(--opencut-radius-md);box-shadow:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.opencut-card:hover{border-color:var(--opencut-border);box-shadow:var(--opencut-shadow-sm);transform:none}.opencut-btn{background:var(--opencut-surface);border:1px solid var(--opencut-border);border-radius:var(--opencut-radius-md);color:var(--opencut-text);transition:all .15s ease}.opencut-btn:hover{background:var(--opencut-card);border-color:var(--opencut-accent)}.opencut-btn-primary{background:linear-gradient(135deg,var(--opencut-accent),hsl(210,95%,50%));border:none;color:white;box-shadow:var(--opencut-shadow-sm)}.opencut-btn-primary:hover{background:linear-gradient(135deg,var(--opencut-accent-hover),hsl(210,95%,60%));box-shadow:var(--opencut-shadow-md),var(--opencut-shadow-glow);transform:translateY(-1px)}.opencut-editor ::-webkit-scrollbar{width:10px;height:10px}.opencut-editor ::-webkit-scrollbar-track{background:var(--opencut-surface);border-radius:5px}.opencut-editor ::-webkit-scrollbar-thumb{background:var(--opencut-border);border-radius:5px;border:2px solid var(--opencut-surface)}.opencut-editor ::-webkit-scrollbar-thumb:hover{background:var(--opencut-accent)}.opencut-input{background:var(--opencut-surface);border:1px solid var(--opencut-border-subtle);border-radius:var(--opencut-radius-sm);color:var(--opencut-text);padding:.5rem .75rem;transition:all .15s ease}.opencut-input:focus{outline:none;border-color:var(--opencut-accent);box-shadow:0 0 0 3px hsl(210 90% 55%/.1)}.opencut-glass{background:hsl(220 25% 10%/.7);backdrop-filter:blur(16px) saturate(180%);border:1px solid hsl(220 20% 20%/.5);border-radius:var(--opencut-radius-lg);box-shadow:var(--opencut-shadow-lg)}.opencut-divider{height:1px;background:linear-gradient(90deg,transparent,var(--opencut-border) 20%,var(--opencut-border) 80%,transparent)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px -8px hsl(210 90% 55%/.3)}50%{box-shadow:0 0 30px -5px hsl(210 90% 55%/.5)}}.shimmer-effect{background:linear-gradient(90deg,var(--opencut-surface) 0,var(--opencut-card) 50%,var(--opencut-surface) 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite}.float-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,var(--opencut-accent),#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.opencut-card-enhanced{background:var(--opencut-card);border:1px solid var(--opencut-border);border-radius:var(--opencut-radius-lg);box-shadow:var(--opencut-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.opencut-card-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--opencut-accent)/5,transparent);opacity:0;transition:opacity .3s ease}.opencut-card-enhanced:hover:before{opacity:1}.opencut-card-enhanced:hover{border-color:var(--opencut-accent);box-shadow:var(--opencut-shadow-md),var(--opencut-shadow-glow);transform:translateY(-4px) scale(1.02)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.skeleton{background:linear-gradient(90deg,var(--opencut-surface) 25%,var(--opencut-card) 50%,var(--opencut-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--opencut-radius-md)}