.ai-tool-page{--tool-background:#000;--tool-surface:#171717;--tool-surface-raised:#262626;--tool-border:#404040;--tool-border-strong:#525252;--tool-border-subtle:#262626;--tool-text:#fff;--tool-text-body:#d4d4d4;--tool-text-muted:#a3a3a3;--tool-text-subtle:#737373;--tool-control-height:40px;--tool-action-height:48px;--tool-control-radius:6px;--tool-panel-radius:8px;--tool-info-radius:12px;--tool-field-gap:8px;--tool-panel-padding:24px 16px;--tool-accent:#fbbf24;--tool-accent-end:#fb7185;--tool-action:#b45309;--tool-action-end:#be123c;--tool-action-hover:#92400e;--tool-action-end-hover:#9f1239;--tool-accent-soft:rgba(251,191,36,.08);--tool-heading-gradient:linear-gradient(to right,var(--tool-accent),var(--tool-accent-end));--tool-action-gradient:linear-gradient(to right,var(--tool-action),var(--tool-action-end));--tool-action-hover-gradient:linear-gradient(to right,var(--tool-action-hover),var(--tool-action-end-hover));background:var(--tool-background);color:var(--tool-text);width:100%}.ai-tool-page[data-tool=stem-splitter]{--tool-accent:#22d3ee;--tool-accent-end:#818cf8;--tool-action:#0e7490;--tool-action-end:#4338ca;--tool-action-hover:#155e75;--tool-action-end-hover:#3730a3;--tool-accent-soft:rgba(34,211,238,.08)}.ai-tool-page[data-tool=voice-design]{--tool-accent:#60a5fa;--tool-accent-end:#e879f9;--tool-action:#2563eb;--tool-action-end:#7e22ce;--tool-action-hover:#1d4ed8;--tool-action-end-hover:#6b21a8;--tool-accent-soft:rgba(96,165,250,.08)}.ai-tool-page[data-tool=jacket]{--tool-accent:#fb7185;--tool-accent-end:#a78bfa;--tool-action:#e11d48;--tool-action-end:#7c3aed;--tool-action-hover:#be123c;--tool-action-end-hover:#6d28d9;--tool-accent-soft:rgba(251,113,133,.08)}.ai-tool-page[data-tool=lyrics-formatter]{--tool-accent:#34d399;--tool-accent-end:#22d3ee;--tool-action:#047857;--tool-action-end:#0e7490;--tool-action-hover:#065f46;--tool-action-end-hover:#155e75;--tool-accent-soft:rgba(52,211,153,.08)}.ai-tool-page .tool-container{padding:32px 16px 64px}.ai-tool-page .tool-hero{text-align:center;margin-bottom:32px}.ai-tool-page .tool-title{letter-spacing:-.025em;color:transparent;background:var(--tool-heading-gradient);-webkit-background-clip:text;background-clip:text;width:-moz-fit-content;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding-bottom:8px;font-size:30px;font-weight:800;line-height:1.25}.ai-tool-page .tool-subtitle{max-width:672px;color:var(--tool-text-body);text-wrap:pretty;margin:12px auto 0;font-size:16px;line-height:1.75}.ai-tool-page .tool-badge{letter-spacing:.1em;color:var(--tool-accent);margin-bottom:12px;font-size:12px;font-weight:600}.ai-tool-page .tool-panel{padding:var(--tool-panel-padding);background:var(--tool-surface);border-radius:var(--tool-panel-radius)}.ai-tool-page .tool-info-card{background:var(--tool-surface);border-radius:var(--tool-info-radius);padding:24px}.ai-tool-page .tool-result-card{background:var(--tool-surface);border:1px solid var(--tool-border-subtle);border-radius:var(--tool-panel-radius);padding:20px}.ai-tool-page .tool-accent{color:var(--tool-accent)}.ai-tool-page .tool-text{color:var(--tool-text-body)}.ai-tool-page .tool-muted{color:var(--tool-text-muted)}.ai-tool-page .tool-input{border-color:var(--tool-border);background:var(--tool-surface-raised);color:var(--tool-text);border-radius:var(--tool-control-radius);font-size:14px}.ai-tool-page .tool-input::placeholder{color:var(--tool-text-muted)}.ai-tool-page .tool-field>:not([hidden])~:not([hidden]){margin-top:var(--tool-field-gap)}.ai-tool-page input.tool-input{height:var(--tool-control-height)}.ai-tool-page .tool-input:focus-visible{--tw-ring-color:var(--tool-accent);border-color:var(--tool-accent)}.ai-tool-page .tool-primary{min-height:var(--tool-action-height);border-radius:var(--tool-control-radius);background:var(--tool-action-gradient);color:#fff;white-space:normal;height:auto;padding:12px 24px;font-size:16px;font-weight:600;line-height:24px}.ai-tool-page .tool-primary:hover{background:var(--tool-action-hover-gradient)}.ai-tool-page .tool-primary:disabled{opacity:.5}.ai-tool-page .tool-secondary{min-height:var(--tool-control-height);border:1px solid var(--tool-border);border-radius:var(--tool-control-radius);background:var(--tool-surface-raised);color:var(--tool-text-body)}.ai-tool-page .tool-secondary:hover{color:var(--tool-text);background:#404040}.ai-tool-page .tool-link{color:var(--tool-accent)}.ai-tool-page .tool-link:hover{color:var(--tool-text)}.ai-tool-page .tool-chip{border-color:var(--tool-border);color:var(--tool-text-body)}.ai-tool-page .tool-chip:hover{border-color:var(--tool-accent);color:var(--tool-text)}.ai-tool-page .tool-provider{height:var(--tool-control-height);border-color:var(--tool-border);border-radius:var(--tool-control-radius)}.ai-tool-page .tool-tabs{border-radius:var(--tool-panel-radius);background:var(--tool-surface-raised);gap:4px;padding:4px;display:flex}.ai-tool-page .tool-tab-active,.ai-tool-page .tool-tab-active:hover{background:var(--tool-action-gradient);color:#fff}.ai-tool-page .tool-tab-idle{color:var(--tool-text-muted)}.ai-tool-page .tool-tab-idle:hover{color:var(--tool-text);background:#404040}.ai-tool-page .tool-example{border-color:var(--tool-accent);background:var(--tool-surface);border-radius:var(--tool-info-radius)}.ai-tool-page .tool-spinner{border-top-color:var(--tool-accent)}.ai-tool-page :-webkit-any(button,a):focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.ai-tool-page :-moz-any(button,a):focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.ai-tool-page :is(button,a):focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}@media (min-width:640px){.ai-tool-page{--tool-panel-padding:32px 28px}.ai-tool-page .tool-container{padding:48px 24px 64px}.ai-tool-page .tool-hero{margin-bottom:48px}.ai-tool-page .tool-title{font-size:48px;line-height:1}.ai-tool-page .tool-subtitle{margin-top:16px;font-size:18px}}@media (min-width:1024px){.ai-tool-page .tool-container{padding:64px 32px}}