.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:#fbbf2414;--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:#22d3ee14}.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:#60a5fa14}.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:#fb718514}.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:#34d39914}.ai-tool-page .tool-container{padding:32px 16px 64px}.ai-tool-page .tool-hero{margin-bottom:32px;text-align:center}.ai-tool-page .tool-title{width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;padding-bottom:8px;font-size:30px;line-height:1.25;font-weight:800;letter-spacing:-.025em;color:transparent;background:var(--tool-heading-gradient);background-clip:text;-webkit-background-clip:text}.ai-tool-page .tool-subtitle{max-width:672px;margin:12px auto 0;font-size:16px;line-height:1.75;color:var(--tool-text-body);text-wrap:pretty}.ai-tool-page .tool-badge{margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--tool-accent)}.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{padding:24px;background:var(--tool-surface);border-radius:var(--tool-info-radius)}.ai-tool-page .tool-result-card{padding:20px;background:var(--tool-surface);border:1px solid var(--tool-border-subtle);border-radius:var(--tool-panel-radius)}.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::-moz-placeholder{color:var(--tool-text-muted)}.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);height:auto;padding:12px 24px;border-radius:var(--tool-control-radius);font-size:16px;line-height:24px;font-weight:600;background:var(--tool-action-gradient);color:#fff;white-space:normal}.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{background:#404040;color:var(--tool-text)}.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{display:flex;gap:4px;padding:4px;border-radius:var(--tool-panel-radius);background:var(--tool-surface-raised)}.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{background:#404040;color:var(--tool-text)}.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 :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}}