:root{--bg: #0B0F14;--surface: #121820;--surface-elevated: #18212B;--border: #26313D;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--accent-primary: #22D3EE;--accent-secondary: #A78BFA;--success: #34D399;--warning: #FBBF24;--text-on-accent: #061018;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .26);--shadow-card: 0 14px 34px rgba(0, 0, 0, .18);--glow-primary: 0 0 0 1px color-mix(in srgb, var(--accent-primary) 28%, transparent), 0 16px 42px color-mix(in srgb, var(--accent-primary) 12%, transparent);color-scheme:dark}html[data-theme=light]{--bg: #F8FAFC;--surface: #FFFFFF;--surface-elevated: #F1F5F9;--border: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--accent-primary: #0891B2;--accent-secondary: #7C3AED;--success: #059669;--warning: #D97706;--text-on-accent: #FFFFFF;--shadow-soft: 0 18px 44px rgba(15, 23, 42, .1);--shadow-card: 0 10px 28px rgba(15, 23, 42, .08);--glow-primary: 0 0 0 1px color-mix(in srgb, var(--accent-primary) 20%, transparent), 0 14px 34px color-mix(in srgb, var(--accent-primary) 10%, transparent);color-scheme:light}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent-primary) 12%,transparent),transparent 26rem),radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--accent-secondary) 10%,transparent),transparent 24rem),var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif}*{box-sizing:border-box}::selection{background:color-mix(in srgb,var(--accent-primary) 34%,transparent);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}a{transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}button,select,input,textarea,[role=button]{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}.bg-white{background-color:var(--surface)!important}.hover\:bg-white:hover{background-color:color-mix(in srgb,var(--accent-primary) 7%,var(--surface))!important}.border-outline-variant{border-color:var(--border)!important}.text-on-surface{color:var(--text-primary)!important}.text-on-surface-variant{color:var(--text-secondary)!important}.text-white{color:#fff}.bg-primary.text-white,button.bg-primary{color:var(--text-on-accent)!important}select,input:not([type=range]):not([type=file]),textarea{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important}select:focus,input:not([type=range]):not([type=file]):focus,textarea:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)!important}button:disabled,a[aria-disabled=true]{filter:saturate(.7)}.shadow-sm,.shadow-md,.shadow-lg{box-shadow:var(--shadow-card)!important}.rounded-xl{border-radius:14px}.rounded-lg{border-radius:10px}.sunken-well{background-color:var(--surface-elevated);box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 5%,transparent)}.waveform-animate{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg)}.custom-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-secondary) 40%,transparent);border-radius:3px}#dropzoneForm.dropzone{min-height:16rem;padding:0;border:2px dashed var(--border);border-radius:16px;background:color-mix(in srgb,var(--accent-primary) 4%,var(--surface));transition:border-color .16s,background-color .16s,box-shadow .16s}#dropzoneForm.dropzone:hover,#dropzoneForm.dropzone.dz-drag-hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface));box-shadow:var(--glow-primary)}#dropzoneForm.dropzone .dz-message{display:flex;min-height:15.75rem;margin:0;align-items:center;justify-content:center}#dropzoneForm.dropzone .dz-preview{display:none}.blog-shell{width:min(100% - 2rem,960px);margin:0 auto;padding:3rem 0 6rem}.blog-grid{display:grid;gap:1rem}.blog-card{display:block;padding:1.5rem;color:inherit;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);transition:border-color .16s,transform .16s,box-shadow .16s}.blog-card:hover{border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.prose{font-size:1rem;line-height:1.75}.prose h2,.prose h3{margin-top:2rem;line-height:1.25}.prose a{color:var(--accent-primary)}.prose code{font-family:JetBrains Mono,monospace;background:var(--surface-elevated);padding:.15rem .35rem;border-radius:4px}.prose pre{overflow-x:auto;padding:1rem;background:#090d12;color:#f8fafc;border-radius:8px}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-primary);font-size:.78rem;font-weight:800;cursor:pointer}.theme-toggle:hover{border-color:var(--accent-primary);box-shadow:var(--glow-primary)}.theme-toggle-icon{font-size:1rem;line-height:1}html[data-theme=dark] .theme-toggle-icon-light,html[data-theme=light] .theme-toggle-icon-dark{display:none}.tool-sidebar{min-height:calc(100vh - 4rem);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 4%,transparent),transparent 18rem),var(--surface)!important}.sidebar-tool-icon{color:var(--sidebar-icon-color, var(--accent-primary))!important}.sidebar-icon-converter{--sidebar-icon-color: var(--accent-primary)}.sidebar-icon-cutter{--sidebar-icon-color: #F97316}.sidebar-icon-normalization{--sidebar-icon-color: var(--success)}.sidebar-icon-bpm{--sidebar-icon-color: #EC4899}.sidebar-icon-tuner{--sidebar-icon-color: var(--warning)}.sidebar-icon-vocal{--sidebar-icon-color: var(--accent-secondary)}.tool-card{position:relative;overflow:hidden;border-top:3px solid var(--tool-accent, var(--accent-primary));background:linear-gradient(180deg,color-mix(in srgb,var(--tool-accent, var(--accent-primary)) 5%,transparent),transparent 34%),var(--surface);box-shadow:var(--shadow-card)}.tool-card:hover{border-color:color-mix(in srgb,var(--tool-accent, var(--accent-primary)) 75%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--tool-accent, var(--accent-primary)) 24%,transparent),0 18px 46px color-mix(in srgb,var(--tool-accent, var(--accent-primary)) 12%,transparent)}.tool-card-featured{min-height:17rem}.tool-icon{background:color-mix(in srgb,var(--tool-accent, var(--accent-primary)) 16%,var(--surface-elevated));color:var(--tool-accent, var(--accent-primary))}.tool-card-ai{--tool-accent: var(--accent-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent 34%),linear-gradient(315deg,color-mix(in srgb,var(--accent-secondary) 12%,transparent),transparent 38%),var(--surface)}.tool-card-ai .tool-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 22%,var(--surface-elevated)),color-mix(in srgb,var(--accent-secondary) 22%,var(--surface-elevated)));color:var(--text-primary)}.doc-panel,.doc-card,.ui-snapshot,.snapshot-card-grid div,.snapshot-results div{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-card)!important}.doc-copy,.doc-card p,.doc-steps,.ui-snapshot figcaption,.snapshot-upload,.snapshot-workspace,.snapshot-settings,.snapshot-progress,.snapshot-results,.doc-table span{color:var(--text-secondary)!important}.snapshot-upload,.snapshot-workspace,.snapshot-settings,.snapshot-progress,.snapshot-results,.ui-snapshot figcaption,.doc-flow div{background-color:var(--surface-elevated)!important;border-color:var(--border)!important}.doc-heading,.doc-table strong,.snapshot-upload strong{color:var(--text-primary)!important}