/* _content/Jank.Web/Components/Layout/MainLayout.razor.rz.scp.css */
:global(body)[b-a8u81wvgei] {
    margin: 0;
}

.shell[b-a8u81wvgei] {
    height: 100vh;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr;
}

.workspace[b-a8u81wvgei] {
    min-height: 0;
    display: flex;
    overflow: hidden;
}

.topbar[b-a8u81wvgei] {
    position: sticky;
    top: 0;
    z-index: 24;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid rgba(230, 232, 238, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
        rgba(11, 13, 16, 0.92);
    backdrop-filter: blur(18px);
}

.topbar-left[b-a8u81wvgei],
.topbar-actions[b-a8u81wvgei] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.brand-link[b-a8u81wvgei] {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.brand-mark[b-a8u81wvgei] {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.95rem;
    background:
        linear-gradient(135deg, rgba(182, 255, 77, 0.94), rgba(142, 255, 210, 0.92));
    color: #0b0d10;
    box-shadow: 0 12px 26px rgba(182, 255, 77, 0.18);
}

.brand-copy[b-a8u81wvgei] {
    white-space: nowrap;
}

.sidebar-toggle[b-a8u81wvgei] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(230, 232, 238, 0.12);
    border-radius: 0.9rem;
    background: rgba(27, 31, 39, 0.76);
    color: var(--text);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}

.sidebar-toggle:hover[b-a8u81wvgei] {
    border-color: rgba(182, 255, 77, 0.3);
    background: rgba(36, 42, 51, 0.92);
}

.toggle-glyph[b-a8u81wvgei] {
    font-family: var(--label-font);
    font-size: 1rem;
    font-weight: 600;
}

.sidebar[b-a8u81wvgei] {
    height: 100%;
    width: 21.5rem;
    min-width: 21.5rem;
    transition:
        width 180ms ease,
        min-width 180ms ease,
        transform 180ms ease,
        border-color 180ms ease,
        opacity 180ms ease,
        visibility 180ms ease;
    border-right: 1px solid rgba(230, 232, 238, 0.08);
    background: rgba(11, 13, 16, 0.24);
    overflow: hidden;
}

.sidebar.collapsed[b-a8u81wvgei] {
    width: 0;
    min-width: 0;
    transform: translateX(-1rem);
    border-right-color: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.topbar-link[b-a8u81wvgei] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.82rem 1.15rem;
    border: 1px solid rgba(230, 232, 238, 0.12);
    border-radius: 999px;
    background: rgba(27, 31, 39, 0.78);
    color: var(--text);
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        background-color 160ms ease;
}

.topbar-link:hover[b-a8u81wvgei] {
    transform: translateY(-1px);
    border-color: rgba(182, 255, 77, 0.28);
    background: rgba(36, 42, 51, 0.92);
    color: var(--text);
}

.discord-link[b-a8u81wvgei] {
    background:
        linear-gradient(90deg, rgba(182, 255, 77, 0.12), transparent 70%),
        rgba(27, 31, 39, 0.78);
    border-color: rgba(182, 255, 77, 0.18);
}

.content[b-a8u81wvgei] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    padding: 1.2rem;
    overflow-y: auto;
}

@media (max-width: 800px) {
    .topbar[b-a8u81wvgei] {
        padding: 0.95rem 1rem;
        align-items: flex-start;
        flex-direction: column;
    }

    .topbar-actions[b-a8u81wvgei] {
        width: 100%;
        flex-wrap: wrap;
    }

    .sidebar[b-a8u81wvgei] {
        position: fixed;
        top: 5.6rem;
        bottom: 0;
        left: 0;
        z-index: 30;
        height: auto;
        width: min(22rem, calc(100vw - 1rem));
        min-width: min(22rem, calc(100vw - 1rem));
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
            rgba(11, 13, 16, 0.96);
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.34);
    }

    .sidebar.collapsed[b-a8u81wvgei] {
        transform: translateX(-104%);
        opacity: 1;
        visibility: visible;
    }

    .content[b-a8u81wvgei] {
        padding: 1rem;
    }
}

@media (min-width: 960px) {
    .workspace[b-a8u81wvgei] {
        min-height: calc(100vh - 5rem);
    }

    .topbar[b-a8u81wvgei] {
        padding: 1rem 1.8rem;
    }

    .content[b-a8u81wvgei] {
        padding: 1.5rem 1.8rem 2rem;
    }
}

#blazor-error-ui[b-a8u81wvgei] {
    background: rgba(255, 77, 109, 0.15);
    color: var(--text);
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    border: 1px solid rgba(255, 77, 109, 0.25);
    border-radius: 1rem;
    box-shadow: var(--shadow);
    display: none;
    padding: 0.7rem 1.2rem;
    position: fixed;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-a8u81wvgei] {
    cursor: pointer;
    position: absolute;
    right: 0.9rem;
    top: 0.65rem;
}
/* _content/Jank.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-djffh01ifv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 1rem;
    padding: 1rem;
    overflow-y: auto;
}

.account-card[b-djffh01ifv],
.announcement-card[b-djffh01ifv] {
    border: 1px solid var(--border);
    border-radius: 1.2rem;
    background: rgba(20, 23, 29, 0.88);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.label[b-djffh01ifv] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.nav-stack[b-djffh01ifv] {
    display: grid;
    align-content: start;
    gap: 0.65rem;
}

.nav-item[b-djffh01ifv]  .nav-link {
    display: block;
    padding: 0.92rem 1rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    background: rgba(20, 23, 29, 0.84);
    color: rgba(230, 232, 238, 0.86);
    font-weight: 600;
    text-decoration: none;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        background-color 160ms ease;
}

.nav-item[b-djffh01ifv]  .nav-link:hover {
    transform: translateX(2px);
    border-color: rgba(182, 255, 77, 0.14);
    background: rgba(27, 31, 39, 0.96);
    color: var(--text);
}

.nav-item[b-djffh01ifv]  a.active {
    border-color: rgba(182, 255, 77, 0.26);
    background:
        linear-gradient(90deg, rgba(182, 255, 77, 0.12), transparent 65%),
        rgba(27, 31, 39, 0.98);
    color: var(--text);
    box-shadow: inset 0 0 0 1px rgba(142, 255, 210, 0.06);
}

.sidebar-utility[b-djffh01ifv] {
    display: grid;
    gap: 0.85rem;
    margin-top: auto;
}

.announcement-card[b-djffh01ifv] {
    width: 100%;
    padding: 1rem;
    text-align: left;
    color: inherit;
}

.announcement-card-head[b-djffh01ifv] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.announcement-card-title[b-djffh01ifv] {
    margin: 0;
    color: var(--text);
    font-weight: 600;
    line-height: 1.45;
}

.announcement-preview[b-djffh01ifv] {
    margin: 0.8rem 0 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.pill[b-djffh01ifv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(182, 255, 77, 0.12);
    color: var(--accent);
    font-size: 0.76rem;
    font-weight: 600;
}

.account-card[b-djffh01ifv] {
    padding: 1rem;
}

.account-name[b-djffh01ifv] {
    margin: 0 0 0.9rem;
    color: var(--text);
    font-weight: 600;
    word-break: break-word;
}

.account-actions[b-djffh01ifv] {
    margin-bottom: 0.85rem;
}

.mini-link[b-djffh01ifv] {
    color: var(--accent-alt);
    text-decoration: none;
}

.mini-link:hover[b-djffh01ifv] {
    color: var(--accent);
}

.logout-button[b-djffh01ifv],
.modal-close[b-djffh01ifv] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid rgba(230, 232, 238, 0.12);
    border-radius: 0.95rem;
    background: transparent;
    color: var(--text);
    font-weight: 600;
}

.logout-button:hover[b-djffh01ifv],
.modal-close:hover[b-djffh01ifv] {
    background: rgba(27, 31, 39, 0.96);
    border-color: rgba(182, 255, 77, 0.24);
}

.announcement-modal-backdrop[b-djffh01ifv] {
    position: fixed;
    inset: 0;
    z-index: 35;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem;
    background: rgba(4, 5, 7, 0.68);
    backdrop-filter: blur(8px);
}

.announcement-modal[b-djffh01ifv] {
    width: min(100%, 44rem);
    max-height: min(88vh, 54rem);
    overflow: hidden;
    border: 1px solid rgba(230, 232, 238, 0.1);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
        linear-gradient(145deg, rgba(20, 23, 29, 0.98), rgba(27, 31, 39, 0.94));
    box-shadow: var(--shadow);
}

.announcement-modal-head[b-djffh01ifv] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding: 1rem 1rem 0.9rem;
    border-bottom: 1px solid rgba(230, 232, 238, 0.08);
}

.announcement-modal-head h3[b-djffh01ifv] {
    margin: 0;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.modal-close[b-djffh01ifv] {
    width: auto;
    padding: 0 1rem;
}

.announcement-empty[b-djffh01ifv],
.announcement-list[b-djffh01ifv] {
    padding: 1rem;
}

.announcement-list[b-djffh01ifv] {
    display: grid;
    gap: 0.9rem;
    overflow-y: auto;
    max-height: calc(min(88vh, 54rem) - 5.5rem);
}

.announcement-item[b-djffh01ifv] {
    padding: 1rem;
    border: 1px solid rgba(230, 232, 238, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.5);
}

.announcement-item-head[b-djffh01ifv] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 0.6rem;
}

.announcement-item-head h4[b-djffh01ifv] {
    margin: 0;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.announcement-item-head span[b-djffh01ifv],
.announcement-item p[b-djffh01ifv],
.announcement-empty[b-djffh01ifv] {
    color: var(--muted);
}

.announcement-item p[b-djffh01ifv] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.6;
}
/* _content/Jank.Web/Components/Pages/Admin.razor.rz.scp.css */
.page-head[b-ts34lrb6pv] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-ts34lrb6pv] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-head h1[b-ts34lrb6pv],
.panel-head h2[b-ts34lrb6pv],
.provider-card h3[b-ts34lrb6pv],
.usage-card h3[b-ts34lrb6pv],
.debug-card h3[b-ts34lrb6pv],
.mapping-head h4[b-ts34lrb6pv],
.announcement-card h4[b-ts34lrb6pv],
.empty-card h3[b-ts34lrb6pv] {
    margin: 0;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.page-head p:last-child[b-ts34lrb6pv],
.metric-foot[b-ts34lrb6pv],
.usage-list span[b-ts34lrb6pv],
.empty-card p[b-ts34lrb6pv],
.helper-copy[b-ts34lrb6pv] {
    color: rgba(230, 232, 238, 0.76);
}

.metrics-grid[b-ts34lrb6pv],
.usage-grid[b-ts34lrb6pv],
.settings-grid[b-ts34lrb6pv],
.debug-grid[b-ts34lrb6pv] {
    display: grid;
    gap: 1rem;
}

.metrics-grid[b-ts34lrb6pv] {
    margin-bottom: 1rem;
}

.panel[b-ts34lrb6pv],
.metric-card[b-ts34lrb6pv],
.usage-card[b-ts34lrb6pv],
.provider-card[b-ts34lrb6pv],
.mapping-card[b-ts34lrb6pv],
.debug-card[b-ts34lrb6pv],
.issue-card[b-ts34lrb6pv],
.announcement-card[b-ts34lrb6pv],
.empty-card[b-ts34lrb6pv],
.loading-card[b-ts34lrb6pv],
.status-banner[b-ts34lrb6pv] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(230, 232, 238, 0.08);
    border-radius: 1.35rem;
    background: rgba(20, 23, 29, 0.88);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12);
}

.metric-card strong[b-ts34lrb6pv] {
    display: block;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: 2rem;
}

.metric-foot[b-ts34lrb6pv] {
    display: block;
    font-size: 0.92rem;
}

.panel[b-ts34lrb6pv] {
    margin-bottom: 1rem;
}

.panel-head[b-ts34lrb6pv],
.mapping-head[b-ts34lrb6pv],
.provider-head[b-ts34lrb6pv] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
}

.subsection[b-ts34lrb6pv] {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}

.usage-card[b-ts34lrb6pv],
.provider-card[b-ts34lrb6pv],
.mapping-card[b-ts34lrb6pv],
.debug-card[b-ts34lrb6pv],
.issue-card[b-ts34lrb6pv],
.announcement-card[b-ts34lrb6pv],
.announcement-editor[b-ts34lrb6pv] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.usage-list[b-ts34lrb6pv],
.mapping-stack[b-ts34lrb6pv],
.issue-stack[b-ts34lrb6pv],
.announcement-stack[b-ts34lrb6pv],
.promotion-stack[b-ts34lrb6pv] {
    display: grid;
    gap: 0.75rem;
}

.field[b-ts34lrb6pv] {
    display: grid;
    gap: 0.35rem;
}

.field label[b-ts34lrb6pv] {
    color: var(--text);
    font-size: 0.9rem;
}

.mapping-grid[b-ts34lrb6pv] {
    display: grid;
    gap: 0.75rem;
}

.field-wide[b-ts34lrb6pv] {
    grid-column: 1 / -1;
}

.code-area[b-ts34lrb6pv],
.announcement-textarea[b-ts34lrb6pv] {
    min-height: 11rem;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.88rem;
}

.announcement-textarea[b-ts34lrb6pv] {
    min-height: 12rem;
}

.pill[b-ts34lrb6pv] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(230, 232, 238, 0.78);
    font-size: 0.76rem;
}

.pill.active[b-ts34lrb6pv] {
    background: rgba(182, 255, 77, 0.12);
    color: var(--accent);
}

.action-row[b-ts34lrb6pv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.promotion-search[b-ts34lrb6pv],
.promotion-actions[b-ts34lrb6pv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.promotion-search[b-ts34lrb6pv] {
    align-items: center;
    margin-bottom: 1rem;
}

.promotion-search-input[b-ts34lrb6pv] {
    flex: 1 1 18rem;
}

.promotion-grid[b-ts34lrb6pv] {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.promotion-card[b-ts34lrb6pv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(230, 232, 238, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.38);
}

.promotion-meta[b-ts34lrb6pv] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.promotion-meta strong[b-ts34lrb6pv] {
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.promotion-meta span[b-ts34lrb6pv] {
    color: rgba(230, 232, 238, 0.72);
    font-size: 0.92rem;
}

.candidate-card[b-ts34lrb6pv] {
    align-items: flex-start;
}

.empty-card.compact[b-ts34lrb6pv] {
    padding: 0.95rem 1rem;
}

.announcement-body[b-ts34lrb6pv] {
    margin: 0;
    color: rgba(230, 232, 238, 0.82);
    white-space: pre-wrap;
    line-height: 1.6;
}

.status-banner.success[b-ts34lrb6pv] {
    margin-bottom: 1rem;
    background: rgba(127, 242, 183, 0.1);
    color: #bff7da;
}

.status-banner.error[b-ts34lrb6pv] {
    margin-bottom: 1rem;
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
}

@media (max-width: 860px) {
    .page-head[b-ts34lrb6pv],
    .panel-head[b-ts34lrb6pv],
    .mapping-head[b-ts34lrb6pv],
    .provider-head[b-ts34lrb6pv],
    .promotion-card[b-ts34lrb6pv] {
        flex-direction: column;
    }
}

@media (min-width: 780px) {
    .metrics-grid[b-ts34lrb6pv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .usage-grid[b-ts34lrb6pv],
    .settings-grid[b-ts34lrb6pv],
    .debug-grid[b-ts34lrb6pv],
    .promotion-grid[b-ts34lrb6pv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mapping-grid[b-ts34lrb6pv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/Banned.razor.rz.scp.css */
.page-shell[b-k2oh2frvto] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 6rem);
}

.status-card[b-k2oh2frvto] {
    width: min(100%, 42rem);
    padding: 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.04);
}

.label[b-k2oh2frvto] {
    margin: 0 0 0.45rem;
    color: rgba(255, 247, 239, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.status-card h1[b-k2oh2frvto] {
    margin: 0 0 0.7rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
}

.status-card p[b-k2oh2frvto] {
    color: rgba(255, 247, 239, 0.76);
}

.actions[b-k2oh2frvto] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}
/* _content/Jank.Web/Components/Pages/Billing.razor.rz.scp.css */
.page-head[b-f38skehtj1] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-f38skehtj1] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-head h1[b-f38skehtj1] {
    margin: 0 0 0.45rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
}

.page-head p:last-child[b-f38skehtj1] {
    margin-bottom: 0;
    color: rgba(230, 232, 238, 0.76);
}

.metrics-grid[b-f38skehtj1],
.offer-grid[b-f38skehtj1],
.provider-grid[b-f38skehtj1] {
    display: grid;
    gap: 1rem;
}

.metrics-grid[b-f38skehtj1],
.offer-grid[b-f38skehtj1] {
    margin-bottom: 1rem;
}

.metric-card[b-f38skehtj1],
.offer-card[b-f38skehtj1],
.provider-card[b-f38skehtj1],
.loading-card[b-f38skehtj1],
.status-banner[b-f38skehtj1] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
    background: rgba(20, 23, 29, 0.88);
}

.metric-card[b-f38skehtj1],
.offer-card[b-f38skehtj1],
.provider-card[b-f38skehtj1],
.loading-card[b-f38skehtj1],
.status-banner[b-f38skehtj1] {
    padding: 1rem 1.1rem;
}

.metric-card strong[b-f38skehtj1],
.offer-card h2[b-f38skehtj1],
.provider-card h2[b-f38skehtj1] {
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.metric-card strong[b-f38skehtj1] {
    display: block;
    font-size: 2rem;
}

.metric-foot[b-f38skehtj1],
.offer-card p[b-f38skehtj1],
.provider-status[b-f38skehtj1],
.provider-meta span[b-f38skehtj1] {
    color: rgba(230, 232, 238, 0.76);
}

.metric-foot[b-f38skehtj1] {
    display: block;
    font-size: 0.92rem;
}

.offer-card.featured[b-f38skehtj1] {
    background:
        linear-gradient(145deg, rgba(182, 255, 77, 0.08), rgba(142, 255, 210, 0.06)),
        rgba(20, 23, 29, 0.92);
}

.price[b-f38skehtj1] {
    margin: 0.75rem 0 1rem;
    color: var(--accent);
    font-weight: 700;
}

.pill[b-f38skehtj1] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(230, 232, 238, 0.78);
    font-size: 0.76rem;
}

.pill.active[b-f38skehtj1],
.pill.ok[b-f38skehtj1] {
    background: rgba(182, 255, 77, 0.12);
    color: var(--accent);
}

.status-banner.warning[b-f38skehtj1],
.status-banner.info[b-f38skehtj1] {
    margin-bottom: 1rem;
    color: rgba(230, 232, 238, 0.9);
}

.status-banner.warning[b-f38skehtj1] {
    background: rgba(182, 255, 77, 0.08);
}

.status-banner.info[b-f38skehtj1] {
    background: rgba(142, 255, 210, 0.08);
}

.status-banner.error[b-f38skehtj1],
.inline-error[b-f38skehtj1] {
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
}

.status-banner.success[b-f38skehtj1] {
    margin-bottom: 1rem;
    background: rgba(127, 242, 183, 0.1);
    color: #bff7da;
}

.provider-card[b-f38skehtj1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.provider-head[b-f38skehtj1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.provider-head h2[b-f38skehtj1] {
    margin: 0;
}

.badge-row[b-f38skehtj1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 0.45rem;
}

.provider-status[b-f38skehtj1] {
    margin: 0;
}

.provider-meta[b-f38skehtj1] {
    display: grid;
    gap: 0.45rem;
}

.inline-error[b-f38skehtj1] {
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
}

.card-actions[b-f38skehtj1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 860px) {
    .page-head[b-f38skehtj1],
    .provider-head[b-f38skehtj1] {
        align-items: start;
        flex-direction: column;
    }

    .badge-row[b-f38skehtj1] {
        justify-content: start;
    }
}

@media (min-width: 780px) {
    .metrics-grid[b-f38skehtj1] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .offer-grid[b-f38skehtj1],
    .provider-grid[b-f38skehtj1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/CharacterEditor.razor.rz.scp.css */
.editor-shell[b-xojb6irz2u] {
    display: grid;
    gap: 1rem;
}

.editor-main[b-xojb6irz2u],
.tip-card[b-xojb6irz2u],
.loading-card[b-xojb6irz2u],
.status-banner[b-xojb6irz2u] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.4rem;
    background: rgba(20, 23, 29, 0.88);
}

.editor-main[b-xojb6irz2u] {
    padding: 1.4rem;
}

.page-head[b-xojb6irz2u] {
    margin-bottom: 1rem;
}

.label[b-xojb6irz2u] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-head h1[b-xojb6irz2u],
.subsection h2[b-xojb6irz2u],
.tip-card h2[b-xojb6irz2u] {
    margin: 0 0 0.55rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.page-head p[b-xojb6irz2u],
.tip-card p[b-xojb6irz2u],
.subsection-head p[b-xojb6irz2u] {
    color: rgba(230, 232, 238, 0.76);
}

.form-grid[b-xojb6irz2u],
.variable-grid[b-xojb6irz2u] {
    display: grid;
    gap: 1rem;
}

.avatar-editor[b-xojb6irz2u] {
    display: grid;
    gap: 1rem;
}

.avatar-preview-shell[b-xojb6irz2u] {
    width: min(100%, 14rem);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
    background: rgba(11, 13, 16, 0.42);
    overflow: hidden;
}

.avatar-preview-image[b-xojb6irz2u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-preview-fallback[b-xojb6irz2u] {
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2.6rem, 6vw, 4rem);
    color: rgba(230, 232, 238, 0.72);
}

.avatar-editor-fields[b-xojb6irz2u],
.avatar-actions[b-xojb6irz2u] {
    display: grid;
    gap: 0.8rem;
}

.memory-list[b-xojb6irz2u] {
    display: grid;
    gap: 1rem;
}

.tag-suggestion-list[b-xojb6irz2u] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.tag-suggestion[b-xojb6irz2u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    width: 100%;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(142, 255, 210, 0.16);
    border-radius: 0.95rem;
    background: rgba(11, 13, 16, 0.5);
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tag-suggestion:hover[b-xojb6irz2u] {
    background: rgba(142, 255, 210, 0.09);
    border-color: rgba(142, 255, 210, 0.3);
}

.tag-suggestion small[b-xojb6irz2u] {
    color: rgba(230, 232, 238, 0.6);
    white-space: nowrap;
}

.field[b-xojb6irz2u] {
    margin-bottom: 1rem;
}

.field label[b-xojb6irz2u] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--text);
    font-weight: 600;
}

.toggle-row[b-xojb6irz2u] {
    margin-bottom: 1rem;
}

.checkbox-line[b-xojb6irz2u] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: rgba(230, 232, 238, 0.84);
}

.tall[b-xojb6irz2u] {
    min-height: 10rem;
}

.giant[b-xojb6irz2u] {
    min-height: 15rem;
}

.subsection[b-xojb6irz2u] {
    margin: 1.4rem 0;
}

.subsection-head[b-xojb6irz2u],
.actions[b-xojb6irz2u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.variable-list[b-xojb6irz2u],
.editor-side[b-xojb6irz2u] {
    display: grid;
    gap: 1rem;
}

.variable-card[b-xojb6irz2u],
.tip-card[b-xojb6irz2u],
.empty-inline[b-xojb6irz2u],
.loading-card[b-xojb6irz2u],
.status-banner[b-xojb6irz2u] {
    padding: 1rem 1.1rem;
}

.variable-card[b-xojb6irz2u],
.empty-inline[b-xojb6irz2u] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.2rem;
    background: rgba(11, 13, 16, 0.42);
}

.empty-inline[b-xojb6irz2u] {
    color: rgba(230, 232, 238, 0.72);
}

.status-banner.error[b-xojb6irz2u] {
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
}

.validation-summary[b-xojb6irz2u] {
    margin-bottom: 1rem;
    color: #ffb7c4;
}

.revision-list[b-xojb6irz2u] {
    display: grid;
    gap: 0.9rem;
}

.revision-entry[b-xojb6irz2u] {
    padding-top: 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.revision-entry:first-child[b-xojb6irz2u] {
    padding-top: 0;
    border-top: 0;
}

.revision-entry strong[b-xojb6irz2u],
.revision-entry span[b-xojb6irz2u] {
    display: block;
}

.revision-entry span[b-xojb6irz2u] {
    margin-top: 0.15rem;
    color: rgba(230, 232, 238, 0.58);
    font-size: 0.88rem;
}

.revision-entry p[b-xojb6irz2u] {
    margin: 0.5rem 0 0;
    white-space: pre-wrap;
}

.memory-card[b-xojb6irz2u] {
    gap: 0.85rem;
}

.memory-head[b-xojb6irz2u] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.85rem;
}

.memory-head span[b-xojb6irz2u],
.field-hint[b-xojb6irz2u] {
    color: rgba(230, 232, 238, 0.62);
    font-size: 0.9rem;
}

.memory-head strong[b-xojb6irz2u],
.memory-head span[b-xojb6irz2u] {
    display: block;
}

.memory-textarea[b-xojb6irz2u] {
    min-height: 9rem;
}

@media (min-width: 780px) {
    .form-grid[b-xojb6irz2u],
    .variable-grid[b-xojb6irz2u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .avatar-editor[b-xojb6irz2u] {
        grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr);
        align-items: start;
    }
}

@media (min-width: 1120px) {
    .editor-shell[b-xojb6irz2u] {
        grid-template-columns: minmax(0, 1.5fr) minmax(20rem, 0.7fr);
        align-items: start;
    }

    .editor-side[b-xojb6irz2u] {
        position: sticky;
        top: 1.5rem;
    }
}

@media (max-width: 640px) {
    .memory-head[b-xojb6irz2u] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/Jank.Web/Components/Pages/Characters.razor.rz.scp.css */
.page-head[b-bvxr77c89z] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-bvxr77c89z] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-head h1[b-bvxr77c89z] {
    margin: 0 0 0.45rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
}

.page-head p:last-child[b-bvxr77c89z] {
    margin-bottom: 0;
    color: rgba(230, 232, 238, 0.76);
}

.metrics-grid[b-bvxr77c89z],
.character-grid[b-bvxr77c89z] {
    display: grid;
    gap: 1rem;
}

.metrics-grid[b-bvxr77c89z] {
    margin-bottom: 1rem;
}

.metric-card[b-bvxr77c89z],
.character-card[b-bvxr77c89z],
.empty-card[b-bvxr77c89z],
.loading-card[b-bvxr77c89z],
.status-banner[b-bvxr77c89z] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
}

.metric-card[b-bvxr77c89z],
.character-card[b-bvxr77c89z],
.empty-card[b-bvxr77c89z],
.loading-card[b-bvxr77c89z] {
    background: rgba(20, 23, 29, 0.88);
}

.metric-card[b-bvxr77c89z] {
    padding: 1rem 1.1rem;
}

.metric-card strong[b-bvxr77c89z] {
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: 2rem;
}

.character-card[b-bvxr77c89z] {
    padding: 1.2rem;
}

.card-top[b-bvxr77c89z] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.card-top h2[b-bvxr77c89z] {
    margin: 0;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.tagline[b-bvxr77c89z] {
    margin: 0.35rem 0 0;
    color: rgba(230, 232, 238, 0.76);
}

.badge-row[b-bvxr77c89z],
.card-meta[b-bvxr77c89z],
.card-actions[b-bvxr77c89z],
.header-actions[b-bvxr77c89z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.badge-row[b-bvxr77c89z] {
    margin-bottom: 0.9rem;
}

.mini-pill[b-bvxr77c89z],
.pill[b-bvxr77c89z] {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(230, 232, 238, 0.78);
}

.pill[b-bvxr77c89z] {
    align-self: start;
    padding: 0.45rem 0.7rem;
    font-size: 0.78rem;
}

.mini-pill[b-bvxr77c89z] {
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
}

.mini-pill.public[b-bvxr77c89z] {
    background: rgba(142, 255, 210, 0.12);
    color: var(--accent-alt);
}

.mini-pill.private[b-bvxr77c89z] {
    background: rgba(182, 255, 77, 0.1);
    color: var(--accent);
}

.mini-pill.sourced[b-bvxr77c89z] {
    background: rgba(142, 255, 210, 0.08);
    color: var(--accent-alt);
}

.card-meta[b-bvxr77c89z] {
    margin-bottom: 1rem;
    color: rgba(230, 232, 238, 0.62);
    font-size: 0.92rem;
}

.status-banner[b-bvxr77c89z],
.empty-card[b-bvxr77c89z],
.loading-card[b-bvxr77c89z] {
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
}

.status-banner.warning[b-bvxr77c89z] {
    background: rgba(182, 255, 77, 0.08);
    color: #dbffab;
}

.status-banner.error[b-bvxr77c89z] {
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
}

.inline-link[b-bvxr77c89z] {
    margin-left: 0.5rem;
    color: inherit;
    font-weight: 700;
}

.empty-card h2[b-bvxr77c89z] {
    margin: 0 0 0.5rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.empty-card p[b-bvxr77c89z],
.loading-card[b-bvxr77c89z] {
    color: rgba(230, 232, 238, 0.76);
}

@media (max-width: 860px) {
    .page-head[b-bvxr77c89z] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 780px) {
    .metrics-grid[b-bvxr77c89z] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .character-grid[b-bvxr77c89z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .character-grid[b-bvxr77c89z] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/Chat.razor.rz.scp.css */
.chat-shell[b-hqnyew3w53] {
    display: grid;
    gap: 1rem;
}

.thread-sidebar[b-hqnyew3w53],
.chat-stage[b-hqnyew3w53],
.variable-stack[b-hqnyew3w53],
.thread-list[b-hqnyew3w53],
.participant-list[b-hqnyew3w53],
.group-option-list[b-hqnyew3w53] {
    display: grid;
    gap: 1rem;
}

.character-card[b-hqnyew3w53],
.environment-card[b-hqnyew3w53],
.variable-panel[b-hqnyew3w53],
.setup-card[b-hqnyew3w53],
.thread-list-card[b-hqnyew3w53],
.chat-head[b-hqnyew3w53],
.message-card[b-hqnyew3w53],
.composer-card[b-hqnyew3w53],
.loading-card[b-hqnyew3w53],
.status-banner[b-hqnyew3w53] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.4rem;
    background: rgba(20, 23, 29, 0.88);
}

.character-card[b-hqnyew3w53],
.environment-card[b-hqnyew3w53],
.variable-panel[b-hqnyew3w53],
.setup-card[b-hqnyew3w53],
.thread-list-card[b-hqnyew3w53],
.chat-head[b-hqnyew3w53],
.composer-card[b-hqnyew3w53],
.loading-card[b-hqnyew3w53],
.status-banner[b-hqnyew3w53] {
    padding: 1rem 1.1rem;
}

.label[b-hqnyew3w53] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.character-card h1[b-hqnyew3w53],
.environment-card h2[b-hqnyew3w53],
.chat-head h2[b-hqnyew3w53] {
    margin: 0 0 0.4rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.tagline[b-hqnyew3w53],
.description[b-hqnyew3w53],
.character-card p[b-hqnyew3w53],
.environment-card p[b-hqnyew3w53],
.thread-link span[b-hqnyew3w53],
.thread-link small[b-hqnyew3w53],
.composer-actions p[b-hqnyew3w53],
.hint[b-hqnyew3w53],
.accessible[b-hqnyew3w53] {
    color: rgba(230, 232, 238, 0.74);
}

.description[b-hqnyew3w53],
.room-preview p[b-hqnyew3w53] {
    line-height: 1.65;
}

.badge-row[b-hqnyew3w53],
.sidebar-actions[b-hqnyew3w53],
.chat-head-actions[b-hqnyew3w53],
.setup-actions[b-hqnyew3w53],
.group-option-body[b-hqnyew3w53] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.badge-row[b-hqnyew3w53] {
    margin: 1rem 0;
}

.badge-row.compact[b-hqnyew3w53] {
    margin-top: 0.7rem;
}

.mini-pill[b-hqnyew3w53],
.prop-pill[b-hqnyew3w53] {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(230, 232, 238, 0.8);
}

.mini-pill[b-hqnyew3w53] {
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
}

.field[b-hqnyew3w53] {
    margin-bottom: 1rem;
}

.field label[b-hqnyew3w53],
.composer-label[b-hqnyew3w53] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--text);
    font-weight: 600;
}

.room-preview[b-hqnyew3w53] {
    margin-top: 1rem;
}

.room-prop-stack[b-hqnyew3w53],
.prop-state-stack[b-hqnyew3w53] {
    display: grid;
    gap: 0.75rem;
}

.room-prop-stack[b-hqnyew3w53] {
    margin: 0.75rem 0;
}

.room-prop-card[b-hqnyew3w53] {
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.42);
}

.room-prop-head[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.room-prop-card p[b-hqnyew3w53] {
    margin: 0.35rem 0 0;
}

.prop-state-editor[b-hqnyew3w53] {
    padding-top: 0.65rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.prop-pill[b-hqnyew3w53] {
    padding: 0.35rem 0.65rem;
    font-size: 0.78rem;
}

.thread-list-head[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

.thread-link[b-hqnyew3w53] {
    display: grid;
    gap: 0.2rem;
    padding: 0.9rem;
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.42);
    color: var(--text);
    text-decoration: none;
}

.thread-link.active[b-hqnyew3w53],
.thread-link:hover[b-hqnyew3w53] {
    background:
        linear-gradient(135deg, rgba(182, 255, 77, 0.12), rgba(142, 255, 210, 0.08)),
        rgba(27, 31, 39, 0.96);
}

.chat-head[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.message-stack[b-hqnyew3w53] {
    display: grid;
    gap: 0.9rem;
}

.message-memory-shell[b-hqnyew3w53],
.used-memory-list[b-hqnyew3w53] {
    display: grid;
    gap: 0.75rem;
}

.message-card[b-hqnyew3w53] {
    padding: 1rem 1.1rem;
}

.message-card.user[b-hqnyew3w53] {
    background: rgba(142, 255, 210, 0.08);
}

.message-card.assistant[b-hqnyew3w53] {
    background: rgba(182, 255, 77, 0.06);
}

.message-meta[b-hqnyew3w53] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.65rem;
    color: rgba(230, 232, 238, 0.62);
    font-size: 0.88rem;
}

.message-card p[b-hqnyew3w53] {
    margin: 0;
    color: var(--text);
    line-height: 1.72;
    white-space: pre-wrap;
}

.memory-toggle[b-hqnyew3w53] {
    justify-self: start;
    margin-top: 0.95rem;
    border: 1px solid rgba(142, 255, 210, 0.28);
    border-radius: 999px;
    background: rgba(142, 255, 210, 0.08);
    color: var(--text);
    padding: 0.45rem 0.75rem;
    font: inherit;
    cursor: pointer;
}

.memory-toggle:hover[b-hqnyew3w53] {
    background: rgba(142, 255, 210, 0.14);
}

.used-memory-card[b-hqnyew3w53] {
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.42);
}

.used-memory-head[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.used-memory-head span[b-hqnyew3w53],
.used-memory-keywords[b-hqnyew3w53] {
    color: rgba(230, 232, 238, 0.68);
    font-size: 0.88rem;
}

.used-memory-content[b-hqnyew3w53] {
    margin-top: 0.4rem;
}

.composer-card[b-hqnyew3w53] {
    display: grid;
    gap: 0.8rem;
}

.composer-input[b-hqnyew3w53] {
    min-height: 10rem;
}

.composer-actions[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.composer-actions p[b-hqnyew3w53],
.hint[b-hqnyew3w53] {
    margin: 0;
    font-size: 0.92rem;
}

.variable-editor[b-hqnyew3w53],
.setup-card[b-hqnyew3w53] {
    display: grid;
    gap: 0.75rem;
}

.group-option[b-hqnyew3w53] {
    display: block;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.42);
}

.group-option .form-check-input[b-hqnyew3w53] {
    margin-right: 0.75rem;
}

.group-option-body[b-hqnyew3w53] {
    align-items: center;
    flex-wrap: nowrap;
}

.group-option-avatar[b-hqnyew3w53] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
}

.group-option-copy[b-hqnyew3w53],
.participant-copy[b-hqnyew3w53] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.group-option-copy span[b-hqnyew3w53],
.group-option-copy small[b-hqnyew3w53],
.participant-copy span[b-hqnyew3w53],
.participant-copy small[b-hqnyew3w53] {
    color: rgba(230, 232, 238, 0.7);
}

.participant-card[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.42);
}

.budget-stack[b-hqnyew3w53] {
    display: grid;
    gap: 0.75rem;
}

.budget-row[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: rgba(230, 232, 238, 0.82);
}

.variable-head[b-hqnyew3w53],
.variable-input-row[b-hqnyew3w53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.max-value[b-hqnyew3w53] {
    color: rgba(230, 232, 238, 0.62);
    white-space: nowrap;
}

.status-banner.warning[b-hqnyew3w53] {
    background: rgba(182, 255, 77, 0.08);
    color: #dbffab;
}

.status-banner.error[b-hqnyew3w53] {
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
}

@media (max-width: 920px) {
    .chat-head[b-hqnyew3w53],
    .composer-actions[b-hqnyew3w53],
    .budget-row[b-hqnyew3w53],
    .variable-head[b-hqnyew3w53],
    .variable-input-row[b-hqnyew3w53] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .chat-shell[b-hqnyew3w53] {
        grid-template-columns: minmax(20rem, 25rem) minmax(0, 1fr);
        align-items: start;
    }

    .thread-sidebar[b-hqnyew3w53] {
        position: sticky;
        top: 1.5rem;
    }
}
/* _content/Jank.Web/Components/Pages/EnvironmentEditor.razor.rz.scp.css */
.editor-shell[b-ybcxj289ni] {
    display: grid;
    gap: 1rem;
}

.editor-main[b-ybcxj289ni],
.tip-card[b-ybcxj289ni],
.loading-card[b-ybcxj289ni],
.status-banner[b-ybcxj289ni] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.04);
}

.editor-main[b-ybcxj289ni] {
    padding: 1.4rem;
}

.page-head[b-ybcxj289ni] {
    margin-bottom: 1rem;
}

.label[b-ybcxj289ni] {
    margin: 0 0 0.45rem;
    color: rgba(255, 247, 239, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-head h1[b-ybcxj289ni],
.subsection h2[b-ybcxj289ni],
.tip-card h2[b-ybcxj289ni] {
    margin: 0 0 0.55rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
}

.page-head p[b-ybcxj289ni],
.tip-card p[b-ybcxj289ni],
.subsection-head p[b-ybcxj289ni] {
    color: rgba(255, 247, 239, 0.76);
}

.field[b-ybcxj289ni] {
    margin-bottom: 1rem;
}

.field label[b-ybcxj289ni] {
    display: block;
    margin-bottom: 0.45rem;
    color: #fff7ef;
    font-weight: 600;
}

.tall[b-ybcxj289ni] {
    min-height: 9rem;
}

.toggle-row[b-ybcxj289ni] {
    margin-bottom: 1rem;
}

.checkbox-line[b-ybcxj289ni] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: rgba(255, 247, 239, 0.84);
}

.connection-grid[b-ybcxj289ni] {
    display: grid;
    gap: 0.7rem;
}

.connection-toggle[b-ybcxj289ni] {
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

.subsection[b-ybcxj289ni] {
    margin: 1.4rem 0;
}

.subsection-head[b-ybcxj289ni],
.actions[b-ybcxj289ni] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.subsection-head.nested[b-ybcxj289ni] {
    margin-top: 1rem;
}

.room-list[b-ybcxj289ni],
.prop-list[b-ybcxj289ni],
.editor-side[b-ybcxj289ni] {
    display: grid;
    gap: 1rem;
}

.prop-template-preview[b-ybcxj289ni] {
    margin-bottom: 1rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(142, 255, 210, 0.14);
    border-radius: 1rem;
    background: rgba(142, 255, 210, 0.05);
}

.prop-template-preview strong[b-ybcxj289ni] {
    color: #fff7ef;
}

.prop-template-preview p[b-ybcxj289ni] {
    margin: 0.45rem 0 0;
    color: rgba(255, 247, 239, 0.72);
}

.prop-variable-preview[b-ybcxj289ni] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.mini-pill[b-ybcxj289ni] {
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 247, 239, 0.78);
    font-size: 0.76rem;
}

.room-card[b-ybcxj289ni],
.prop-card[b-ybcxj289ni],
.tip-card[b-ybcxj289ni],
.empty-inline[b-ybcxj289ni],
.loading-card[b-ybcxj289ni],
.status-banner[b-ybcxj289ni] {
    padding: 1rem 1.1rem;
}

.room-card[b-ybcxj289ni],
.prop-card[b-ybcxj289ni],
.empty-inline[b-ybcxj289ni] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.03);
}

.empty-inline[b-ybcxj289ni] {
    color: rgba(255, 247, 239, 0.72);
}

.empty-inline.small[b-ybcxj289ni] {
    margin-bottom: 1rem;
}

.variable-grid[b-ybcxj289ni] {
    display: grid;
    gap: 1rem;
}

.toggle-room[b-ybcxj289ni] {
    align-self: end;
}

.status-banner.error[b-ybcxj289ni] {
    background: rgba(255, 98, 98, 0.12);
    color: #ffb3b3;
}

@media (min-width: 820px) {
    .variable-grid[b-ybcxj289ni] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .editor-shell[b-ybcxj289ni] {
        grid-template-columns: minmax(0, 1.5fr) minmax(20rem, 0.7fr);
        align-items: start;
    }

    .editor-side[b-ybcxj289ni] {
        position: sticky;
        top: 1.5rem;
    }
}
/* _content/Jank.Web/Components/Pages/Environments.razor.rz.scp.css */
.page-head[b-uz9ixoqph8] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-uz9ixoqph8] {
    margin: 0 0 0.45rem;
    color: rgba(255, 247, 239, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-head h1[b-uz9ixoqph8] {
    margin: 0 0 0.45rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
}

.page-head p:last-child[b-uz9ixoqph8] {
    margin-bottom: 0;
    color: rgba(255, 247, 239, 0.76);
}

.environment-grid[b-uz9ixoqph8] {
    display: grid;
    gap: 1rem;
}

.environment-card[b-uz9ixoqph8],
.empty-card[b-uz9ixoqph8],
.loading-card[b-uz9ixoqph8],
.status-banner[b-uz9ixoqph8] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.04);
}

.card-head[b-uz9ixoqph8],
.badge-row[b-uz9ixoqph8],
.card-actions[b-uz9ixoqph8],
.header-actions[b-uz9ixoqph8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.card-head[b-uz9ixoqph8] {
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.card-head h2[b-uz9ixoqph8],
.empty-card h2[b-uz9ixoqph8] {
    margin: 0 0 0.3rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
}

.card-head p[b-uz9ixoqph8],
.empty-card p[b-uz9ixoqph8],
.loading-card[b-uz9ixoqph8] {
    color: rgba(255, 247, 239, 0.76);
}

.badge-row[b-uz9ixoqph8] {
    margin-bottom: 0.9rem;
}

.pill[b-uz9ixoqph8],
.mini-pill[b-uz9ixoqph8] {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 247, 239, 0.78);
}

.pill[b-uz9ixoqph8] {
    align-self: start;
    padding: 0.45rem 0.7rem;
    font-size: 0.78rem;
}

.pill.built-in[b-uz9ixoqph8] {
    background: rgba(80, 122, 255, 0.18);
}

.pill.custom[b-uz9ixoqph8] {
    background: rgba(245, 111, 76, 0.18);
}

.mini-pill[b-uz9ixoqph8] {
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
}

.status-banner.error[b-uz9ixoqph8] {
    background: rgba(255, 98, 98, 0.12);
    color: #ffb3b3;
    margin-bottom: 1rem;
}

@media (max-width: 860px) {
    .page-head[b-uz9ixoqph8] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 900px) {
    .environment-grid[b-uz9ixoqph8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/Home.razor.rz.scp.css */
.landing-shell[b-nctt328xh4] {
    display: flex;
    justify-content: center;
    padding: clamp(1rem, 6vw, 4rem) 0;
}

.landing-panel[b-nctt328xh4],
.loading-card[b-nctt328xh4] {
    width: min(100%, 34rem);
    padding: clamp(1.4rem, 4vw, 2.2rem);
    border: 1px solid rgba(230, 232, 238, 0.08);
    border-radius: 1.6rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
        linear-gradient(145deg, rgba(20, 23, 29, 0.98), rgba(27, 31, 39, 0.9));
    box-shadow: var(--shadow);
}

.label[b-nctt328xh4] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.landing-panel h1[b-nctt328xh4] {
    margin: 0 0 0.8rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 4.8vw, 3rem);
    line-height: 0.96;
}

.landing-copy[b-nctt328xh4],
.loading-card[b-nctt328xh4] {
    color: rgba(230, 232, 238, 0.78);
    line-height: 1.65;
}

.landing-actions[b-nctt328xh4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.35rem;
}
/* _content/Jank.Web/Components/Pages/Library.razor.rz.scp.css */
.page-head[b-kcfhsw7ya6] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-kcfhsw7ya6] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-head h1[b-kcfhsw7ya6],
.results-head h2[b-kcfhsw7ya6],
.card-top h2[b-kcfhsw7ya6],
.empty-card h2[b-kcfhsw7ya6] {
    margin: 0;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.page-head p:last-child[b-kcfhsw7ya6],
.tagline[b-kcfhsw7ya6],
.card-meta[b-kcfhsw7ya6],
.empty-card p[b-kcfhsw7ya6],
.loading-card[b-kcfhsw7ya6],
.hint[b-kcfhsw7ya6] {
    color: rgba(230, 232, 238, 0.76);
}

.filter-row[b-kcfhsw7ya6],
.filter-inputs[b-kcfhsw7ya6],
.filter-controls[b-kcfhsw7ya6],
.results-shell[b-kcfhsw7ya6],
.character-grid[b-kcfhsw7ya6] {
    display: grid;
    gap: 0.9rem;
}

.filter-row[b-kcfhsw7ya6],
.character-card[b-kcfhsw7ya6],
.empty-card[b-kcfhsw7ya6],
.loading-card[b-kcfhsw7ya6],
.status-banner[b-kcfhsw7ya6],
.results-shell[b-kcfhsw7ya6] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
    background: rgba(20, 23, 29, 0.88);
}

.spotlight-shell[b-kcfhsw7ya6] {
    margin-bottom: 1rem;
}

.spotlight-grid[b-kcfhsw7ya6] {
    margin-top: 0.9rem;
}

.spotlight-card[b-kcfhsw7ya6] {
    border-color: rgba(182, 255, 77, 0.16);
    background:
        linear-gradient(135deg, rgba(182, 255, 77, 0.06), transparent 58%),
        rgba(20, 23, 29, 0.9);
}

.filter-input[b-kcfhsw7ya6],
.filter-select[b-kcfhsw7ya6] {
    min-height: 3rem;
}

.filter-controls[b-kcfhsw7ya6],
.filter-actions[b-kcfhsw7ya6],
.card-top[b-kcfhsw7ya6],
.badge-row[b-kcfhsw7ya6],
.card-meta[b-kcfhsw7ya6],
.card-actions[b-kcfhsw7ya6],
.header-actions[b-kcfhsw7ya6],
.results-head[b-kcfhsw7ya6],
.results-metrics[b-kcfhsw7ya6],
.pagination-row[b-kcfhsw7ya6],
.metric-strip[b-kcfhsw7ya6],
.tag-row[b-kcfhsw7ya6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.filter-controls[b-kcfhsw7ya6],
.results-head[b-kcfhsw7ya6],
.pagination-row[b-kcfhsw7ya6] {
    align-items: center;
    justify-content: space-between;
}

.filter-toggle[b-kcfhsw7ya6] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(11, 13, 16, 0.42);
    color: rgba(230, 232, 238, 0.82);
}

.card-top[b-kcfhsw7ya6] {
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.badge-row[b-kcfhsw7ya6],
.card-meta[b-kcfhsw7ya6],
.metric-strip[b-kcfhsw7ya6],
.card-tags[b-kcfhsw7ya6] {
    margin-bottom: 0.9rem;
}

.metric-strip[b-kcfhsw7ya6] {
    padding: 0.85rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(11, 13, 16, 0.42);
    color: rgba(230, 232, 238, 0.84);
}

.metric-strip strong[b-kcfhsw7ya6] {
    color: var(--accent);
    font-family: "Space Grotesk", sans-serif;
}

.pill[b-kcfhsw7ya6],
.mini-pill[b-kcfhsw7ya6],
.tag-pill[b-kcfhsw7ya6] {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(230, 232, 238, 0.78);
}

.pill[b-kcfhsw7ya6] {
    align-self: start;
    padding: 0.45rem 0.7rem;
    font-size: 0.78rem;
}

.mini-pill[b-kcfhsw7ya6] {
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
}

.mini-pill.public[b-kcfhsw7ya6] {
    background: rgba(142, 255, 210, 0.12);
    color: var(--accent-alt);
}

.mini-pill.owner[b-kcfhsw7ya6] {
    background: rgba(182, 255, 77, 0.1);
    color: var(--accent);
}

.mini-pill.spotlight-pill[b-kcfhsw7ya6] {
    background: rgba(182, 255, 77, 0.12);
    color: var(--accent);
}

.tag-panel[b-kcfhsw7ya6] {
    padding-top: 0.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tag-pill[b-kcfhsw7ya6] {
    border: 0;
    padding: 0.45rem 0.72rem;
    cursor: pointer;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.tag-pill:hover[b-kcfhsw7ya6] {
    background: rgba(142, 255, 210, 0.12);
    color: var(--accent-alt);
    transform: translateY(-1px);
}

.tag-pill-small[b-kcfhsw7ya6] {
    padding: 0.35rem 0.62rem;
    font-size: 0.76rem;
}

.patch-notes[b-kcfhsw7ya6] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.1rem;
    background: rgba(11, 13, 16, 0.42);
}

.patch-notes p:last-child[b-kcfhsw7ya6] {
    margin-bottom: 0;
    color: rgba(230, 232, 238, 0.76);
    white-space: pre-wrap;
}

.pagination-row[b-kcfhsw7ya6] {
    margin-top: 1rem;
}

.status-banner.error[b-kcfhsw7ya6] {
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
    margin-bottom: 1rem;
}

@media (max-width: 860px) {
    .page-head[b-kcfhsw7ya6],
    .filter-controls[b-kcfhsw7ya6],
    .results-head[b-kcfhsw7ya6],
    .pagination-row[b-kcfhsw7ya6] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 860px) {
    .filter-inputs.expanded[b-kcfhsw7ya6] {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr) minmax(11rem, 0.7fr) minmax(11rem, 0.7fr);
    }
}

@media (min-width: 900px) {
    .character-grid[b-kcfhsw7ya6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/Moderation.razor.rz.scp.css */
.page-head[b-fnk6o8elxb] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-fnk6o8elxb] {
    margin: 0 0 0.45rem;
    color: rgba(255, 247, 239, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-head h1[b-fnk6o8elxb],
.panel-head h2[b-fnk6o8elxb],
.moderation-card h3[b-fnk6o8elxb] {
    margin: 0 0 0.45rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
}

.page-head p:last-child[b-fnk6o8elxb],
.panel-head p:last-child[b-fnk6o8elxb],
.moderation-card p[b-fnk6o8elxb] {
    color: rgba(255, 247, 239, 0.76);
}

.panel[b-fnk6o8elxb],
.moderation-card[b-fnk6o8elxb],
.loading-card[b-fnk6o8elxb],
.status-banner[b-fnk6o8elxb] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.04);
}

.panel[b-fnk6o8elxb] {
    margin-bottom: 1rem;
}

.panel-head[b-fnk6o8elxb] {
    margin-bottom: 1rem;
}

.moderation-grid[b-fnk6o8elxb] {
    display: grid;
    gap: 1rem;
}

.card-head[b-fnk6o8elxb],
.badge-row[b-fnk6o8elxb],
.card-meta[b-fnk6o8elxb],
.action-row[b-fnk6o8elxb],
.header-actions[b-fnk6o8elxb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.card-head[b-fnk6o8elxb] {
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

.card-meta[b-fnk6o8elxb] {
    margin-bottom: 0.8rem;
    color: rgba(255, 247, 239, 0.68);
}

.field[b-fnk6o8elxb] {
    margin-bottom: 0.8rem;
}

.field label[b-fnk6o8elxb] {
    display: block;
    margin-bottom: 0.4rem;
    color: #fff7ef;
    font-weight: 600;
}

.mini-pill[b-fnk6o8elxb] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 247, 239, 0.78);
    font-size: 0.76rem;
}

.mini-pill.staff[b-fnk6o8elxb] {
    background: rgba(80, 122, 255, 0.18);
}

.mini-pill.ok[b-fnk6o8elxb] {
    background: rgba(91, 190, 135, 0.14);
    color: #b8f0cf;
}

.mini-pill.warn[b-fnk6o8elxb] {
    background: rgba(248, 185, 104, 0.12);
    color: #ffd7a0;
}

.mini-pill.banned[b-fnk6o8elxb] {
    background: rgba(255, 98, 98, 0.12);
    color: #ffb3b3;
}

.mini-pill.public[b-fnk6o8elxb] {
    background: rgba(255, 170, 96, 0.18);
    color: #ffd2a6;
}

.admin-controls[b-fnk6o8elxb] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.status-banner.success[b-fnk6o8elxb] {
    margin-bottom: 1rem;
    background: rgba(91, 190, 135, 0.14);
    color: #b8f0cf;
}

.status-banner.error[b-fnk6o8elxb] {
    margin-bottom: 1rem;
    background: rgba(255, 98, 98, 0.12);
    color: #ffb3b3;
}

@media (max-width: 860px) {
    .page-head[b-fnk6o8elxb] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 1080px) {
    .moderation-grid[b-fnk6o8elxb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/PropEditor.razor.rz.scp.css */
.editor-shell[b-lwfhbb4uht] {
    display: grid;
    gap: 1rem;
}

.editor-main[b-lwfhbb4uht],
.tip-card[b-lwfhbb4uht],
.loading-card[b-lwfhbb4uht],
.status-banner[b-lwfhbb4uht] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.04);
}

.editor-main[b-lwfhbb4uht] {
    padding: 1.4rem;
}

.page-head[b-lwfhbb4uht] {
    margin-bottom: 1rem;
}

.label[b-lwfhbb4uht] {
    margin: 0 0 0.45rem;
    color: rgba(255, 247, 239, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-head h1[b-lwfhbb4uht],
.subsection h2[b-lwfhbb4uht],
.tip-card h2[b-lwfhbb4uht] {
    margin: 0 0 0.55rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
}

.page-head p[b-lwfhbb4uht],
.tip-card p[b-lwfhbb4uht],
.subsection-head p[b-lwfhbb4uht],
.empty-inline[b-lwfhbb4uht] {
    color: rgba(255, 247, 239, 0.76);
}

.field[b-lwfhbb4uht] {
    margin-bottom: 1rem;
}

.field label[b-lwfhbb4uht] {
    display: block;
    margin-bottom: 0.45rem;
    color: #fff7ef;
    font-weight: 600;
}

.tall[b-lwfhbb4uht] {
    min-height: 7rem;
}

.subsection[b-lwfhbb4uht] {
    margin: 1.4rem 0;
}

.subsection-head[b-lwfhbb4uht],
.actions[b-lwfhbb4uht] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.variable-list[b-lwfhbb4uht],
.editor-side[b-lwfhbb4uht] {
    display: grid;
    gap: 1rem;
}

.variable-card[b-lwfhbb4uht],
.tip-card[b-lwfhbb4uht],
.empty-inline[b-lwfhbb4uht],
.loading-card[b-lwfhbb4uht],
.status-banner[b-lwfhbb4uht] {
    padding: 1rem 1.1rem;
}

.variable-card[b-lwfhbb4uht],
.empty-inline[b-lwfhbb4uht] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.03);
}

.variable-grid[b-lwfhbb4uht] {
    display: grid;
    gap: 1rem;
}

.status-banner.error[b-lwfhbb4uht] {
    background: rgba(255, 98, 98, 0.12);
    color: #ffb3b3;
}

@media (min-width: 820px) {
    .variable-grid[b-lwfhbb4uht] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .editor-shell[b-lwfhbb4uht] {
        grid-template-columns: minmax(0, 1.4fr) minmax(20rem, 0.75fr);
        align-items: start;
    }

    .editor-side[b-lwfhbb4uht] {
        position: sticky;
        top: 1.5rem;
    }
}
/* _content/Jank.Web/Components/Pages/Props.razor.rz.scp.css */
.page-head[b-qbx5rxgd3x] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-qbx5rxgd3x] {
    margin: 0 0 0.45rem;
    color: rgba(255, 247, 239, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-head h1[b-qbx5rxgd3x] {
    margin: 0 0 0.45rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
}

.page-head p:last-child[b-qbx5rxgd3x] {
    margin-bottom: 0;
    color: rgba(255, 247, 239, 0.76);
}

.prop-grid[b-qbx5rxgd3x] {
    display: grid;
    gap: 1rem;
}

.prop-card[b-qbx5rxgd3x],
.empty-card[b-qbx5rxgd3x],
.loading-card[b-qbx5rxgd3x],
.status-banner[b-qbx5rxgd3x] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.04);
}

.card-head[b-qbx5rxgd3x],
.badge-row[b-qbx5rxgd3x],
.card-actions[b-qbx5rxgd3x],
.header-actions[b-qbx5rxgd3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.card-head[b-qbx5rxgd3x] {
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.card-head h2[b-qbx5rxgd3x],
.empty-card h2[b-qbx5rxgd3x] {
    margin: 0 0 0.3rem;
    color: #fff7ef;
    font-family: "Space Grotesk", sans-serif;
}

.card-head p[b-qbx5rxgd3x],
.empty-card p[b-qbx5rxgd3x],
.loading-card[b-qbx5rxgd3x] {
    color: rgba(255, 247, 239, 0.76);
}

.badge-row[b-qbx5rxgd3x] {
    margin-bottom: 0.9rem;
}

.pill[b-qbx5rxgd3x],
.mini-pill[b-qbx5rxgd3x] {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 247, 239, 0.78);
}

.pill[b-qbx5rxgd3x] {
    align-self: start;
    padding: 0.45rem 0.7rem;
    font-size: 0.78rem;
}

.pill.built-in[b-qbx5rxgd3x] {
    background: rgba(80, 122, 255, 0.18);
}

.pill.custom[b-qbx5rxgd3x] {
    background: rgba(245, 111, 76, 0.18);
}

.mini-pill[b-qbx5rxgd3x] {
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
}

.status-banner.error[b-qbx5rxgd3x] {
    background: rgba(255, 98, 98, 0.12);
    color: #ffb3b3;
    margin-bottom: 1rem;
}

@media (max-width: 860px) {
    .page-head[b-qbx5rxgd3x] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 900px) {
    .prop-grid[b-qbx5rxgd3x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Jank.Web/Components/Pages/PublishedCharacters.razor.rz.scp.css */
.page-head[b-uvjob62wnx] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.label[b-uvjob62wnx] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-family: var(--label-font);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-head h1[b-uvjob62wnx] {
    margin: 0 0 0.45rem;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
}

.page-head p:last-child[b-uvjob62wnx] {
    margin-bottom: 0;
    color: rgba(230, 232, 238, 0.76);
}

.metrics-grid[b-uvjob62wnx],
.character-grid[b-uvjob62wnx] {
    display: grid;
    gap: 1rem;
}

.metrics-grid[b-uvjob62wnx] {
    margin-bottom: 1rem;
}

.metric-card[b-uvjob62wnx],
.character-card[b-uvjob62wnx],
.empty-card[b-uvjob62wnx],
.loading-card[b-uvjob62wnx],
.status-banner[b-uvjob62wnx] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.35rem;
}

.metric-card[b-uvjob62wnx],
.character-card[b-uvjob62wnx],
.empty-card[b-uvjob62wnx],
.loading-card[b-uvjob62wnx] {
    background: rgba(20, 23, 29, 0.88);
}

.metric-card[b-uvjob62wnx] {
    padding: 1rem 1.1rem;
}

.metric-card strong[b-uvjob62wnx] {
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
    font-size: 2rem;
}

.character-card[b-uvjob62wnx] {
    padding: 1.2rem;
}

.card-top[b-uvjob62wnx] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.card-top h2[b-uvjob62wnx],
.empty-card h2[b-uvjob62wnx] {
    margin: 0;
    color: var(--text);
    font-family: "Space Grotesk", sans-serif;
}

.tagline[b-uvjob62wnx] {
    margin: 0.35rem 0 0;
    color: rgba(230, 232, 238, 0.76);
}

.badge-row[b-uvjob62wnx],
.card-meta[b-uvjob62wnx],
.card-actions[b-uvjob62wnx],
.header-actions[b-uvjob62wnx],
.empty-actions[b-uvjob62wnx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.badge-row[b-uvjob62wnx] {
    margin-bottom: 0.9rem;
}

.mini-pill[b-uvjob62wnx],
.pill[b-uvjob62wnx] {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(230, 232, 238, 0.78);
}

.pill[b-uvjob62wnx] {
    align-self: start;
    padding: 0.45rem 0.7rem;
    font-size: 0.78rem;
}

.mini-pill[b-uvjob62wnx] {
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
}

.mini-pill.public[b-uvjob62wnx] {
    background: rgba(142, 255, 210, 0.12);
    color: var(--accent-alt);
}

.mini-pill.source[b-uvjob62wnx] {
    background: rgba(182, 255, 77, 0.1);
    color: var(--accent);
}

.card-meta[b-uvjob62wnx] {
    margin-bottom: 1rem;
    color: rgba(230, 232, 238, 0.62);
    font-size: 0.92rem;
}

.patch-notes[b-uvjob62wnx] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.1rem;
    background: rgba(11, 13, 16, 0.42);
}

.patch-notes p:last-child[b-uvjob62wnx] {
    margin-bottom: 0;
    color: rgba(230, 232, 238, 0.76);
    white-space: pre-wrap;
}

.status-banner[b-uvjob62wnx],
.empty-card[b-uvjob62wnx],
.loading-card[b-uvjob62wnx] {
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
}

.status-banner.error[b-uvjob62wnx] {
    background: rgba(255, 77, 109, 0.12);
    color: #ffb7c4;
}

.empty-card p[b-uvjob62wnx],
.loading-card[b-uvjob62wnx] {
    color: rgba(230, 232, 238, 0.76);
}

@media (max-width: 860px) {
    .page-head[b-uvjob62wnx] {
        align-items: start;
        flex-direction: column;
    }
}

@media (min-width: 780px) {
    .metrics-grid[b-uvjob62wnx] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .character-grid[b-uvjob62wnx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .character-grid[b-uvjob62wnx] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}