.mode-selector{border-width:1px;border-color:hsl(var(--sonic-border) / .5);background-color:hsl(var(--sonic-surface) / .5);border-radius:1rem;width:100%;padding:.375rem;display:flex;position:relative}.mode-selector-indicator{pointer-events:none;margin:.375rem;position:absolute;inset:0}.mode-selector-slide{width:33.3333%;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));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-glow)) 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-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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);border-radius:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1);position:absolute;inset:0;box-shadow:0 4px 20px #ffa2004d}.mode-selector-button{z-index:10;border-radius:.75rem;flex:1;padding:.625rem .5rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;position:relative}@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))}.mode-selector-button-inactive:hover{color:hsl(var(--sonic-text))}.form-textarea{resize:none;border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark) / .8);color:hsl(var(--sonic-text));border-radius:.75rem;font-size:.75rem;line-height:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);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) / .3)}@media (min-width:640px){.form-textarea{font-size:.875rem;line-height:1.25rem}}.form-textarea:hover{border-color:hsl(var(--sonic-border));background:#141414e6}.form-input{border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark) / .8);color:hsl(var(--sonic-text));border-radius:.75rem;font-size:.75rem;line-height:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);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) / .3)}@media (min-width:640px){.form-input{font-size:.875rem;line-height:1.25rem}}.form-input:hover{border-color:hsl(var(--sonic-border));background:#141414e6}.form-label{color:hsl(var(--sonic-text));font-size:.875rem;font-weight:600;line-height:1.25rem}@media (min-width:640px){.form-label{font-size:1rem;line-height:1.5rem}}.form-description{color:hsl(var(--sonic-text-muted));margin-top:.25rem;font-size:.75rem;line-height:1rem}@media (min-width:640px){.form-description{font-size:.875rem;line-height:1.25rem}}.model-select-trigger{border-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark) / .8);width:100%;color:hsl(var(--sonic-text));border-radius:.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);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) / .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-color:hsl(var(--sonic-border));background-color:hsl(var(--sonic-dark));--tw-shadow:0 25px 50px -12px #00000040;--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);border-radius:.75rem}.model-select-item{cursor:pointer;border-radius:var(--radius);color:hsl(var(--sonic-text));margin-top:.125rem;margin-bottom:.125rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.model-select-item:hover{background-color:hsl(var(--sonic-surface))}.model-select-item:focus{background-color:hsl(var(--sonic-surface));color:hsl(var(--sonic-text))}.model-select-item:hover,.model-select-item[data-state=checked]{color:hsl(var(--sonic-amber))}.model-version-badge{border-width:1px;border-color:hsl(var(--sonic-amber) / .2);background-color:hsl(var(--sonic-amber) / .1);border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;display:flex}.model-version-badge-text{color:hsl(var(--sonic-amber));font-size:.75rem;font-weight:600;line-height:1rem}.submit-button{width:100%;color:hsl(var(--sonic-black));border-radius:1rem;padding:1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);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-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));outline:2px solid #0000}.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 0%,#ffd24c 100%);box-shadow:0 4px 20px #ffa2004d}.submit-button:hover:not(:disabled){box-shadow:0 8px 30px #ffa20066}.setting-item{border-width:1px;border-color:hsl(var(--sonic-border) / .3);background-color:hsl(var(--sonic-surface) / .3);border-radius:1rem;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex}.setting-item:hover{border-color:hsl(var(--sonic-border) / .5)}.setting-item-large{border-width:1px;border-color:hsl(var(--sonic-border) / .3);background-color:hsl(var(--sonic-surface) / .3);border-radius:1rem;margin-bottom:1rem;padding:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.setting-item-large:hover{border-color:hsl(var(--sonic-border) / .5)}.style-chip{border-width:1px;border-radius:9999px;align-items:center;margin:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;line-height:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:inline-flex}.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{border-width:1px;border-color:hsl(var(--sonic-border) / .5);background-color:hsl(var(--sonic-surface) / .2);border-radius:1rem;overflow:hidden}.accordion-trigger{color:hsl(var(--sonic-text));padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.accordion-trigger:hover{color:hsl(var(--sonic-amber))}.accordion-content{color:hsl(var(--sonic-text-muted));padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.generate-lyrics-btn{border-radius:var(--radius);height:2.5rem;color:hsl(var(--sonic-amber));padding-left:.75rem;padding-right:.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.generate-lyrics-btn:hover{background-color:hsl(var(--sonic-amber) / .1);color:hsl(var(--sonic-gold));box-shadow:0 0 15px #ffa20033}