.mode-selector{position:relative;display:flex;width:100%;border-radius:1rem;border-width:1px;border-color:hsl(var(--sonic-border)/.5);background-color:hsl(var(--sonic-surface)/.5);padding:.375rem}.mode-selector-indicator{pointer-events:none;position:absolute;inset:0;margin:.375rem}.mode-selector-slide{position:absolute;inset:0;width:33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:hsl(var(--sonic-amber)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--sonic-amber)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--sonic-gold)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--sonic-gold)) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--sonic-amber-glow)) var(--tw-gradient-to-position);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1);box-shadow:0 4px 20px rgba(255,162,0,.3)}.mode-selector-button{position:relative;z-index:10;flex:1 1 0%;border-radius:.75rem;padding:.625rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}@media (min-width:640px){.mode-selector-button{padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}}.mode-selector-button-active{color:hsl(var(--sonic-black))}.mode-selector-button-inactive{color:hsl(var(--sonic-text-muted))}.form-textarea,.mode-selector-button-inactive:hover{color:hsl(var(--sonic-text))}.form-textarea{resize:none;border-radius:.75rem;border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark)/.8);font-size:.75rem;line-height:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.form-textarea::placeholder{color:hsl(var(--sonic-text-dim))}.form-textarea:focus{border-color:hsl(var(--sonic-amber)/.5);--tw-ring-color:hsl(var(--sonic-amber)/0.3)}@media (min-width:640px){.form-textarea{font-size:.875rem;line-height:1.25rem}}.form-textarea:hover{border-color:hsl(var(--sonic-border));background:hsla(0,0%,8%,.9)}.form-input{border-radius:.75rem;border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark)/.8);font-size:.75rem;line-height:1rem;color:hsl(var(--sonic-text));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.form-input::placeholder{color:hsl(var(--sonic-text-dim))}.form-input:focus{border-color:hsl(var(--sonic-amber)/.5);--tw-ring-color:hsl(var(--sonic-amber)/0.3)}@media (min-width:640px){.form-input{font-size:.875rem;line-height:1.25rem}}.form-input:hover{border-color:hsl(var(--sonic-border));background:hsla(0,0%,8%,.9)}.form-label{font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--sonic-text))}@media (min-width:640px){.form-label{font-size:1rem;line-height:1.5rem}}.form-description{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:hsl(var(--sonic-text-muted))}@media (min-width:640px){.form-description{font-size:.875rem;line-height:1.25rem}}.model-select-trigger{width:100%;border-radius:.75rem;border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark)/.8);color:hsl(var(--sonic-text));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.model-select-trigger:hover{background-color:hsl(var(--sonic-surface))}.model-select-trigger:focus{border-color:hsl(var(--sonic-amber)/.5);color:hsl(var(--sonic-text));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--sonic-amber)/0.5)}.model-select-trigger [data-placeholder]{color:hsl(var(--sonic-text-muted))}.model-select-trigger span{color:hsl(var(--sonic-text))}.model-select-content{border-radius:.75rem;border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark));--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.model-select-item{margin-top:.125rem;margin-bottom:.125rem;cursor:pointer;border-radius:var(--radius);color:hsl(var(--sonic-text));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.model-select-item:focus,.model-select-item:hover{background-color:hsl(var(--sonic-surface))}.model-select-item:focus{color:hsl(var(--sonic-text))}.model-select-item:hover,.model-select-item[data-state=checked]{color:hsl(var(--sonic-amber))}.model-version-badge{display:flex;align-items:center;gap:.375rem;border-radius:9999px;border-width:1px;border-color:hsl(var(--sonic-amber)/.2);background-color:hsl(var(--sonic-amber)/.1);padding:.25rem .625rem}.model-version-badge-text{font-size:.75rem;line-height:1rem;font-weight:600;color:hsl(var(--sonic-amber))}.submit-button{width:100%;border-radius:1rem;padding:1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--sonic-black));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.submit-button:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.submit-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--sonic-amber));--tw-ring-offset-width:2px;--tw-ring-offset-color:hsl(var(--sonic-dark))}.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.submit-button{font-size:1rem;line-height:1.5rem}}.submit-button{background:linear-gradient(135deg,#ffa200,#ffd24d);box-shadow:0 4px 20px rgba(255,162,0,.3)}.submit-button:hover:not(:disabled){box-shadow:0 8px 30px rgba(255,162,0,.4)}.setting-item{margin-bottom:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:1rem;border-width:1px;border-color:hsl(var(--sonic-border)/.3);background-color:hsl(var(--sonic-surface)/.3);padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.setting-item:hover{border-color:hsl(var(--sonic-border)/.5)}.setting-item-large{margin-bottom:1rem;border-radius:1rem;border-width:1px;border-color:hsl(var(--sonic-border)/.3);background-color:hsl(var(--sonic-surface)/.3);padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.setting-item-large:hover{border-color:hsl(var(--sonic-border)/.5)}.style-chip{margin:.25rem;display:inline-flex;align-items:center;border-radius:9999px;border-width:1px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.style-chip-active{border-color:hsl(var(--sonic-amber)/.5);background-color:hsl(var(--sonic-amber)/.2);color:hsl(var(--sonic-amber))}.style-chip-inactive{border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-surface)/.4);color:hsl(var(--sonic-text-muted))}.style-chip-inactive:hover{border-color:hsl(var(--sonic-amber)/.3);background-color:hsl(var(--sonic-surface));color:hsl(var(--sonic-text))}.accordion-advanced{overflow:hidden;border-radius:1rem;border-width:1px;border-color:hsl(var(--sonic-border)/.5);background-color:hsl(var(--sonic-surface)/.2)}.accordion-trigger{padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--sonic-text));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.accordion-trigger:hover{color:hsl(var(--sonic-amber))}.accordion-content{padding-left:1rem;padding-right:1rem;padding-bottom:1rem;color:hsl(var(--sonic-text-muted))}.generate-lyrics-btn{height:2.5rem;border-radius:var(--radius);padding-left:.75rem;padding-right:.75rem;color:hsl(var(--sonic-amber));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.generate-lyrics-btn:hover{background-color:hsl(var(--sonic-amber)/.1);color:hsl(var(--sonic-gold));box-shadow:0 0 15px rgba(255,162,0,.2)}