/* /Components/AudioPlayer.razor.rz.scp.css */
.player h2[b-z1asqdd8ox] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-3);
}

.audio-element[b-z1asqdd8ox] {
    width: 100%;
    margin-bottom: var(--space-3);
}

.player-actions[b-z1asqdd8ox] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.btn-download[b-z1asqdd8ox] {
    display: inline-block;
    padding: var(--space-2) var(--space-4);
    background: var(--color-primary);
    color: var(--color-primary-text);
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
}
.btn-download:hover[b-z1asqdd8ox] {
    background: var(--color-primary-hover);
    text-decoration: none;
}

.expiry-note[b-z1asqdd8ox] {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
}
/* /Components/LyricsEditor.razor.rz.scp.css */
.lyrics h2[b-sdl72q5syd] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-3);
}

.lyrics-label[b-sdl72q5syd] {
    margin-bottom: var(--space-1);
}

.lyrics-textarea[b-sdl72q5syd] {
    width: 100%;
    min-height: 12rem;
    resize: vertical;
    font-family: var(--font-stack);
}

.lyrics-textarea:disabled[b-sdl72q5syd] {
    opacity: 0.55;
    cursor: not-allowed;
}

.lyrics-actions[b-sdl72q5syd] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-3);
    flex-wrap: wrap;
}

.btn-secondary[b-sdl72q5syd] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: var(--color-surface-2);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
}
.btn-secondary:hover:not(:disabled)[b-sdl72q5syd] {
    border-color: var(--color-primary);
}

.lyrics-warning[b-sdl72q5syd] {
    color: var(--color-warning);
    font-size: 0.8125rem;
}

.instrumental-toggle[b-sdl72q5syd] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-4);
    color: var(--color-text);
    font-size: 0.9375rem;
    cursor: pointer;
    user-select: none;
}

.instrumental-toggle input[type="checkbox"][b-sdl72q5syd] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

.spinner[b-sdl72q5syd] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--color-text-muted);
    border-top-color: var(--color-text);
    border-radius: 50%;
    display: inline-block;
    animation: spin-b-sdl72q5syd 0.8s linear infinite;
}

@keyframes spin-b-sdl72q5syd {
    to { transform: rotate(360deg); }
}
/* /Components/ParameterPanel.razor.rz.scp.css */
.params h2[b-n47cagqrzp] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-3);
}

.prompt-textarea[b-n47cagqrzp] {
    width: 100%;
    min-height: 5rem;
    resize: vertical;
}

.char-count[b-n47cagqrzp] {
    display: block;
    text-align: right;
    color: var(--color-text-muted);
    font-size: 0.75rem;
    margin-top: var(--space-1);
}

.grid-2[b-n47cagqrzp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
    margin-top: var(--space-4);
}

.param[b-n47cagqrzp] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 600px) {
    .grid-2[b-n47cagqrzp] { grid-template-columns: 1fr; }
}
/* /Components/PresetGrid.razor.rz.scp.css */
.presets h2[b-b8sdizoy48] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-3);
}

.grid[b-b8sdizoy48] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-3);
}

.preset-card[b-b8sdizoy48] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: var(--space-4);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition: border-color 0.15s ease, transform 0.1s ease;
}

.preset-card:hover[b-b8sdizoy48] {
    border-color: var(--color-primary);
}

.preset-card.selected[b-b8sdizoy48] {
    border-color: var(--color-primary);
    background: var(--color-surface-2);
    box-shadow: 0 0 0 2px var(--color-primary) inset;
}

.preset-name[b-b8sdizoy48] {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: var(--space-1);
}

.preset-desc[b-b8sdizoy48] {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    line-height: 1.35;
}

@media (max-width: 900px) {
    .grid[b-b8sdizoy48] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .grid[b-b8sdizoy48] { grid-template-columns: 1fr; }
}
/* /Components/StatusBanner.razor.rz.scp.css */
.status[b-4cdwhu5hcq] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    margin: var(--space-4) 0;
    font-size: 0.9375rem;
}

.status.generating[b-4cdwhu5hcq] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text);
}

.status.error[b-4cdwhu5hcq] {
    background: rgba(255, 92, 124, 0.12);
    border: 1px solid var(--color-danger);
    color: var(--color-danger);
}

.status.success[b-4cdwhu5hcq] {
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

.status-icon[b-4cdwhu5hcq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--color-danger);
    color: #fff;
    font-weight: 700;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.spinner[b-4cdwhu5hcq] {
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--color-text-muted);
    border-top-color: var(--color-text);
    border-radius: 50%;
    display: inline-block;
    animation: spin-b-4cdwhu5hcq 0.8s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-4cdwhu5hcq {
    to { transform: rotate(360deg); }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-main[b-qqoniz9z1u] {
    display: block;
    min-height: 100vh;
}
/* /Pages/Studio.razor.rz.scp.css */
.studio[b-paeyle14hn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.studio-header h1[b-paeyle14hn] {
    font-size: 2rem;
    margin-bottom: var(--space-1);
}

.subtitle[b-paeyle14hn] {
    color: var(--color-text-muted);
    font-size: 0.9375rem;
}

.loading[b-paeyle14hn], .load-error[b-paeyle14hn] {
    padding: var(--space-5);
    background: var(--color-surface);
    border-radius: var(--radius-md);
    text-align: center;
    color: var(--color-text-muted);
}

.load-error[b-paeyle14hn] {
    color: var(--color-danger);
    border: 1px solid var(--color-danger);
}

.load-error button[b-paeyle14hn] {
    margin-top: var(--space-3);
}

.lyrics-source[b-paeyle14hn] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-2);
}

.lyrics-source > label[b-paeyle14hn] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

.segmented[b-paeyle14hn] {
    display: inline-flex;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.seg-btn[b-paeyle14hn] {
    padding: var(--space-2) var(--space-4);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    border-right: 1px solid var(--color-border);
}
.seg-btn:last-child[b-paeyle14hn] {
    border-right: none;
}

.seg-btn.active[b-paeyle14hn] {
    background: var(--color-primary);
    color: var(--color-primary-text);
}

.seg-btn:disabled[b-paeyle14hn] {
    opacity: 0.4;
    cursor: not-allowed;
}

.generate-row[b-paeyle14hn] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.btn-primary[b-paeyle14hn] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-primary);
    color: var(--color-primary-text);
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 1rem;
    transition: background 0.15s ease;
}
.btn-primary:hover:not(:disabled)[b-paeyle14hn] {
    background: var(--color-primary-hover);
}

.validation-errors[b-paeyle14hn] {
    margin: 0;
    padding: var(--space-3) var(--space-4) var(--space-3) var(--space-6);
    background: rgba(255, 92, 124, 0.08);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-md);
    color: var(--color-danger);
    font-size: 0.875rem;
}
.validation-errors li[b-paeyle14hn] {
    margin-bottom: var(--space-1);
}

.spinner[b-paeyle14hn] {
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    display: inline-block;
    animation: spin-b-paeyle14hn 0.8s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-paeyle14hn {
    to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
    .lyrics-source[b-paeyle14hn] {
        flex-direction: column;
        align-items: flex-start;
    }
    .generate-row[b-paeyle14hn] {
        flex-direction: column;
        align-items: stretch;
    }
    .btn-primary[b-paeyle14hn], .btn-secondary[b-paeyle14hn] {
        justify-content: center;
    }
}