:root{--slate-25:#ffffff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-850:#0f172a;--slate-900:#020617;--accent-100:#e0e7ff;--accent-main:#6366f1;--accent-hover:#4f46e5;--accent-glow:rgba(99, 102, 241, 0.12);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--text-xs:0.7rem;--text-sm:0.8rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.2rem;--text-2xl:1.4rem;--text-4xl:2.2rem;--text-7xl:4rem;--bg-color:radial-gradient(circle at 20% 20%, #ffffff 0%, #f5f7ff 100%);--bg-status:#f8fafc;--bg-surface:var(--slate-25);--bg-border:#e2e8f0;--border-subtle:rgba(99, 102, 241, 0.08);--text-main:#334155;--text-muted:#64748b;--text-hover:#0f172a;--menu-icon:#475569;--icon-main:var(--accent-main);--menu-hover:#f1f5f9;--label-color:#64748b;--action-primary:var(--accent-main);--action-accent:#10b981;--action-hover:var(--accent-hover);--info-box-bg:rgba(99, 102, 241, 0.03);--info-box-border:rgba(99, 102, 241, 0.15);--dots-grid:rgba(255, 255, 255, 0.9);--wave-overlay-bg:rgba(37, 99, 235, 0.08);--wave-overlay-sh:rgba(37, 99, 235, 0.2);--modal-overlay-bg:rgba(15, 23, 42, 0.7);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-half:25rem;--radius-full:3rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.04), 0 4px 6px -2px rgba(0,0,0,0.02)}body{background:var(--bg-status)}.status-card{background:var(--slate-25);border-color:var(--bg-border)!important;box-shadow:var(--shadow-sm)}.editor-card,.status-card,body,summary{color:var(--text-main)}.editor-card,.export-modal,.tool-card,details{border-color:var(--bg-border)!important;border-radius:var(--radius-lg)}.editor-card{background:var(--bg-surface)}.export-modal,.tool-card,details{background:var(--slate-25);box-shadow:var(--shadow-lg);color:var(--text-main)}.editor-card.borderles{background:0 0;border:0;box-shadow:none}.modal-close:hover,.modal-title,.tool-card h3,.track-desc,.track-name,section h4,section strong{color:var(--slate-800)}summary{background:rgba(0,0,0,.02);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer}summary:before{border-color:transparent transparent transparent var(--slate-600)!important}details p{color:var(--slate-600)}.modal-close{color:var(--slate-400);transition:color .2s}.export-card{background:var(--slate-50);transition:transform .2s,background .2s}.editor-card.bordered,.export-card:hover{background:var(--slate-100)}.badge,.export-card,.format-option input+span{border-color:var(--slate-200)!important}.badge{background:var(--slate-100);color:var(--slate-700)}.format-option input+span{background:var(--slate-25);color:var(--slate-600)}.format-option input:checked+span{background:var(--accent-main);border-color:var(--accent-main)!important;color:var(--slate-25)}.btn-primary{background:var(--action-primary);color:var(--slate-25)}.btn-image,.btn-text{background:var(--accent-main)}.disabled.loader::before{background:var(--slate-200);color:var(--slate-400)}.btn-image,.btn-text,.label{color:var(--slate-25)}.text-muted,h3,section h2,section p{color:var(--slate-600)}section p a{color:var(--accent-main);text-decoration:none}#lScreen::before{border-top-color:var(--accent-main)!important}#rScreen::before{border-bottom-color:var(--accent-main)!important}.handle,.label{background:var(--accent-main)}.handle:hover{background:var(--action-hover)}.dots-grid div{background:var(--dots-grid)}.wave-overlay{background:var(--wave-overlay-bg);box-shadow:inset 0 0 0 1px var(--wave-overlay-sh)}.modal-overlay{background:var(--modal-overlay-bg)}.icon1{color:#fbbf24}.footer-links a:hover,.icon2{color:var(--accent-main)}.icon3{color:#f87171}.icon4{color:#34d399}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--slate-50)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.footer-brand,.footer-links a{color:var(--slate-500)}.cookie-bar{background:var(--slate-700);color:var(--slate-25)}