/* Generated appearance overrides. Source: existing themenfinder/index.html. */
:root {
    --aw-blue: rgb(21, 94, 239);
    --aw-blue-dark: rgb(21, 94, 239);
    --aw-ink: rgb(21, 38, 57);
    --aw-muted: rgb(107, 119, 133);
    --aw-line: rgb(224, 230, 235);
    --aw-soft: rgb(245, 248, 250);
    --aw-panel: rgb(255, 255, 255);
    --aw-mint: rgb(8, 127, 120);
    --aw-coral: rgb(255, 122, 89);
    --shadow: var(--aw-shadow)
}
body {
    background: linear-gradient(180deg, rgba(21, 94, 239, 0.06), rgba(255, 255, 255, 0) 360px),
    var(--aw-soft)
}
.brand-mark {
    color: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.icon-button {
    border-radius: 8px;
    background: rgb(255, 255, 255)
}
.generator-panel {
    border-radius: 8px;
    box-shadow: var(--aw-shadow)
}
.field input,
.field select,
.field textarea {
    border-radius: 8px;
    background: rgb(255, 255, 255)
}
.field input:focus,
.field select:focus,
.field textarea:focus {
    box-shadow: var(--aw-shadow)
}
.field input::placeholder,
.field textarea::placeholder {
    color: rgb(107, 119, 133)
}
.primary-button,
.secondary-button,
.copy-button {
    border-radius: 8px
}
.primary-button {
    color: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.secondary-button {
    background: rgb(245, 248, 250);
    border: 1px solid rgba(21, 94, 239, 0.18)
}
.copy-button {
    background: rgb(245, 248, 250)
}
.primary-button:hover:not(:disabled) {
    box-shadow: var(--aw-shadow)
}
.primary-button:disabled,
.secondary-button:disabled {
    color: rgb(107, 119, 133);
    background: rgb(224, 230, 235)
}
.progress-track {
    background: rgb(224, 230, 235)
}
.status-pill {
    color: rgb(7, 82, 67);
    background: rgba(8, 127, 120, 0.13)
}
.status-pill.locked {
    color: rgb(138, 47, 30)
}
.empty-state {
    border: 1px dashed rgb(161, 172, 183);
    border-radius: 8px
}
.topic-card {
    background: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.topic-index {
    background: rgb(245, 248, 250)
}
.topic-detail dd {
    color: rgb(21, 38, 57)
}
.lock-state {
    border-radius: 8px;
    color: rgb(111, 42, 29);
    background: rgb(255, 244, 240)
}
.toast {
    border-radius: 8px;
    color: rgb(255, 255, 255);
    background: rgb(21, 38, 57);
    box-shadow: var(--aw-shadow)
}