@import '_content/Epos.RichText.TinyMCE/Epos.RichText.TinyMCE.s6k8gh419c.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Features/Admin/Components/AdminStatCard.razor.rz.scp.css */
.stat-skel[b-up8be70dcb] {
    display: flex;
    align-items: center;
}

.stat-skel--value[b-up8be70dcb] {
    height: 2.625rem;
}

.stat-skel--value .skel[b-up8be70dcb] {
    width: 60%;
    height: 30px;
    border-radius: 6px;
}

.stat-skel--sub[b-up8be70dcb] {
    height: 1.25rem;
}

.stat-skel--sub .skel[b-up8be70dcb] {
    width: 40%;
    height: 12px;
}
/* /Features/Admin/Components/AdminTableRowsSkeleton.razor.rz.scp.css */
.ats-primary[b-ufyftxny9k] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ats-cover[b-ufyftxny9k] {
    width: 40px;
    height: 54px;
    border-radius: 6px;
}

.ats-avatar[b-ufyftxny9k] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.ats-title[b-ufyftxny9k] {
    height: 15px;
}

.ats-bar[b-ufyftxny9k] {
    width: 58%;
    height: 13px;
}

.ats-pill[b-ufyftxny9k] {
    width: 68px;
    height: 22px;
}

.ats-action-cell[b-ufyftxny9k] {
    text-align: right;
}

.ats-action[b-ufyftxny9k] {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 8px;
}
/* /Features/Admin/Components/AdminUserAvatar.razor.rz.scp.css */
.avatar-container[b-oiq86a36jq] {
    position: relative;
    display: inline-block;
}

.problem-badge[b-oiq86a36jq] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    line-height: 0;
    border-radius: 50%;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 0 0 2px var(--mud-palette-surface);
}

[b-oiq86a36jq] .problem-icon {
    display: block;
    font-size: 15px;
}

[b-oiq86a36jq] .tooltip-problems {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

[b-oiq86a36jq] .tooltip-problems__item {
    padding-left: 12px;
    text-indent: -12px;
}

[b-oiq86a36jq] .tooltip-problems__item::before {
    content: "• ";
}
/* /Features/Admin/Components/AuthorStageChip.razor.rz.scp.css */
.stage-chip[b-pla5x0xck7] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border: 1px solid transparent;
    flex-shrink: 0;
    white-space: nowrap;
}

.stage-chip--registered[b-pla5x0xck7] {
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
}

.stage-chip--production[b-pla5x0xck7] {
    color: var(--mud-palette-warning);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-warning) 35%, transparent);
}

.stage-chip--published[b-pla5x0xck7] {
    color: var(--mud-palette-success);
    background-color: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-success) 35%, transparent);
}

.stage-chip--qualified[b-pla5x0xck7] {
    color: var(--mud-palette-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-secondary) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-secondary) 35%, transparent);
}

.stage-chip--partner[b-pla5x0xck7] {
    color: var(--mud-palette-tertiary);
    background-color: color-mix(in srgb, var(--mud-palette-tertiary) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-tertiary) 35%, transparent);
}

.stage-chip--terminated[b-pla5x0xck7] {
    color: var(--mud-palette-error);
    background-color: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-error) 35%, transparent);
}

.stage-chip--expired[b-pla5x0xck7] {
    color: var(--mud-palette-text-disabled);
    background-color: color-mix(in srgb, var(--mud-palette-text-disabled) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-text-disabled) 25%, transparent);
}
/* /Features/Admin/Components/ChapterReviewSkeleton.razor.rz.scp.css */
.rvs-cover[b-avbzhodami] {
    width: 40px;
    height: 54px;
    border-radius: 6px;
    flex-shrink: 0;
}

.rvs-label[b-avbzhodami] {
    border-radius: 3px;
}
/* /Features/Admin/Components/ChapterReviewThreadDrawer.razor.rz.scp.css */
.story-info-banner[b-jj052mvhrh] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 3%, transparent);
}

.story-info-cover[b-jj052mvhrh] {
    width: 36px;
    height: 48px;
    border-radius: 4px;
    overflow: hidden;
}

.story-info-cover-img[b-jj052mvhrh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.story-info-cover-placeholder[b-jj052mvhrh] {
    width: 100%;
    height: 100%;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.story-info-description[b-jj052mvhrh] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.min-width-0[b-jj052mvhrh] {
    min-width: 0;
}

.review-thread-list[b-jj052mvhrh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}

.review-thread-empty[b-jj052mvhrh] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px;
    box-sizing: border-box;
}

.review-thread-item[b-jj052mvhrh] {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
    border: 1px solid var(--mud-palette-divider);
    border-left: 3px solid var(--mud-palette-divider);
    border-radius: 6px;
    padding: 12px 14px;
    transition: border-color 0.15s ease;
}

.review-thread-item:hover[b-jj052mvhrh] {
    border-left-color: var(--mud-palette-primary);
}

.review-thread-item.draft[b-jj052mvhrh] {
    border-left-color: var(--mud-palette-primary);
}

.review-thread-actions[b-jj052mvhrh] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.review-thread-item:hover .review-thread-actions[b-jj052mvhrh],
.review-thread-item:focus-within .review-thread-actions[b-jj052mvhrh] {
    opacity: 1;
}

.review-thread-compose[b-jj052mvhrh] {
    background: var(--mud-palette-background);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Features/Admin/Components/ChapterVersionList.razor.rz.scp.css */
.version-list[b-bam2zzzk1y] {
    border-top: 1px solid var(--mud-palette-divider);
    padding-top: 12px;
}

.version-row[b-bam2zzzk1y] {
    gap: 8px;
    border-radius: 8px;
    min-height: 36px;
    margin-bottom: 4px;
}

.version-row:last-child[b-bam2zzzk1y] {
    margin-bottom: 0;
}

.version-row:hover[b-bam2zzzk1y] {
    background-color: var(--mud-palette-action-default-hover);
}

.version-row__dot[b-bam2zzzk1y] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.version-row__dot--live[b-bam2zzzk1y] {
    background-color: var(--mud-palette-success);
}

.version-row__dot--review[b-bam2zzzk1y] {
    background-color: var(--mud-palette-warning);
}

.version-row__dot--archived[b-bam2zzzk1y] {
    background-color: var(--mud-palette-text-disabled);
}

.version-row__label[b-bam2zzzk1y] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    min-width: 56px;
}

.version-row__state[b-bam2zzzk1y] {
    font-size: 0.8125rem;
}

.version-row__state--live[b-bam2zzzk1y] {
    color: var(--mud-palette-success);
}

.version-row__state--review[b-bam2zzzk1y] {
    color: var(--mud-palette-warning);
}

.version-row__state--archived[b-bam2zzzk1y] {
    color: var(--mud-palette-text-secondary);
}

.version-row__sep[b-bam2zzzk1y],
.version-row__meta[b-bam2zzzk1y] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}
/* /Features/Admin/Components/DictionaryEditDialog.razor.rz.scp.css */
.dict-meter[b-50mqpj8vkf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.dict-meter__title[b-50mqpj8vkf] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-text-primary);
}

.dict-meter__count[b-50mqpj8vkf] {
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    white-space: nowrap;
}

.dict-progress[b-50mqpj8vkf] {
    height: 4px;
}

.dict-lang-field--primary[b-50mqpj8vkf]  .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
    border-width: 2px;
}

.dict-lang-field--primary[b-50mqpj8vkf]  .mud-input-label {
    color: var(--mud-palette-primary) !important;
}

.dict-active-card[b-50mqpj8vkf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
}

.dict-active-card__text[b-50mqpj8vkf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
/* /Features/Admin/Components/InitialsAvatar.razor.rz.scp.css */
.initials-avatar[b-9bcfhwwaho] {
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
}

.initials-avatar__img[b-9bcfhwwaho] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Features/Admin/Components/PackageManagementSkeleton.razor.rz.scp.css */
.pkgs-cover[b-nl3yfsqdcp] {
    width: 40px;
    height: 54px;
    border-radius: 6px;
}

.pkgs-label[b-nl3yfsqdcp] {
    border-radius: 3px;
}

.pkgs-pill[b-nl3yfsqdcp] {
    border-radius: 999px;
}

.pkgs-chip[b-nl3yfsqdcp] {
    border-radius: 6px;
}
/* /Features/Admin/Components/ReviewDecisionDialog.razor.rz.scp.css */
.review-decision-title-text[b-s64e3qmocd] {
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.decision-stat[b-s64e3qmocd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
}
/* /Features/Admin/Components/ReviewedChaptersBrowserDialog.razor.rz.scp.css */
.dialog-shell[b-x7s12ymchh] {
    max-height: 80vh;
    min-width: 560px;
}

.dialog-scroll-body[b-x7s12ymchh] {
    min-height: 0;
}
/* /Features/Admin/Components/StoryCoverThumb.razor.rz.scp.css */
.story-cover-thumb[b-1jkto8qkge] {
    width: 40px;
    height: 54px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
}

.story-cover-thumb--placeholder[b-1jkto8qkge] {
    background: linear-gradient(135deg, var(--mud-palette-primary-lighten), var(--mud-palette-primary-darken));
}

.story-cover-thumb__img[b-1jkto8qkge] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story-cover-thumb__img--clickable[b-1jkto8qkge] {
    cursor: zoom-in;
    transition: opacity 0.15s ease;
}

.story-cover-thumb__img--clickable:hover[b-1jkto8qkge] {
    opacity: 0.85;
}

.story-cover-thumb__glyph[b-1jkto8qkge] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px !important;
}
/* /Features/Admin/Pages/AuthorDetail.razor.rz.scp.css */
.ad-scope[b-vw5nmpdokx] {
    --ad-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

    --ad-surface: #ffffff;
    --ad-border: rgba(0, 0, 0, .12);
    --ad-border-soft: rgba(0, 0, 0, .08);
    --ad-divider: rgba(0, 0, 0, .06);
    --ad-hover: rgba(0, 0, 0, .025);
    --ad-chip-bd: rgba(0, 0, 0, .14);

    --ad-text: #0a0a0a;
    --ad-text-bio: #2f2f2f;
    --ad-text-body: #3f3f3f;
    --ad-text-2: #757575;
    --ad-text-faint: #8a8a8a;
    --ad-text-3: #9a9a9a;

    --ad-primary: #f49c47;
    --ad-primary-ink: #b5701f;
    --ad-primary-tint: rgba(244, 156, 71, .12);
    --ad-primary-bd: rgba(244, 156, 71, .50);
    --ad-teal: #00798c;
    --ad-teal-ink: #00697a;
    --ad-teal-tint: rgba(0, 121, 140, .10);
    --ad-teal-bd: rgba(0, 121, 140, .45);

    --ad-green-ink: #5f8a30;
    --ad-green-tint: rgba(124, 170, 78, .14);
    --ad-green-bd: rgba(124, 170, 78, .40);
    --ad-amber-ink: #b26a00;
    --ad-amber-tint: rgba(240, 160, 32, .16);
    --ad-amber-bd: rgba(240, 160, 32, .45);
    --ad-violet-ink: #5a3f8a;
    --ad-violet-tint: rgba(112, 82, 168, .12);
    --ad-violet-bd: rgba(112, 82, 168, .45);
    --ad-red-ink: #d0574f;
    --ad-red-tint: rgba(208, 87, 79, .12);
    --ad-red-bd: rgba(208, 87, 79, .45);
    --ad-neutral-tint: rgba(0, 0, 0, .05);
    --ad-neutral-bd: rgba(0, 0, 0, .16);

    --ad-radius-card: 12px;
    --ad-radius-chip: 8px;
    --ad-radius-pill: 999px;
    --ad-radius-icon: 8px;

    color: var(--ad-text);
}

.ad-scope[data-theme="dark"][b-vw5nmpdokx] {
    --ad-surface: #1a2428;
    --ad-border: rgba(255, 255, 255, .12);
    --ad-border-soft: rgba(255, 255, 255, .08);
    --ad-divider: rgba(255, 255, 255, .06);
    --ad-hover: rgba(255, 255, 255, .025);
    --ad-chip-bd: rgba(255, 255, 255, .14);

    --ad-text: #e6eaec;
    --ad-text-bio: #c8cfd2;
    --ad-text-body: #b9c1c5;
    --ad-text-2: #939da2;
    --ad-text-faint: #8b959a;
    --ad-text-3: #79848a;

    --ad-primary-ink: #f6b06b;
    --ad-primary-tint: rgba(244, 156, 71, .16);
    --ad-teal: #5bb8c8;
    --ad-teal-ink: #5bb8c8;
    --ad-teal-tint: rgba(79, 179, 196, .12);
    --ad-teal-bd: rgba(79, 179, 196, .45);

    --ad-green-ink: #9bcb6b;
    --ad-amber-ink: #e0a64b;
    --ad-violet-ink: #b197d8;
    --ad-red-ink: #e88a82;
    --ad-neutral-tint: rgba(255, 255, 255, .05);
    --ad-neutral-bd: rgba(255, 255, 255, .16);
}

.ad-back[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--ad-text-2);
    font-weight: 500;
    font-size: .85rem;
    padding: 0;
    margin-bottom: 18px;
}

.ad-back:hover[b-vw5nmpdokx] {
    color: var(--ad-text);
}

.ad-back[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 18px;
}

.ad-card[b-vw5nmpdokx] {
    background: var(--ad-surface);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    overflow: hidden;
}

.ad-card__header[b-vw5nmpdokx] {
    padding: 15px 20px;
    border-bottom: 1px solid var(--ad-border-soft);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .95rem;
    font-weight: 700;
}

.ad-hicon[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
}

.ad-hicon[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 20px;
    color: var(--ad-text-2);
}

.ad-hicon--zoho[b-vw5nmpdokx]  .mud-icon-root {
    color: var(--ad-teal);
}

.ad-hicon--billing[b-vw5nmpdokx]  .mud-icon-root {
    color: var(--ad-amber-ink);
}

.ad-profile[b-vw5nmpdokx] {
    padding: 28px;
    margin-bottom: 28px;
}

.ad-profile__row[b-vw5nmpdokx] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ad-avatar[b-vw5nmpdokx] {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.ad-profile__main[b-vw5nmpdokx] {
    flex: 1 1 0;
    min-width: 0;
}

.ad-name-row[b-vw5nmpdokx] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ad-name[b-vw5nmpdokx] {
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -.01em;
}

.ad-nick[b-vw5nmpdokx] {
    color: var(--ad-primary);
    font-size: .9rem;
    margin-top: 2px;
}

.ad-created[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    color: var(--ad-text-2);
    font-size: .8125rem;
}

.ad-created[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 17px;
}

.ad-profile__split[b-vw5nmpdokx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    gap: 28px;
    align-items: start;
}

.ad-profile__left[b-vw5nmpdokx] {
    min-width: 0;
}

.ad-owner[b-vw5nmpdokx] {
    border: 1px solid var(--ad-border-soft);
    border-radius: var(--ad-radius-card);
    background: var(--ad-hover);
    padding: 18px 20px;
}

.ad-owner__title[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--ad-text-2);
    margin-bottom: 16px;
}

.ad-owner__title[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 18px;
}

.ad-owner__grid[b-vw5nmpdokx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ad-owner__label[b-vw5nmpdokx] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--ad-text-3);
    margin-bottom: 3px;
}

.ad-owner__value[b-vw5nmpdokx] {
    font-size: .875rem;
    color: var(--ad-text-body);
    word-break: break-word;
}

@media (max-width: 720px) {
    .ad-profile__split[b-vw5nmpdokx] {
        grid-template-columns: 1fr;
    }
}

.ad-links[b-vw5nmpdokx] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.ad-linkpill[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border: 1px solid var(--ad-chip-bd);
    border-radius: var(--ad-radius-chip);
    font-size: .78rem;
    color: var(--ad-text-body);
    text-decoration: none;
}

.ad-linkpill:hover[b-vw5nmpdokx] {
    border-color: var(--ad-primary);
    color: var(--ad-primary-ink);
}

.ad-linkpill[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 16px;
}

.ad-stats[b-vw5nmpdokx] {
    display: flex;
    gap: 44px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--ad-border-soft);
    flex-wrap: wrap;
}

.ad-stat__num[b-vw5nmpdokx] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.01em;
}

.ad-stat__label[b-vw5nmpdokx] {
    font-size: .78rem;
    color: var(--ad-text-faint);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 2px;
}

.ad-bio-block[b-vw5nmpdokx] {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--ad-border-soft);
}

.ad-section-label[b-vw5nmpdokx] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ad-text-3);
    margin-bottom: 8px;
}

.ad-bio[b-vw5nmpdokx] {
    font-size: .9rem;
    line-height: 1.6;
    color: var(--ad-text-bio);
    max-width: 760px;
}

.ad-bio[b-vw5nmpdokx]  p:first-child {
    margin-top: 0;
}

.ad-bio[b-vw5nmpdokx]  p:last-child {
    margin-bottom: 0;
}

.ad-two-col[b-vw5nmpdokx] {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.ad-two-col > .ad-card[b-vw5nmpdokx] {
    flex: 1 1 360px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.ad-card__title[b-vw5nmpdokx] {
    font-weight: 700;
    font-size: .95rem;
}

.ad-sync[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    padding: 3px 10px;
    border-radius: var(--ad-radius-pill);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.ad-sync[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 15px;
}

.ad-sync--ok[b-vw5nmpdokx] {
    color: var(--ad-green-ink);
    background: var(--ad-green-tint);
    border: 1px solid var(--ad-green-bd);
}

.ad-sync--incomplete[b-vw5nmpdokx] {
    color: var(--ad-amber-ink);
    background: var(--ad-amber-tint);
    border: 1px solid var(--ad-amber-bd);
}

.ad-zoho-body[b-vw5nmpdokx] {
    padding: 6px 20px 12px;
}

.ad-zoho-row[b-vw5nmpdokx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--ad-divider);
}

.ad-zoho-row:last-child[b-vw5nmpdokx] {
    border-bottom: none;
}

.ad-zoho-row__icon[b-vw5nmpdokx] {
    width: 34px;
    height: 34px;
    border-radius: var(--ad-radius-icon);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ad-teal-tint);
}

.ad-zoho-row__icon[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 18px;
    color: var(--ad-teal);
}

.ad-zoho-row__info[b-vw5nmpdokx] {
    flex: 1 1 auto;
    min-width: 0;
}

.ad-zoho-row__label[b-vw5nmpdokx] {
    font-weight: 600;
    font-size: .9rem;
}

.ad-zoho-row__id[b-vw5nmpdokx] {
    font-size: .74rem;
    color: var(--ad-text-faint);
    font-family: var(--ad-font-mono);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ad-zoho-open[b-vw5nmpdokx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border: 1px solid var(--ad-chip-bd);
    border-radius: var(--ad-radius-chip);
    font-size: .75rem;
    color: var(--ad-text-body);
    white-space: nowrap;
    text-decoration: none;
    flex-shrink: 0;
}

.ad-zoho-open:hover[b-vw5nmpdokx] {
    border-color: var(--ad-teal);
    color: var(--ad-teal);
}

.ad-zoho-open[b-vw5nmpdokx]  .mud-icon-root {
    font-size: 15px;
}

.ad-billing-type[b-vw5nmpdokx] {
    margin-left: auto;
    padding: 3px 10px;
    border-radius: var(--ad-radius-pill);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.ad-billing-type--company[b-vw5nmpdokx] {
    color: var(--ad-teal-ink);
    background: var(--ad-teal-tint);
    border: 1px solid var(--ad-teal-bd);
}

.ad-billing-type--individual[b-vw5nmpdokx] {
    color: var(--ad-text-2);
    background: var(--ad-neutral-tint);
    border: 1px solid var(--ad-neutral-bd);
}

.ad-billing-grid[b-vw5nmpdokx] {
    padding: 18px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
}

.ad-billing-grid .full[b-vw5nmpdokx] {
    grid-column: 1 / 3;
}

.ad-billing__label[b-vw5nmpdokx] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ad-text-3);
    margin-bottom: 4px;
}

.ad-billing__value[b-vw5nmpdokx] {
    font-size: .85rem;
    color: var(--ad-text-bio);
    word-break: break-word;
}

.ad-card__empty[b-vw5nmpdokx] {
    padding: 18px 20px;
    color: var(--ad-text-2);
    font-size: .85rem;
}

.ad-stories-head[b-vw5nmpdokx] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 4px 2px 12px;
    flex-wrap: wrap;
}

.ad-stories-head__title[b-vw5nmpdokx] {
    font-size: 1.1rem;
    font-weight: 700;
}

.ad-stories-head__count[b-vw5nmpdokx] {
    font-size: .8125rem;
    color: var(--ad-text-2);
}

/* loading skeleton */
.ad-skel-body[b-vw5nmpdokx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
}

.ad-skel-table[b-vw5nmpdokx] {
    padding: 8px 24px;
}
/* /Features/Admin/Pages/DictionaryManagement.razor.rz.scp.css */
.dict-header[b-wq6izd4qsf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.dict-toolbar[b-wq6izd4qsf] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
}

.dict-search[b-wq6izd4qsf] {
    width: 240px;
    max-width: 100%;
}

.dict-status-filter[b-wq6izd4qsf] {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(var(--seg-count, 3), 1fr);
    padding: 3px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
}

.dict-status-filter__thumb[b-wq6izd4qsf] {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    width: calc((100% - 6px) / var(--seg-count, 3));
    border-radius: 6px;
    background: var(--mud-palette-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    transform: translateX(calc(var(--seg-index, 0) * 100%));
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

.dict-seg[b-wq6izd4qsf] {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 5px 14px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s ease;
}

.dict-seg:hover[b-wq6izd4qsf] {
    color: var(--mud-palette-text-primary);
}

.dict-seg--active[b-wq6izd4qsf],
.dict-seg--active:hover[b-wq6izd4qsf] {
    color: var(--mud-palette-primary-text);
}

@media (prefers-reduced-motion: reduce) {
    .dict-status-filter__thumb[b-wq6izd4qsf] {
        transition: none;
    }
}

.dict-table__th--sortable[b-wq6izd4qsf] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.dict-langs[b-wq6izd4qsf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.dict-coverage[b-wq6izd4qsf] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent);
    color: var(--mud-palette-warning);
    cursor: default;
}

.dict-coverage--complete[b-wq6izd4qsf] {
    background: color-mix(in srgb, var(--mud-palette-success) 16%, transparent);
    color: var(--mud-palette-success);
}

.dict-lang-chip[b-wq6izd4qsf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: default;
}

.dict-lang-chip--on[b-wq6izd4qsf] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, transparent);
    color: var(--mud-palette-primary);
}

.dict-lang-chip--off[b-wq6izd4qsf] {
    background: transparent;
    color: var(--mud-palette-text-disabled);
    border: 1px dashed var(--mud-palette-divider);
}

.dict-name[b-wq6izd4qsf] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.dict-key[b-wq6izd4qsf] {
    font-family: var(--mud-typography-monospace-family, monospace);
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}

.dict-usage[b-wq6izd4qsf] {
    font-size: 0.85rem;
    color: var(--mud-palette-text-secondary);
}

.dict-dim[b-wq6izd4qsf] {
    opacity: 0.55;
}

.status-pill[b-wq6izd4qsf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 11px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

.status-pill--active[b-wq6izd4qsf] {
    background: color-mix(in srgb, var(--mud-palette-success) 16%, transparent);
    color: var(--mud-palette-success);
}

.status-pill--inactive[b-wq6izd4qsf] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

.status-dot[b-wq6izd4qsf] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}
/* /Features/Author/Components/BankAccountDialog.razor.rz.scp.css */
.mud-info-wash[b-27i338f889] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
    border: 1px solid var(--mud-palette-lines-default);
}
/* /Features/Author/Components/BillingProfileDialog.razor.rz.scp.css */
.billing-collapse[b-vshyo8qtuw] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.25s ease, opacity 0.25s ease;
}

.billing-collapse--open[b-vshyo8qtuw] {
    grid-template-rows: 1fr;
    opacity: 1;
}

.billing-collapse__inner[b-vshyo8qtuw] {
    overflow: hidden;
    min-height: 0;
}
/* /Features/Author/Components/DeleteProfileConfirmBody.razor.rz.scp.css */
.delete-profile-stories[b-e35ldzhh1m] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 28%, var(--mud-palette-lines-default));
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-error) 5%, transparent);
}

.delete-profile-stories-label[b-e35ldzhh1m] {
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}

.delete-profile-stories-count[b-e35ldzhh1m] {
    margin-left: auto;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 15%, transparent);
}

.delete-profile-story-badge[b-e35ldzhh1m] {
    flex: none;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
}
/* /Features/Author/Components/ManageProfilesDialog.razor.rz.scp.css */
.manage-profiles-layout[b-wqtygmpxc0] {
    display: flex;
    min-height: 420px;
    margin: -24px;
}

.manage-profiles-list[b-wqtygmpxc0] {
    width: 240px;
    flex-shrink: 0;
    padding: 20px;
    background-color: var(--mud-palette-background-grey);
    border-right: 1px solid var(--mud-palette-lines-default);
    display: flex;
    flex-direction: column;
}

.manage-profiles-edit[b-wqtygmpxc0] {
    flex: 1;
    padding: 24px 28px;
    min-width: 0;
    overflow-y: auto;
}

.manage-profiles-row[b-wqtygmpxc0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.12s ease;
}

.manage-profiles-row:hover[b-wqtygmpxc0] {
    background-color: var(--mud-palette-action-default-hover);
}

.manage-profiles-row:active[b-wqtygmpxc0] {
    transform: scale(0.985);
}

.manage-profiles-row-active[b-wqtygmpxc0] {
    background-color: var(--mud-palette-action-default-hover);
}

.manage-profiles-row-active[b-wqtygmpxc0]  .mud-typography {
    color: var(--mud-palette-primary);
}

.manage-draft-avatar[b-wqtygmpxc0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px dashed var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
}

/* ---------- edit panel switch animation ---------- */
.manage-profile-panel[b-wqtygmpxc0] {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.manage-profile-panel-visible[b-wqtygmpxc0] {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .manage-profile-panel[b-wqtygmpxc0] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .manage-profiles-row[b-wqtygmpxc0] {
        transition: none;
    }
}

/* ---------- identity row ---------- */
.manage-identity[b-wqtygmpxc0] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.manage-identity-fields[b-wqtygmpxc0] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ---------- avatar ---------- */
.manage-avatar[b-wqtygmpxc0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.manage-avatar-upload[b-wqtygmpxc0] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

/* ---------- links ---------- */
.manage-link-row[b-wqtygmpxc0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.manage-link-icon[b-wqtygmpxc0] {
    flex: none;
    color: var(--mud-palette-text-secondary);
}

.manage-link-url[b-wqtygmpxc0] {
    flex: 1 1 60%;
}

.manage-link-label[b-wqtygmpxc0] {
    flex: 1 1 40%;
}

/* ---------- preview ---------- */
.manage-profiles-preview[b-wqtygmpxc0] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border: 1px solid var(--mud-palette-divider);
}

.manage-preview-links[b-wqtygmpxc0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.manage-preview-link[b-wqtygmpxc0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--mud-palette-text-primary);
}

.min-width-0[b-wqtygmpxc0] {
    min-width: 0;
}
/* /Features/Author/Components/PayoutsSection.razor.rz.scp.css */
.payout-rows[b-ce7ufpswi3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.payout-rows[b-ce7ufpswi3]  .payout-row {
    cursor: pointer;
    background-color: color-mix(in srgb, var(--mud-palette-surface), #000 9%);
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.payout-rows[b-ce7ufpswi3]  .payout-row:hover {
    border-color: var(--mud-palette-primary) !important;
    background-color: color-mix(in srgb, var(--mud-palette-surface), #000 16%);
    box-shadow: var(--mud-elevation-2);
}

.payout-tile[b-ce7ufpswi3] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.payout-tile--bank[b-ce7ufpswi3] {
    background-color: rgba(59, 130, 246, 0.16);
    color: #6ea8fe;
}

.payout-tile--billing[b-ce7ufpswi3] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: var(--mud-palette-primary);
}

/* Masked IBAN reads better with a touch of tracking. */
.payout-iban[b-ce7ufpswi3] {
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}
/* /Features/Author/Components/StoryBylineSelect.razor.rz.scp.css */
.byline-field[b-klia75kml2] {
    position: relative;
    width: 100%;
    cursor: pointer;
    border-radius: var(--mud-default-borderradius);
}

.byline-content[b-klia75kml2] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
}

.byline-text[b-klia75kml2] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.byline-name[b-klia75kml2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.byline-handle[b-klia75kml2] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.byline-label[b-klia75kml2] {
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 2;
    transform: translateY(-50%);
    max-width: calc(100% - 32px);
    padding: 0 4px;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    transition: color 0.15s ease;
}

.byline-outline[b-klia75kml2] {
    position: absolute;
    inset: -6px 0 0 0;
    margin: 0;
    padding: 0 8px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: inherit;
    overflow: hidden;
    min-width: 0;
    pointer-events: none;
    transition: border-color 0.15s ease;
}

.byline-legend[b-klia75kml2] {
    width: auto;
    height: 11px;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1;
    white-space: nowrap;
    visibility: hidden;
}

.byline-legend > span[b-klia75kml2] {
    display: inline-block;
    padding: 0 4px;
    opacity: 0;
}

.byline-field:hover .byline-outline[b-klia75kml2] {
    border-color: var(--mud-palette-text-primary);
}

.byline-field--open .byline-outline[b-klia75kml2] {
    border-color: var(--mud-palette-primary);
    border-width: 2px;
}

.byline-field--open .byline-label[b-klia75kml2] {
    color: var(--mud-palette-primary);
}

.byline-field[b-klia75kml2]  .byline-chevron {
    flex: none;
    color: var(--mud-palette-text-secondary);
    transition: transform 0.2s ease, color 0.15s ease;
}

.byline-field--open[b-klia75kml2]  .byline-chevron {
    transform: rotate(180deg);
    color: var(--mud-palette-primary);
}
/* /Features/Chapter/Components/ChapterFeedbackDialog.razor.rz.scp.css */
.feedback-title-text[b-1f7sy3jd01] {
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.feedback-body[b-1f7sy3jd01] {
    max-height: 60vh;
    overflow-y: auto;
}

.review-thread[b-1f7sy3jd01] {
    display: flex;
    flex-direction: column;
}

.review-bubble[b-1f7sy3jd01] {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
    border: 1px solid var(--mud-palette-divider);
    border-left: 3px solid var(--mud-palette-divider);
    border-radius: 6px;
    padding: 12px 14px;
}

.chapter-seq[b-1f7sy3jd01] {
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}
/* /Features/Chapter/Components/ChapterStatusBadge.razor.rz.scp.css */
.chapter-status-pill[b-09mti56r5z] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border: 1px solid transparent;
    flex-shrink: 0;
    white-space: nowrap;
}

.chapter-status-pill--draft[b-09mti56r5z] {
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
}

.chapter-status-pill--in-review[b-09mti56r5z] {
    color: var(--mud-palette-warning);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-warning) 35%, transparent);
}

.chapter-status-pill--published[b-09mti56r5z] {
    color: var(--mud-palette-success);
    background-color: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-success) 35%, transparent);
}
/* /Features/Chapter/Components/Publish/MissingAssetsDialog.razor.rz.scp.css */
.missing-assets[b-dy7nxnzsnr] {
    display: flex;
    flex-direction: column;
    min-width: 460px;
    max-width: 100%;
    padding: 20px 24px 16px;
}

.missing-assets__header[b-dy7nxnzsnr] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.missing-assets__badge[b-dy7nxnzsnr] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    color: var(--mud-palette-warning);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 16%, transparent);
}

.missing-assets__heading[b-dy7nxnzsnr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

[b-dy7nxnzsnr] .missing-assets__close {
    flex-shrink: 0;
    margin: -6px -8px 0 auto;
}

[b-dy7nxnzsnr] .missing-assets__count {
    display: block;
    margin: 18px 0 8px;
    letter-spacing: 0.08em;
}

.missing-assets__list[b-dy7nxnzsnr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 46vh;
    overflow-y: auto;
    margin: 0 -4px;
    padding: 2px 4px;
}

.missing-asset[b-dy7nxnzsnr] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    transition: border-color 120ms ease, background-color 120ms ease, transform 120ms ease;
}

.missing-asset--clickable[b-dy7nxnzsnr] {
    cursor: pointer;
}

.missing-asset--clickable:hover[b-dy7nxnzsnr] {
    border-color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
    transform: translateX(2px);
}

.missing-asset--clickable:focus-visible[b-dy7nxnzsnr] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.missing-asset__icon[b-dy7nxnzsnr] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: var(--mud-palette-warning);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
}

.missing-asset__text[b-dy7nxnzsnr] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-grow: 1;
    min-width: 0;
}

[b-dy7nxnzsnr] .missing-asset__name {
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.missing-asset__go[b-dy7nxnzsnr] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.55;
    transition: color 120ms ease, opacity 120ms ease;
}

.missing-asset__go-label[b-dy7nxnzsnr] {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
    font-size: 0.75rem;
    font-weight: 600;
    transition: max-width 160ms ease, opacity 160ms ease;
}

.missing-asset--clickable:hover .missing-asset__go[b-dy7nxnzsnr],
.missing-asset--clickable:focus-visible .missing-asset__go[b-dy7nxnzsnr] {
    color: var(--mud-palette-primary);
    opacity: 1;
}

.missing-asset--clickable:hover .missing-asset__go-label[b-dy7nxnzsnr],
.missing-asset--clickable:focus-visible .missing-asset__go-label[b-dy7nxnzsnr] {
    max-width: 140px;
    opacity: 1;
}

.missing-assets__footer[b-dy7nxnzsnr] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 16px 24px;
    border-top: 1px solid var(--mud-palette-divider);
}

@media (max-width: 599px) {
    .missing-assets[b-dy7nxnzsnr] {
        min-width: 0;
    }
}
/* /Features/Chapter/Components/Publish/PublishChapterDialog.razor.rz.scp.css */
[b-u6ep3yx24v] .release-info {
    padding: 16px 20px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
}

[b-u6ep3yx24v] .release-info__heading {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-u6ep3yx24v] .repackage-notice {
    padding: 12px 16px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
}

[b-u6ep3yx24v] .repackage-notice__icon {
    flex-shrink: 0;
    color: var(--mud-palette-text-secondary);
}

[b-u6ep3yx24v] .publish-summary {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
    overflow: hidden;
}

[b-u6ep3yx24v] .publish-summary__group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 20px;
}

[b-u6ep3yx24v] .publish-summary__group:not(:last-child) {
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-u6ep3yx24v] .publish-summary__heading {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-u6ep3yx24v] .publish-summary__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 24px;
}

[b-u6ep3yx24v] .publish-summary__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

[b-u6ep3yx24v] .publish-summary__chips .mud-chip {
    margin: 0;
}

[b-u6ep3yx24v] .publish-summary__value {
    text-align: right;
    font-weight: 500;
}

[b-u6ep3yx24v] .price-picker {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 20px;
    min-width: 280px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
}

[b-u6ep3yx24v] .price-input,
[b-u6ep3yx24v] .price-input .mud-input-control,
[b-u6ep3yx24v] .price-input .mud-input-control-input-container {
    width: auto;
}

[b-u6ep3yx24v] .price-input .mud-input {
    display: inline-flex !important;
    align-items: baseline;
    gap: 6px;
}

[b-u6ep3yx24v] .price-input input {
    width: 4ch;
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    color: var(--mud-palette-primary) !important;
    text-align: right;
    line-height: 1 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    letter-spacing: -0.02em;
}

[b-u6ep3yx24v] .price-input .mud-input-adornment-end {
    margin: 0;
}

[b-u6ep3yx24v] .price-input .mud-input-adornment-end p,
[b-u6ep3yx24v] .price-input .mud-input-adornment-end .mud-typography {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
    margin: 0;
}

[b-u6ep3yx24v] .price-input .mud-input.mud-input-underline::before,
[b-u6ep3yx24v] .price-input .mud-input.mud-input-underline::after {
    display: none !important;
}

[b-u6ep3yx24v] .price-picker__slider {
    width: 100%;
    max-width: 320px;
}

[b-u6ep3yx24v] .price-picker__slider .mud-slider-thumb,
[b-u6ep3yx24v] .price-picker__slider .mud-slider-track-filled,
[b-u6ep3yx24v] .price-picker__slider .mud-slider-track,
[b-u6ep3yx24v] .price-picker__slider input[type="range"]::-webkit-slider-thumb,
[b-u6ep3yx24v] .price-picker__slider input[type="range"]::-moz-range-thumb {
    transition: none !important;
}

[b-u6ep3yx24v] .release-calendar {
    display: inline-block;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
}

/* compact static date picker */
[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-day,
[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-day-buttons {
    height: 32px;
    width: 32px;
    min-height: 32px;
}

[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-content {
    padding: 4px 8px;
}

[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-header {
    padding: 4px 8px;
}

[b-u6ep3yx24v] .release-calendar .mud-picker,
[b-u6ep3yx24v] .release-calendar .mud-picker-static,
[b-u6ep3yx24v] .release-calendar .mud-picker-inline-paper,
[b-u6ep3yx24v] .release-calendar .mud-picker-container {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[b-u6ep3yx24v] .release-calendar--disabled {
    opacity: 0.5;
    pointer-events: none;
}

[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-header .mud-icon-button,
[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-header-switch .mud-icon-button,
[b-u6ep3yx24v] .release-calendar .mud-picker-nav-button .mud-icon-button,
[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-header-transition + .mud-icon-button {
    background-color: var(--mud-palette-surface) !important;
    border: 1px solid var(--mud-palette-divider) !important;
    color: var(--mud-palette-text-primary) !important;
    border-radius: 50%;
}

[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-header .mud-icon-button:hover,
[b-u6ep3yx24v] .release-calendar .mud-picker-calendar-header-switch .mud-icon-button:hover,
[b-u6ep3yx24v] .release-calendar .mud-picker-nav-button .mud-icon-button:hover {
    background-color: var(--mud-palette-action-default-hover) !important;
    border-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary) !important;
}

[b-u6ep3yx24v] .publish-dialog-body {
    min-width: 560px;
}

[b-u6ep3yx24v] .mud-stepper-nav {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

[b-u6ep3yx24v] .classification-chip--idle.mud-chip.mud-chip-outlined {
    color: var(--mud-palette-text-primary) !important;
    border-color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent) !important;
}

[b-u6ep3yx24v] .classification-chip--idle.mud-chip.mud-chip-outlined .mud-chip-icon {
    color: var(--mud-palette-text-primary) !important;
}

[b-u6ep3yx24v] .classification-chip--idle.mud-chip.mud-chip-outlined:hover {
    border-color: var(--mud-palette-text-primary) !important;
    background-color: var(--mud-palette-action-default-hover) !important;
}

[b-u6ep3yx24v] .step-toggle-row {
    padding: 12px 12px 12px 16px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
}

/* submit button - no transitions */
[b-u6ep3yx24v] .publish-submit-button,
[b-u6ep3yx24v] .publish-submit-button:hover,
[b-u6ep3yx24v] .publish-submit-button:active,
[b-u6ep3yx24v] .publish-submit-button:focus,
[b-u6ep3yx24v] .publish-submit-button:disabled {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}

[b-u6ep3yx24v] .mud-stepper-nav-step-label-icon,
[b-u6ep3yx24v] .mud-stepper-nav-step-label-icon-current,
[b-u6ep3yx24v] .mud-stepper-nav-step-label-icon-completed,
[b-u6ep3yx24v] .mud-stepper-nav-step-label-icon .mud-icon-root,
[b-u6ep3yx24v] .mud-step-label-icon,
[b-u6ep3yx24v] .mud-step-label-icon .mud-icon-root {
    color: var(--mud-palette-primary-text) !important;
}
/* /Features/Chapter/Components/Publish/PublishMetadataStep.razor.rz.scp.css */
.pms[b-khk7fkf0d7] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 8px 4px;
}

.pms-intro-title[b-khk7fkf0d7] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.pms-intro-subtitle[b-khk7fkf0d7] {
    margin-top: 2px;
    font-size: 0.85rem;
    color: var(--mud-palette-text-secondary);
}

.pms-body[b-khk7fkf0d7] {
    display: flex;
    align-items: stretch;
    gap: 28px;
}

@media (max-width: 720px) {
    .pms-body[b-khk7fkf0d7] {
        flex-direction: column;
    }
}

.pms-preview[b-khk7fkf0d7] {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 14px;
    width: 264px;
    max-width: 100%;
}

@media (max-width: 720px) {
    .pms-preview[b-khk7fkf0d7] {
        width: 100%;
        max-width: 320px;
        align-self: center;
    }
}

.pms-eyebrow[b-khk7fkf0d7] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    flex: none;
}

.pms-preview[b-khk7fkf0d7]  .image-drop-zone-wrapper,
.pms-preview[b-khk7fkf0d7]  .file-dropzone-wrapper,
.pms-preview[b-khk7fkf0d7]  .file-dropzone-wrapper > * {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.pms-preview[b-khk7fkf0d7]  .file-dropzone-wrapper > * > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.pms-cover[b-khk7fkf0d7] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 360px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(9, 30, 41, 0.18);
}

.pms-cover-img[b-khk7fkf0d7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pms-cover-placeholder[b-khk7fkf0d7] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    text-align: center;
}

.pms-cover-placeholder[b-khk7fkf0d7]  .mud-icon-root {
    font-size: 44px;
    color: rgba(255, 255, 255, 0.82);
}

.pms-cover-hint[b-khk7fkf0d7] {
    font-size: 0.78rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
}

.pms-cover-change[b-khk7fkf0d7] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 24px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    background: rgba(9, 30, 41, 0.55);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.pms-cover:hover .pms-cover-change[b-khk7fkf0d7] {
    opacity: 1;
}

.pms-cover-change[b-khk7fkf0d7]  .mud-icon-root {
    font-size: 18px;
    color: #fff;
}

.pms-cover-scrim[b-khk7fkf0d7] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 30, 41, 0) 40%, rgba(9, 30, 41, 0.68) 100%);
}

.pms-cover-meta[b-khk7fkf0d7] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
}

.pms-cover-name[b-khk7fkf0d7] {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pms-cover-genre[b-khk7fkf0d7] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.82);
}

.pms-form[b-khk7fkf0d7] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.pms-section-label[b-khk7fkf0d7] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.pms-col[b-khk7fkf0d7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pms-label[b-khk7fkf0d7] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.pms-editor[b-khk7fkf0d7] {
    position: relative;
}

.pms-tags[b-khk7fkf0d7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.pms-tag[b-khk7fkf0d7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px 6px 14px;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 999px;
    background: var(--mud-palette-primary);
    font-size: 0.8rem;
    font-weight: 600;
    color: #091E29;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.pms-tag:hover[b-khk7fkf0d7] {
    background: var(--mud-palette-primary-darken);
    border-color: var(--mud-palette-primary-darken);
}

.pms-tag[b-khk7fkf0d7]  .mud-icon-root {
    font-size: 15px;
    color: #091E29;
}

.pms-chapter[b-khk7fkf0d7] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 20px;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Features/Character/Components/AvatarUpload.razor.rz.scp.css */
/* Shared avatar circle pattern - large size for upload/edit */
.avatar-upload-circle[b-o267bnwomc] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    display: block;
    cursor: pointer;
}

.avatar-upload-label[b-o267bnwomc] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px dashed var(--mud-palette-divider);
    transition: all 0.2s ease;
    background-color: var(--mud-palette-background);
    padding: 1px;
}

.avatar-upload-label:hover[b-o267bnwomc] {
    border-color: var(--mud-palette-primary);
    border-style: solid;
    background-color: var(--mud-palette-action-default-hover);
}

/* Shared avatar image styling - matches character-avatar-image pattern */
[b-o267bnwomc] .avatar-preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.avatar-placeholder[b-o267bnwomc] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-background-grey);
}

[b-o267bnwomc] .avatar-placeholder .mud-icon-root {
    color: var(--mud-palette-text-secondary);
}

.avatar-upload-wrapper[b-o267bnwomc] {
    position: relative;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.avatar-remove-button-wrapper[b-o267bnwomc] {
    position: absolute;
    top: -6px;
    right: -6px;
}

[b-o267bnwomc] .avatar-remove-button {
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: background-color 0.15s ease,
                border-color 0.15s ease,
                color 0.15s ease,
                transform 0.15s ease;
}

[b-o267bnwomc] .avatar-remove-button .mud-icon-root {
    color: var(--mud-palette-error);
    transition: color 0.15s ease;
}

[b-o267bnwomc] .avatar-remove-button:hover {
    background-color: var(--mud-palette-error) !important;
    border-color: var(--mud-palette-error);
    transform: scale(1.05);
}

[b-o267bnwomc] .avatar-remove-button:hover .mud-icon-root {
    color: var(--mud-palette-error-text, #fff) !important;
}

[b-o267bnwomc] .avatar-remove-button:active {
    transform: scale(0.95);
}
/* /Features/Character/Components/CharacterInlineForm.razor.rz.scp.css */
.character-inline-row[b-2skyep4sz0] {
    border-radius: 12px;
}
/* /Features/Character/Components/CharacterManagementForm.razor.rz.scp.css */
.characters-panel[b-yxs7576crf] {
    display: flex;
    flex-direction: column;
}

[b-yxs7576crf] .character-clickable-wrapper {
    cursor: pointer;
}

[b-yxs7576crf] .character-item-paper {
    border: 1px solid var(--mud-palette-divider);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background)) !important;
    border-left: 3px solid var(--mud-palette-divider) !important;
    transition: border-color 0.15s ease;
    min-height: 72px;
}

[b-yxs7576crf] .character-clickable-wrapper:hover .character-item-paper {
    border-left-color: var(--mud-palette-primary) !important;
}

[b-yxs7576crf] .character-item-actions {
    opacity: 0;
    transition: opacity 0.15s ease;
}

[b-yxs7576crf] .character-clickable-wrapper:hover .character-item-actions {
    opacity: 1;
}

/* Shared avatar circle pattern for character management UIs */
[b-yxs7576crf] .character-avatar-circle-small {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-background-grey);
    flex-shrink: 0;
    padding: 1px;
}

[b-yxs7576crf] .character-avatar-circle-large {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-background-grey);
    flex-shrink: 0;
    padding: 1px;
}

[b-yxs7576crf] .character-avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* Character description text — brand orange (palette primary). Forced so
   read-only mode dimming or any inherited MudText color can't wash it out. */
[b-yxs7576crf] .character-description {
    color: var(--mud-palette-primary) !important;
}

/* /Features/GlobalEvents/Components/GlobalEventEventImageUpload.razor.rz.scp.css */
/* Empty upload zone */
.ge-upload-zone[b-do5upooaid] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 140px;
    border: 2px dashed var(--mud-palette-divider);
    border-radius: var(--mud-default-borderradius);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ge-upload-zone--empty:hover[b-do5upooaid] {
    border-color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.ge-upload-zone--empty:hover .ge-upload-icon[b-do5upooaid] {
    color: var(--mud-palette-primary);
}

.ge-upload-zone--loading[b-do5upooaid] {
    cursor: default;
}

.ge-upload-icon[b-do5upooaid] {
    font-size: 1.5rem;
    color: var(--mud-palette-text-disabled);
    transition: color 0.15s ease;
    flex-shrink: 0;
}

/* Image preview — constrained height, full width */
.ge-image-row[b-do5upooaid] {
    display: flex;
    justify-content: flex-start;
}

.ge-image-container[b-do5upooaid] {
    position: relative;
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    line-height: 0;
    max-height: 180px;
    max-width: 320px;
}

.ge-image[b-do5upooaid] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--mud-default-borderradius);
}

.ge-image-overlay[b-do5upooaid] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: var(--mud-default-borderradius);
    transition: opacity 0.15s ease;
}

.ge-image-overlay--actions[b-do5upooaid] {
    background-color: rgba(0, 0, 0, 0.45);
    opacity: 0;
}

.ge-image-container:hover .ge-image-overlay--actions[b-do5upooaid] {
    opacity: 1;
}

.ge-image-overlay--uploading[b-do5upooaid] {
    background-color: rgba(0, 0, 0, 0.4);
}
/* /Features/GlobalEvents/Components/GlobalEventForm.razor.rz.scp.css */
.global-event-form[b-85xm59cgcu] {
    min-width: 0;
}

/* ── Condition row ──────────────────────────────────────
   Two groups sit side-by-side when there is enough room.
   When the panel is narrow each group fills its own row.
   No container queries — relies on flex-basis + flex-shrink: 0.
─────────────────────────────────────────────────────── */
.ge-condition-row[b-85xm59cgcu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    min-width: 0;
}

/* LHS: Variable + Operator + Value  (min ~300 px) */
.ge-lhs[b-85xm59cgcu] {
    flex: 3 0 300px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    min-width: 0;
}

/* RHS: Behavior + Priority  (min ~220 px) */
.ge-rhs[b-85xm59cgcu] {
    flex: 2 0 220px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    min-width: 0;
}

.ge-variable[b-85xm59cgcu] { flex: 1 1 0; min-width: 0; }
.ge-operator[b-85xm59cgcu] { flex: 0 0 96px; }
.ge-value[b-85xm59cgcu]    { flex: 0 0 84px; min-width: 0; }
.ge-behavior[b-85xm59cgcu] { flex: 1 1 0; min-width: 0; }
.ge-priority[b-85xm59cgcu] { flex: 0 0 100px; min-width: 0; }

/* ── Event content ── */
.ge-content-grid[b-85xm59cgcu] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 16px;
    align-items: start;
}

/* ── Rich text editor ── */
.ge-editor-wrapper[b-85xm59cgcu] {
    position: relative;
    min-height: 224px;
}

.ge-editor-loading[b-85xm59cgcu] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Features/GlobalEvents/Components/GlobalEventManagement.razor.rz.scp.css */
.global-rules-panel[b-fipib8xzxp] {
    display: flex;
    flex-direction: column;
}

[b-fipib8xzxp] .global-rule-clickable-wrapper {
    cursor: pointer;
}

[b-fipib8xzxp] .global-rule-item-paper {
    border: 1px solid var(--mud-palette-divider);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background)) !important;
    border-left: 3px solid var(--mud-palette-divider) !important;
    transition: border-color 0.15s ease;
}

[b-fipib8xzxp] .global-rule-clickable-wrapper:hover .global-rule-item-paper {
    border-left-color: var(--mud-palette-primary) !important;
}

[b-fipib8xzxp] .global-rule-item-actions {
    opacity: 0;
    transition: opacity 0.15s ease;
}

[b-fipib8xzxp] .global-rule-clickable-wrapper:hover .global-rule-item-actions {
    opacity: 1;
}
/* /Features/Legal/Components/ContentRulesPage.razor.rz.scp.css */
.terms-page[b-03bz1mwn3b] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    background:
        radial-gradient(ellipse 60% 40% at 50% 20%, color-mix(in srgb, var(--mud-palette-primary) 6%, transparent) 0%, transparent 70%),
        #141B1E;
    padding-bottom: 64px;
}

.terms-lang[b-03bz1mwn3b] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

[b-03bz1mwn3b] .terms-logo {
    width: 200px;
    max-width: 70%;
    height: auto;
    margin-top: 48px;
    margin-bottom: 36px;
    filter: drop-shadow(0 4px 24px color-mix(in srgb, var(--mud-palette-primary) 25%, transparent));
}

.terms-card[b-03bz1mwn3b] {
    width: 760px;
    max-width: 94%;
    padding: 48px 52px;
    border-radius: 16px;
    background: rgba(26, 36, 40, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset,
        0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

[b-03bz1mwn3b] .terms-main-title {
    font-weight: 700;
    line-height: 1.3;
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-primary-lighten) 60%, rgba(255, 255, 255, 0.75) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 4px;
}

[b-03bz1mwn3b] .terms-article-title {
    font-weight: 600;
    color: var(--mud-palette-primary);
    margin-bottom: 12px;
}

.terms-article-body[b-03bz1mwn3b] {
    padding-left: 4px;
}

[b-03bz1mwn3b] .terms-article-body .mud-typography {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.7;
}

[b-03bz1mwn3b] .terms-footer-note {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.30);
}

@media (max-width: 600px) {
    .terms-card[b-03bz1mwn3b] {
        padding: 28px 20px;
    }

    [b-03bz1mwn3b] .terms-logo {
        width: 160px;
        margin-top: 32px;
        margin-bottom: 24px;
    }
}
/* /Features/Legal/Components/TermsAndConditionsPage.razor.rz.scp.css */
.terms-page[b-ct6r99sleb] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    background:
        radial-gradient(ellipse 60% 40% at 50% 20%, color-mix(in srgb, var(--mud-palette-primary) 6%, transparent) 0%, transparent 70%),
        #141B1E;
    padding-bottom: 64px;
}

.terms-lang[b-ct6r99sleb] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

[b-ct6r99sleb] .terms-logo {
    width: 200px;
    max-width: 70%;
    height: auto;
    margin-top: 48px;
    margin-bottom: 36px;
    filter: drop-shadow(0 4px 24px color-mix(in srgb, var(--mud-palette-primary) 25%, transparent));
}

.terms-card[b-ct6r99sleb] {
    width: 760px;
    max-width: 94%;
    padding: 48px 52px;
    border-radius: 16px;
    background: rgba(26, 36, 40, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset,
        0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

[b-ct6r99sleb] .terms-main-title {
    font-weight: 700;
    line-height: 1.3;
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-primary-lighten) 60%, rgba(255, 255, 255, 0.75) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 4px;
}

[b-ct6r99sleb] .terms-article-title {
    font-weight: 600;
    color: var(--mud-palette-primary);
    margin-bottom: 12px;
}

.terms-article-body[b-ct6r99sleb] {
    padding-left: 4px;
}

[b-ct6r99sleb] .terms-article-body .mud-typography {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.7;
}

[b-ct6r99sleb] .terms-footer-note {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.30);
}

@media (max-width: 600px) {
    .terms-card[b-ct6r99sleb] {
        padding: 28px 20px;
    }

    [b-ct6r99sleb] .terms-logo {
        width: 160px;
        margin-top: 32px;
        margin-bottom: 24px;
    }
}
/* /Features/Settings/Components/AccountOwnerCard.razor.rz.scp.css */
.settings-overline[b-vpsckrcyw3] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}
/* /Features/Settings/Components/SettingsPageContent.razor.rz.scp.css */
.settings-badge[b-241bd7n69k] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.6;
    white-space: nowrap;
}

.settings-badge[b-241bd7n69k]  .mud-icon-root {
    font-size: 0.95rem;
}

.settings-badge--active[b-241bd7n69k] {
    color: var(--mud-palette-success);
    background-color: color-mix(in srgb, var(--mud-palette-success) 16%, transparent);
}

.settings-danger-card[b-241bd7n69k] {
    border: 1px solid var(--mud-palette-error) !important;
    background-color: color-mix(in srgb, var(--mud-palette-error) 5%, var(--mud-palette-surface));
}

.settings-profiles-list[b-241bd7n69k]  .settings-profile-row {
    cursor: pointer;
    background-color: color-mix(in srgb, var(--mud-palette-surface), #000 9%);
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.settings-profiles-list[b-241bd7n69k]  .settings-profile-row:hover {
    border-color: var(--mud-palette-primary) !important;
    background-color: color-mix(in srgb, var(--mud-palette-surface), #000 16%);
    box-shadow: var(--mud-elevation-2);
}
/* /Features/Story/Components/CreateStoryDialog.razor.rz.scp.css */
.wizard[b-av4pafxjeq] {
    display: flex;
    width: 660px;
    max-width: 100%;
    max-height: 90vh;
}

/* ---------- sidebar ---------- */
.wizard-sidebar[b-av4pafxjeq] {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 6px;
    width: 220px;
    padding: 24px 16px;
    background: var(--mud-palette-background-grey);
    border-right: 1px solid var(--mud-palette-divider);
}

.wizard-title[b-av4pafxjeq] {
    padding: 0 10px;
    margin-bottom: 14px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.wizard-steps[b-av4pafxjeq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wizard-step[b-av4pafxjeq] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 11px;
    padding: 9px 10px;
    border: none;
    border-radius: 9px;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}

.wizard-step:hover[b-av4pafxjeq] {
    background: var(--mud-palette-action-default-hover);
}

.wizard-step--active[b-av4pafxjeq] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.wizard-step-dot[b-av4pafxjeq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1.5px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
}

.wizard-step--active .wizard-step-dot[b-av4pafxjeq] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: #091E29;
}

.wizard-step--done .wizard-step-dot[b-av4pafxjeq] {
    border-color: var(--mud-palette-success);
    background: var(--mud-palette-success);
    color: #fff;
}

.wizard-step--done .wizard-step-dot[b-av4pafxjeq]  .mud-icon-root {
    font-size: 16px;
    color: #fff;
}

.wizard-step-label[b-av4pafxjeq] {
    font-size: 0.84rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

.wizard-step--active .wizard-step-label[b-av4pafxjeq] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.wizard-step-count[b-av4pafxjeq] {
    margin-top: auto;
    padding: 0 10px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-disabled);
}

/* ---------- main ---------- */
.wizard-main[b-av4pafxjeq] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.wizard-panel[b-av4pafxjeq] {
    flex: 0 1 auto;
    min-height: 0;
    padding: 28px;
    overflow-y: auto;
}

.wizard-fields[b-av4pafxjeq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wizard-panel-title[b-av4pafxjeq] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.wizard-panel-subtitle[b-av4pafxjeq] {
    margin-top: 3px;
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary);
}

.wizard-editor-field[b-av4pafxjeq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wizard-editor-label[b-av4pafxjeq] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.wizard-editor[b-av4pafxjeq] {
    position: relative;
}

.wizard-editor-fade[b-av4pafxjeq] {
    transition: opacity 0.2s ease;
}

.wizard-editor-loading[b-av4pafxjeq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

.wizard-editor-skel[b-av4pafxjeq] {
    width: 100%;
    height: 180px;
    border-radius: 8px;
}

/* ---------- cover ---------- */
.wizard-cover-wrap[b-av4pafxjeq] {
    width: 240px;
    max-width: 100%;
}

.esd-cover[b-av4pafxjeq] {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(9, 30, 41, 0.18);
}

.esd-cover-img[b-av4pafxjeq] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.esd-cover-placeholder[b-av4pafxjeq] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    text-align: center;
}

.esd-cover-placeholder[b-av4pafxjeq]  .mud-icon-root {
    font-size: 44px;
    color: rgba(255, 255, 255, 0.82);
}

.esd-cover-hint[b-av4pafxjeq] {
    font-size: 0.78rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
}

.esd-cover-change[b-av4pafxjeq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 24px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    background: rgba(9, 30, 41, 0.55);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.esd-cover:hover .esd-cover-change[b-av4pafxjeq] {
    opacity: 1;
}

.esd-cover-change[b-av4pafxjeq]  .mud-icon-root {
    font-size: 18px;
    color: #fff;
}

.esd-cover-scrim[b-av4pafxjeq] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 30, 41, 0) 40%, rgba(9, 30, 41, 0.68) 100%);
}

.esd-cover-meta[b-av4pafxjeq] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
}

.esd-cover-name[b-av4pafxjeq] {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.esd-cover-genre[b-av4pafxjeq] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.82);
}

/* ---------- tags ---------- */
.wizard-tags[b-av4pafxjeq] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

/* ---------- preview ---------- */
.wizard-preview[b-av4pafxjeq] {
    display: flex;
    gap: 22px;
    align-items: flex-start;
}

.wizard-preview-cover[b-av4pafxjeq] {
    flex: none;
    width: 168px;
}

.wizard-preview-details[b-av4pafxjeq] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.wizard-preview-row[b-av4pafxjeq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wizard-preview-label[b-av4pafxjeq] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.wizard-preview-value[b-av4pafxjeq] {
    font-size: 0.92rem;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.wizard-preview-muted[b-av4pafxjeq] {
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

.wizard-preview-desc[b-av4pafxjeq] {
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    max-height: 160px;
    overflow-y: auto;
    word-break: break-word;
}

.wizard-preview-desc :first-child[b-av4pafxjeq] {
    margin-top: 0;
}

.wizard-preview-desc :last-child[b-av4pafxjeq] {
    margin-bottom: 0;
}

/* ---------- footer ---------- */
.wizard-footer[b-av4pafxjeq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid var(--mud-palette-divider);
}

.wizard-footer-actions[b-av4pafxjeq] {
    display: flex;
    gap: 10px;
}

.wizard-btn[b-av4pafxjeq] {
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, opacity 0.15s ease;
}

.wizard-btn:disabled[b-av4pafxjeq] {
    opacity: 0.5;
    cursor: default;
}

.wizard-btn-text[b-av4pafxjeq] {
    padding: 9px 16px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
}

.wizard-btn-text:hover[b-av4pafxjeq] {
    color: var(--mud-palette-text-primary);
}

.wizard-btn-outline[b-av4pafxjeq] {
    padding: 9px 18px;
    background: transparent;
    border: 1px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-primary);
}

.wizard-btn-outline:hover[b-av4pafxjeq] {
    background: var(--mud-palette-action-default-hover);
}

.wizard-btn-primary[b-av4pafxjeq] {
    padding: 9px 22px;
    font-weight: 700;
    background: var(--mud-palette-primary);
    color: #091E29;
}

.wizard-btn-primary:not(:disabled):hover[b-av4pafxjeq] {
    background: var(--mud-palette-primary-darken);
}
/* /Features/Story/Components/EditStoryDialog.razor.rz.scp.css */
.esd[b-pzc2jitjz2] {
    display: flex;
    flex-direction: column;
    width: 880px;
    max-width: 100%;
    max-height: 86vh;
    animation: edit-mode-fade-in 0.27s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* ---------- header ---------- */
.esd-head[b-pzc2jitjz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none;
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.esd-title[b-pzc2jitjz2] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.esd-subtitle[b-pzc2jitjz2] {
    margin-top: 2px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}

/* ---------- body ---------- */
.esd-body[b-pzc2jitjz2] {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    gap: 28px;
    padding: 24px;
    overflow-y: auto;
}

.esd-loading[b-pzc2jitjz2] {
    flex: 1 1 auto;
}

/* ---------- live preview ---------- */
.esd-preview[b-pzc2jitjz2] {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 14px;
    width: 264px;
}

.esd-eyebrow[b-pzc2jitjz2] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    flex: none;
}

.esd-author[b-pzc2jitjz2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: none;
}

/* Stretch the drop zone (and its nested MudFileUpload wrappers) to fill the column height. */
.esd-preview[b-pzc2jitjz2]  .image-drop-zone-wrapper,
.esd-preview[b-pzc2jitjz2]  .file-dropzone-wrapper,
.esd-preview[b-pzc2jitjz2]  .file-dropzone-wrapper > * {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.esd-preview[b-pzc2jitjz2]  .file-dropzone-wrapper > * > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.esd-author[b-pzc2jitjz2]  .byline-menu {
    display: block;
    width: 100%;
}

.esd-author[b-pzc2jitjz2]  .byline-menu > * {
    width: 100%;
}

.esd-cover[b-pzc2jitjz2] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 360px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(9, 30, 41, 0.18);
}

.esd-cover-img[b-pzc2jitjz2] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.esd-cover-placeholder[b-pzc2jitjz2] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    text-align: center;
}

.esd-cover-placeholder[b-pzc2jitjz2]  .mud-icon-root {
    font-size: 44px;
    color: rgba(255, 255, 255, 0.82);
}

.esd-cover-hint[b-pzc2jitjz2] {
    font-size: 0.78rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
}

.esd-cover-change[b-pzc2jitjz2] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 24px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    background: rgba(9, 30, 41, 0.55);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.esd-cover:hover .esd-cover-change[b-pzc2jitjz2] {
    opacity: 1;
}

.esd-cover-change[b-pzc2jitjz2]  .mud-icon-root {
    font-size: 18px;
    color: #fff;
}

.esd-cover-scrim[b-pzc2jitjz2] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 30, 41, 0) 40%, rgba(9, 30, 41, 0.68) 100%);
}

.esd-cover-meta[b-pzc2jitjz2] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
}

.esd-cover-name[b-pzc2jitjz2] {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.esd-cover-genre[b-pzc2jitjz2] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.82);
}

/* ---------- form ---------- */
.esd-form[b-pzc2jitjz2] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.esd-row[b-pzc2jitjz2] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.esd-col[b-pzc2jitjz2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.esd-col--grow[b-pzc2jitjz2] {
    flex: 1 1 auto;
    min-width: 0;
}

.esd-label[b-pzc2jitjz2] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

/* ---------- rich-text description ---------- */
.esd-editor[b-pzc2jitjz2] {
    position: relative;
}

.esd-editor-fade[b-pzc2jitjz2] {
    transition: opacity 0.2s ease;
}

.esd-editor-loading[b-pzc2jitjz2] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

.esd-editor-skel[b-pzc2jitjz2] {
    width: 100%;
    height: 180px;
    border-radius: 8px;
}

/* ---------- tags ---------- */
.esd-tags[b-pzc2jitjz2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.esd-tag[b-pzc2jitjz2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px 6px 14px;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 999px;
    background: var(--mud-palette-primary);
    font-size: 0.8rem;
    font-weight: 600;
    color: #091E29;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.esd-tag:hover[b-pzc2jitjz2] {
    background: var(--mud-palette-primary-darken);
    border-color: var(--mud-palette-primary-darken);
}

.esd-tag[b-pzc2jitjz2]  .mud-icon-root {
    font-size: 15px;
    color: #091E29;
}

/* ---------- footer ---------- */
.esd-foot[b-pzc2jitjz2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: none;
    gap: 10px;
    padding: 14px 24px;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Features/Story/Components/FeaturedStoryCard.razor.rz.scp.css */
.featured-card[b-dlvmat0f4n] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 30px;
    min-height: 300px;
    padding: 30px 34px;
    cursor: pointer;
}

.featured-card-cover[b-dlvmat0f4n] {
    position: relative;
    flex: 0 0 auto;
    width: 172px;
    aspect-ratio: 4 / 7;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(9, 30, 41, 0.45);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

.featured-card-cover-image[b-dlvmat0f4n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.featured-card-cover-placeholder[b-dlvmat0f4n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.85);
}

.featured-card-cover-placeholder[b-dlvmat0f4n]  .mud-icon-root {
    font-size: 44px;
}

.featured-badge-genre[b-dlvmat0f4n] {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(9, 30, 41, 0.72);
    color: #fff;
    backdrop-filter: blur(4px);
}

.featured-card-content[b-dlvmat0f4n] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
}

.featured-card-eyebrow[b-dlvmat0f4n] {
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    margin-bottom: 16px;
}

.featured-card-title[b-dlvmat0f4n] {
    margin: 0 0 10px;
    font-size: 2.1rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.featured-card-description[b-dlvmat0f4n] {
    margin: 0 0 22px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-card-description-empty[b-dlvmat0f4n] {
    font-style: italic;
    color: rgba(255, 255, 255, 0.5);
}

.featured-card-actions[b-dlvmat0f4n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: auto;
}

.featured-btn[b-dlvmat0f4n] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: background 0.18s ease, opacity 0.18s ease;
}

.featured-btn-primary[b-dlvmat0f4n] {
    padding: 11px 22px;
    background: var(--mud-palette-primary);
    color: #091E29;
}

.featured-btn-primary:hover[b-dlvmat0f4n] {
    background: var(--mud-palette-primary-darken);
}

.featured-btn-secondary[b-dlvmat0f4n] {
    padding: 11px 18px;
    font-weight: 600;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
}

.featured-btn-secondary:hover[b-dlvmat0f4n] {
    background: var(--mud-palette-dark);
}

.featured-card-updated[b-dlvmat0f4n] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.78rem;
}

.featured-card-updated[b-dlvmat0f4n]  .mud-icon-root {
    font-size: 15px;
}

.featured-btn-secondary[b-dlvmat0f4n]  .mud-icon-root {
    font-size: 17px;
}

@media (max-width: 720px) {
    .featured-card[b-dlvmat0f4n] {
        flex-direction: column;
        align-items: stretch;
    }

    .featured-card-cover[b-dlvmat0f4n] {
        align-self: center;
    }

    .featured-card-updated[b-dlvmat0f4n] {
        margin-left: 0;
    }
}
/* /Features/Story/Components/StoryDetail/ContributionsEditor.razor.rz.scp.css */
.contributions-editor[b-78wpwwm9d3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.contribution-chip[b-78wpwwm9d3] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.1rem 0.3rem 0.1rem 0.6rem;
    border-radius: 999px;
    background: var(--mud-palette-action-default-hover);
    font-size: 0.8rem;
    font-weight: 500;
}

.contribution-chip-remove[b-78wpwwm9d3] {
    display: inline-flex;
    align-items: center;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    padding: 0;
    line-height: 0;
}

.contribution-chip-remove:hover[b-78wpwwm9d3] {
    color: var(--mud-palette-text-primary);
}

.contribution-add-button[b-78wpwwm9d3] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    border: 1px dashed var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

.contribution-add-button:hover[b-78wpwwm9d3] {
    color: var(--mud-palette-text-primary);
    border-color: var(--mud-palette-primary);
}

.contribution-menu-content[b-78wpwwm9d3] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.75rem;
    min-width: 240px;
}

.contribution-custom[b-78wpwwm9d3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Features/Story/Components/StoryDetail/StoryChaptersCard.razor.rz.scp.css */
.chapters-header[b-5l7vmfe2v3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.chapters-title[b-5l7vmfe2v3] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.chapters-header[b-5l7vmfe2v3]  .mud-typography-h5 {
    line-height: 1;
}

.chapters-count[b-5l7vmfe2v3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    min-width: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
}

.chapters-total-plays[b-5l7vmfe2v3] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    color: var(--mud-palette-text-secondary);
}

.chapters-total-plays[b-5l7vmfe2v3]  .mud-icon-root {
    font-size: 17px;
    line-height: 1;
    display: block;
}

.chapters-header[b-5l7vmfe2v3]  .mud-tooltip-root.mud-tooltip-inline {
    display: inline-flex;
    align-items: center;
}

.chapter-timeline[b-5l7vmfe2v3] {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.chapter-node[b-5l7vmfe2v3] {
    position: relative;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 16px;
    --ch-accent: var(--mud-palette-text-secondary);
}

.chapter-node--published[b-5l7vmfe2v3] {
    --ch-accent: var(--mud-palette-success);
}

.chapter-node--in-review[b-5l7vmfe2v3] {
    --ch-accent: var(--mud-palette-primary);
}

.chapter-node--draft[b-5l7vmfe2v3] {
    --ch-accent: var(--mud-palette-text-secondary);
}

.chapter-node-marker[b-5l7vmfe2v3] {
    position: relative;
    display: flex;
    justify-content: center;
}

.chapter-node-index[b-5l7vmfe2v3] {
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: #091e29;
    background: var(--ch-accent);
}

.chapter-node:not(:last-child) .chapter-node-marker[b-5l7vmfe2v3]::after {
    content: "";
    position: absolute;
    top: 30px;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    background: var(--mud-palette-divider);
}

.chapter-node-card[b-5l7vmfe2v3] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 14px;
    padding: 16px 18px;
}

.chapter-node-status[b-5l7vmfe2v3] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 3px;
}

.chapter-node-dot[b-5l7vmfe2v3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ch-accent);
    flex-shrink: 0;
}

.chapter-node-status-label[b-5l7vmfe2v3] {
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ch-accent);
}

.chapter-node-actions[b-5l7vmfe2v3] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
}

.chapter-node-actions[b-5l7vmfe2v3]  .mud-icon-button {
    color: var(--mud-palette-text-secondary);
    padding: 5px;
}

.chapter-node-actions[b-5l7vmfe2v3]  .mud-icon-button:hover {
    color: var(--mud-palette-text-primary);
}

.chapter-node-actions[b-5l7vmfe2v3]  .mud-icon-root {
    font-size: 17px;
}

.chapter-node-title[b-5l7vmfe2v3] {
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.25;
    color: var(--ch-accent);
}

.chapter-node-desc[b-5l7vmfe2v3] {
    margin-top: 3px;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Rendered rich-text description: keep the 2-line clamp tight by flattening block margins. */
.chapter-node-desc[b-5l7vmfe2v3]  .rich-text-view,
.chapter-node-desc[b-5l7vmfe2v3]  .rich-text-view > :first-child {
    margin-top: 0;
}

.chapter-node-desc[b-5l7vmfe2v3]  p,
.chapter-node-desc[b-5l7vmfe2v3]  ul,
.chapter-node-desc[b-5l7vmfe2v3]  ol {
    margin: 0;
    padding-left: 18px;
}

.chapter-node-stats[b-5l7vmfe2v3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.chapter-node-stat[b-5l7vmfe2v3] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 4px 9px;
    border-radius: 999px;
    white-space: nowrap;
}

.chapter-node-stat[b-5l7vmfe2v3]  .mud-icon-root {
    font-size: 14px;
    line-height: 1;
    display: block;
}

.chapter-node-stats[b-5l7vmfe2v3]  .mud-tooltip-root.mud-tooltip-inline {
    display: inline-flex;
    align-items: center;
}
/* /Features/Story/Components/StoryDetail/StoryChapterSection.razor.rz.scp.css */
.chapter-section-head[b-5mvo4hzocp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chapter-section-title[b-5mvo4hzocp] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.chapter-section-count[b-5mvo4hzocp] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}

.chapter-list[b-5mvo4hzocp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chapter-row[b-5mvo4hzocp] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px 14px 20px;
    border-radius: 10px;
    border: 1px solid var(--mud-palette-divider);
    background: color-mix(in srgb, var(--mud-palette-background-grey) 45%, transparent);
}

.chapter-row[b-5mvo4hzocp]::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 999px;
}

.chapter-row--draft[b-5mvo4hzocp]::before {
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 40%, transparent);
}

.chapter-row--in-review[b-5mvo4hzocp]::before {
    background: var(--mud-palette-warning);
}

.chapter-row--published[b-5mvo4hzocp]::before {
    background: var(--mud-palette-success);
}

.chapter-row[b-5mvo4hzocp]  .chapter-row-icon {
    margin-top: 1px;
    font-size: 20px;
    flex-shrink: 0;
}

.chapter-row--draft[b-5mvo4hzocp]  .chapter-row-icon {
    color: var(--mud-palette-text-secondary);
}

.chapter-row--in-review[b-5mvo4hzocp]  .chapter-row-icon {
    color: var(--mud-palette-warning);
}

.chapter-row--published[b-5mvo4hzocp]  .chapter-row-icon {
    color: var(--mud-palette-success);
}

.chapter-row-body[b-5mvo4hzocp] {
    min-width: 0;
    flex: 1;
}

.chapter-row-heading[b-5mvo4hzocp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.chapter-row-title[b-5mvo4hzocp] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.chapter-row-desc[b-5mvo4hzocp] {
    margin-top: 3px;
    font-size: 0.85rem;
    color: var(--mud-palette-text-secondary);
}
/* /Features/Story/Components/StoryDetail/StoryContentMetricsCard.razor.rz.scp.css */
.metric-grid[b-tamtilo8xr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.metric-tile[b-tamtilo8xr] {
    min-width: 0;
    padding: 14px;
    border-radius: 10px;
    background: var(--mud-palette-background-grey);
}

.metric-label[b-tamtilo8xr] {
    font-size: 0.7rem;
    line-height: 1.3;
    color: var(--mud-palette-text-secondary);
    min-height: 2.4em;
    overflow-wrap: break-word;
}

.metric-value[b-tamtilo8xr] {
    margin-top: 6px;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
}

.metric-value--accent[b-tamtilo8xr] {
    color: var(--mud-palette-primary);
}
/* /Features/Story/Components/StoryDetail/StoryContributorsCard.razor.rz.scp.css */
.contributors-header[b-hpuq2vtgfe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.contributors-title[b-hpuq2vtgfe] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.contributors-header[b-hpuq2vtgfe]  .mud-typography-h5 {
    line-height: 1;
}

.contributors-count[b-hpuq2vtgfe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    min-width: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
}

.contributors-subtitle[b-hpuq2vtgfe] {
    color: var(--mud-palette-text-secondary);
    margin-bottom: 1.25rem;
}

.contributor-list[b-hpuq2vtgfe] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.contributor-row[b-hpuq2vtgfe] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0;
    border-top: 1px solid var(--mud-palette-divider);
}

.contributor-row:first-child[b-hpuq2vtgfe] {
    border-top: none;
}

.contributor-identity[b-hpuq2vtgfe] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.contributor-name-line[b-hpuq2vtgfe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.contributor-name[b-hpuq2vtgfe] {
    font-weight: 600;
}

.contributor-email[b-hpuq2vtgfe] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contributor-creator-badge[b-hpuq2vtgfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    font-size: 0.75rem;
    font-weight: 600;
}

.contributor-no-billing[b-hpuq2vtgfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--mud-palette-warning);
    font-size: 0.8rem;
    font-weight: 500;
}

.contributor-billing[b-hpuq2vtgfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.6rem;
    border: none;
    background: transparent;
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    font: inherit;
    transition: color 0.15s ease, background 0.15s ease;
}

.contributor-billing:hover:not(:disabled)[b-hpuq2vtgfe] {
    background: var(--mud-palette-action-default-hover);
}

.contributor-billing--on[b-hpuq2vtgfe] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.contributor-billing:disabled[b-hpuq2vtgfe] {
    color: var(--mud-palette-text-disabled);
    cursor: default;
}

.contributor-actions[b-hpuq2vtgfe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
}

.contributor-lock[b-hpuq2vtgfe] {
    color: var(--mud-palette-text-disabled);
}

.contributor-add[b-hpuq2vtgfe] {
    margin-top: 1rem;
}

.contributor-option[b-hpuq2vtgfe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.contributor-option-identity[b-hpuq2vtgfe] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.contributor-option-name[b-hpuq2vtgfe] {
    font-weight: 600;
}

.contributor-option-email[b-hpuq2vtgfe] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contributor-option-meta[b-hpuq2vtgfe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.contributor-option-add[b-hpuq2vtgfe] {
    color: var(--mud-palette-primary);
}
/* /Features/Story/Components/StoryDetail/StoryDetailHero.razor.rz.scp.css */
.detail-hero[b-5jwd5owut8] {
    position: relative;
    display: flex;
    min-height: 236px;
}

.detail-hero-content[b-5jwd5owut8] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    gap: 20px;
    padding: 22px 28px;
}

.detail-hero-lower[b-5jwd5owut8] {
    display: flex;
    align-items: flex-end;
    flex: 1 1 auto;
    gap: 24px;
    min-height: 0;
}

.detail-hero-cover[b-5jwd5owut8] {
    position: relative;
    flex: 0 0 auto;
    width: 168px;
    aspect-ratio: 4 / 7;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(9, 30, 41, 0.45);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

.detail-hero-cover-image[b-5jwd5owut8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.detail-hero-cover-placeholder[b-5jwd5owut8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.85);
}

.detail-hero-cover-placeholder[b-5jwd5owut8]  .mud-icon-root {
    font-size: 44px;
}

.detail-hero-toolbar[b-5jwd5owut8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.detail-hero-actions[b-5jwd5owut8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.hero-btn[b-5jwd5owut8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s ease;
}

.hero-btn:disabled[b-5jwd5owut8] {
    cursor: default;
    opacity: 0.75;
}

.hero-btn[b-5jwd5owut8]  .mud-icon-root {
    font-size: 17px;
}

.hero-btn-ghost[b-5jwd5owut8] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
}

.hero-btn-ghost:hover[b-5jwd5owut8] {
    background: var(--mud-palette-dark);
}

.hero-btn-danger[b-5jwd5owut8] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error);
}

.hero-btn-danger:hover:not(:disabled)[b-5jwd5owut8] {
    background: var(--mud-palette-dark);
}

.hero-btn-primary[b-5jwd5owut8] {
    padding: 8px 15px;
    font-weight: 700;
    background: var(--mud-palette-primary);
    color: #091E29;
    border: none;
}

.hero-btn-primary:hover[b-5jwd5owut8] {
    background: var(--mud-palette-primary-darken);
}

.detail-hero-footer[b-5jwd5owut8] {
    min-width: 0;
}

.detail-hero-title[b-5jwd5owut8] {
    margin: 0;
    font-size: 2.1rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #fff;
}

.detail-hero-chips[b-5jwd5owut8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.detail-hero-description[b-5jwd5owut8] {
    margin-top: 12px;
    max-width: 720px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.86rem;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.detail-hero-description.is-expanded[b-5jwd5owut8] {
    display: block;
    overflow: visible;
}

.detail-hero-description[b-5jwd5owut8]  p:first-child {
    margin-top: 0;
}

.detail-hero-description[b-5jwd5owut8]  p:last-child {
    margin-bottom: 0;
}

.detail-hero-description-empty[b-5jwd5owut8] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.86rem;
    font-style: italic;
}

.detail-hero-description-toggle[b-5jwd5owut8] {
    margin-top: 6px;
    padding: 0;
    background: none;
    border: none;
    color: var(--mud-palette-primary);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.detail-hero-description-toggle:hover[b-5jwd5owut8] {
    text-decoration: underline;
}

.detail-hero-stats[b-5jwd5owut8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.78rem;
}

.hero-stat[b-5jwd5owut8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.hero-stat[b-5jwd5owut8]  .mud-icon-root {
    font-size: 15px;
}
/* /Features/Story/Components/StoryDetail/StoryDetailSkeleton.razor.rz.scp.css */
.sk-hero[b-5jraluk4mx] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 236px;
    padding: 22px 28px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 18px;
    overflow: hidden;
    background: #0d1113;
}

.sk-hero-toolbar[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.sk-hero-actions[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.sk-hero-lower[b-5jraluk4mx] {
    display: flex;
    align-items: flex-end;
    flex: 1 1 auto;
    gap: 24px;
    min-height: 0;
}

/* 168px × 4/7 ≈ 294px tall — same as the real cover, so the hero box does not grow on load */
.sk-hero-cover[b-5jraluk4mx] {
    flex: 0 0 auto;
    width: 168px;
    aspect-ratio: 4 / 7;
    border-radius: 12px;
}

.sk-hero-footer[b-5jraluk4mx] {
    flex: 1 1 auto;
    min-width: 0;
}

.sk-hero-chips[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.sk-hero-stats[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 16px;
}

.sk-card[b-5jraluk4mx] {
    margin-top: 16px;
    padding: 24px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
}

.sk-chapters-header[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sk-chapters-heading[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sk-timeline[b-5jraluk4mx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 22px;
}

.sk-chapter-node[b-5jraluk4mx] {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 16px;
    align-items: start;
}

.sk-marker[b-5jraluk4mx] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.sk-chapter-card[b-5jraluk4mx] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    padding: 14px 18px;
}

.sk-chapter-head[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sk-chapter-stats[b-5jraluk4mx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-divider);
}

.sk-btn[b-5jraluk4mx] {
    border-radius: 8px;
}
/* /Features/Story/Components/StoryDetail/StoryStatisticsCard.razor.rz.scp.css */
.stat-list[b-woj2u43hzl] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.stat-item[b-woj2u43hzl] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.stat-icon[b-woj2u43hzl] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.stat-icon[b-woj2u43hzl]  .mud-icon-root {
    font-size: 18px;
}

.stat-text[b-woj2u43hzl] {
    min-width: 0;
}

.stat-label[b-woj2u43hzl] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}

.stat-value[b-woj2u43hzl] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}
/* /Features/Story/Components/StoryForm.razor.rz.scp.css */
.tags-select[b-asml5mnmaz] {
    position: relative;
    width: 100%;
}

.tags-select__chips[b-asml5mnmaz] {
    position: absolute;
    inset: 0 40px 0 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

.tags-select__chip[b-asml5mnmaz] {
    pointer-events: auto;
    flex: 0 0 auto;
}

.tags-select--has-chips[b-asml5mnmaz]  .mud-select-input input {
    color: transparent !important;
    caret-color: transparent;
}
/* /Features/Story/Components/StoryGridItem.razor.rz.scp.css */
.editorial-card[b-jfk7nzhj30] {
    display: flex;
    flex-direction: row;
    min-height: 200px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.editorial-card:hover[b-jfk7nzhj30] {
    transform: translateY(-2px);
    border-color: var(--mud-palette-primary);
    box-shadow: 0 8px 24px rgba(9, 30, 41, 0.10);
}

.editorial-card-cover[b-jfk7nzhj30] {
    position: relative;
    width: 132px;
    flex: none;
    align-self: stretch;
}

.editorial-card-image[b-jfk7nzhj30] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
}

.editorial-card-image.hidden[b-jfk7nzhj30] {
    opacity: 0;
}

.editorial-card-cover[b-jfk7nzhj30]  .editorial-card-cover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.85);
    font-size: 30px;
}

.editorial-badge[b-jfk7nzhj30] {
    position: absolute;
    display: inline-flex;
    align-items: center;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1;
    padding: 2px 8px;
    border-radius: 999px;
}

.editorial-badge-genre[b-jfk7nzhj30] {
    top: 8px;
    left: 8px;
    color: #fff;
    background: rgba(9, 30, 41, 0.55);
    backdrop-filter: blur(4px);
}

.editorial-card-body[b-jfk7nzhj30] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    padding: 14px 16px;
}

.editorial-card-title[b-jfk7nzhj30] {
    color: var(--mud-palette-text-primary);
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.editorial-card-description[b-jfk7nzhj30] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.editorial-card-footer[b-jfk7nzhj30] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-top: auto;
    padding-top: 10px;
    color: var(--mud-palette-text-disabled);
    font-size: 0.72rem;
}

.editorial-card-stats[b-jfk7nzhj30] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.editorial-stat[b-jfk7nzhj30] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.editorial-stat[b-jfk7nzhj30]  .mud-icon-root {
    font-size: 15px;
}

.editorial-card-detail[b-jfk7nzhj30] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    padding: 6px 12px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 7px;
    background: transparent;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.18s ease;
}

.editorial-card-detail:hover[b-jfk7nzhj30] {
    background: var(--mud-palette-action-default-hover);
}

.editorial-card-detail[b-jfk7nzhj30]  .mud-icon-root {
    font-size: 15px;
}
/* /Features/Story/Components/StoryHeroSurface.razor.rz.scp.css */
.hero-surface[b-7m2c8sb5th] {
    position: relative;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 18px;
    overflow: hidden;
    background: #0d1113;
}

.hero-surface-scrim[b-7m2c8sb5th] {
    position: absolute;
    inset: 0;
    background: var(--hero-glow-gradient);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 78%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 78%);
}
/* /Features/Story/Components/StoryLibraryEmptyState.razor.rz.scp.css */
.story-empty[b-zdge2j0ihe] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: story-empty-rise-b-zdge2j0ihe 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.story-empty__hero[b-zdge2j0ihe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 56px 40px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 16px;
    background: var(--mud-palette-surface);
}

.story-empty__headline[b-zdge2j0ihe] {
    margin: 0 0 10px;
    max-width: 560px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    text-wrap: balance;
    color: var(--mud-palette-text-primary);
}

.story-empty__description[b-zdge2j0ihe] {
    margin: 0 0 28px;
    max-width: 500px;
    font-size: 1rem;
    line-height: 1.55;
    text-wrap: pretty;
    color: var(--mud-palette-text-secondary);
}

.story-empty__actions[b-zdge2j0ihe] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.story-empty__steps[b-zdge2j0ihe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.story-empty__step[b-zdge2j0ihe] {
    display: flex;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.story-empty__step-num[b-zdge2j0ihe] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.story-empty__step-title[b-zdge2j0ihe] {
    margin-bottom: 3px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.story-empty__step-desc[b-zdge2j0ihe] {
    font-size: 0.8rem;
    line-height: 1.5;
    text-wrap: pretty;
    color: var(--mud-palette-text-secondary);
}

@keyframes story-empty-rise-b-zdge2j0ihe {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 900px) {
    .story-empty__steps[b-zdge2j0ihe] {
        grid-template-columns: 1fr;
    }

    .story-empty__hero[b-zdge2j0ihe] {
        padding: 40px 24px;
    }
}
/* /Features/Story/Components/StoryLibrarySkeleton.razor.rz.scp.css */
.sl-skeleton-grid[b-zqnkpvdy90] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    align-content: start;
    gap: 18px;
}

.featured-skeleton[b-zqnkpvdy90] {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    min-height: 300px;
    padding: 30px 34px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 18px;
    overflow: hidden;
    background: #0d1113;
}

.featured-skeleton-cover[b-zqnkpvdy90] {
    flex: 0 0 auto;
    width: 172px;
    aspect-ratio: 4 / 7;
    border-radius: 12px;
}

.featured-skeleton-content[b-zqnkpvdy90] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
}

.featured-skeleton-actions[b-zqnkpvdy90] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 22px;
}

.editorial-card-skeleton[b-zqnkpvdy90] {
    display: flex;
    flex-direction: row;
    min-height: 200px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    overflow: hidden;
}

.editorial-card-skeleton-body[b-zqnkpvdy90] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    padding: 14px 16px;
}

.editorial-card-skeleton-footer[b-zqnkpvdy90] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: auto;
    padding-top: 10px;
}

.editorial-card-skeleton-cover[b-zqnkpvdy90] {
    width: 132px;
    height: auto;
    min-height: 200px;
    flex: none;
}
/* /Features/Story/Pages/StoryDetail.razor.rz.scp.css */
.detail-breadcrumb[b-t078frm277] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.detail-breadcrumb-eyebrow[b-t078frm277] {
    color: var(--mud-palette-primary);
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.detail-breadcrumb-eyebrow:hover[b-t078frm277] {
    opacity: 0.75;
    text-decoration: underline;
}

.detail-breadcrumb-sep[b-t078frm277] {
    color: var(--mud-palette-text-disabled);
}

.detail-breadcrumb-current[b-t078frm277] {
    color: var(--mud-palette-text-secondary);
}

[b-t078frm277] .card-main {
    background-color: var(--mud-palette-background-grey);
}

[b-t078frm277] .card-sidebar {
    background-color: var(--mud-palette-surface);
}

[b-t078frm277] .card-content {
    background-color: var(--mud-palette-surface);
}

[b-t078frm277] .cover-placeholder {
    height: 400px;
    background: linear-gradient(135deg, var(--mud-palette-primary-lighten) 0%, var(--mud-palette-primary-darken) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-t078frm277] .cover-placeholder-icon {
    font-size: 4rem;
    color: rgba(255, 255, 255, 0.4);
}

[b-t078frm277] .chip-type {
    background-color: var(--mud-palette-background-grey);
    font-weight: 500;
}

[b-t078frm277] .stat-tile {
    background: var(--mud-palette-surface);
}

/* /Features/Story/Pages/StoryLibrary.razor.rz.scp.css */
.library-container[b-8rd6i8j6gi] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.library-content[b-8rd6i8j6gi] {
    flex: 1 1 auto;
    min-height: 0;
}

.editorial-header[b-8rd6i8j6gi] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
}

.editorial-eyebrow[b-8rd6i8j6gi] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    margin-bottom: 6px;
}

.editorial-title[b-8rd6i8j6gi] {
    margin: 0;
    font-size: 2.3rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--mud-palette-text-primary);
}

.editorial-controls[b-8rd6i8j6gi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.editorial-controls[b-8rd6i8j6gi] {
    --lib-control-bg: var(--mud-palette-surface);
    --lib-control-border: var(--mud-palette-divider);
    --lib-control-border-hover: color-mix(in srgb, var(--mud-palette-text-primary) 26%, transparent);
    --lib-control-radius: 10px;
    --lib-control-height: 46px;
}

.lib-search[b-8rd6i8j6gi] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 360px;
    max-width: 100%;
    height: var(--lib-control-height);
    padding: 0 14px;
    background: var(--lib-control-bg);
    border: 1px solid var(--lib-control-border);
    border-radius: var(--lib-control-radius);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.lib-search:hover[b-8rd6i8j6gi] {
    border-color: var(--lib-control-border-hover);
}

.lib-search:focus-within[b-8rd6i8j6gi] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
}

.lib-search-icon[b-8rd6i8j6gi] {
    flex-shrink: 0;
    font-size: 20px !important;
    color: var(--mud-palette-text-secondary);
}

.lib-search-input[b-8rd6i8j6gi] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    font-size: 0.9rem;
}

.lib-search-input[b-8rd6i8j6gi]::placeholder {
    color: var(--mud-palette-text-secondary);
    opacity: 0.9;
}

.lib-search-clear[b-8rd6i8j6gi] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: color 0.15s ease;
}

.lib-search-clear:hover[b-8rd6i8j6gi] {
    color: var(--mud-palette-text-primary);
}

.lib-sort-btn[b-8rd6i8j6gi] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--lib-control-height);
    padding: 0 12px 0 14px;
    min-width: 200px;
    background: var(--lib-control-bg);
    border: 1px solid var(--lib-control-border);
    border-radius: var(--lib-control-radius);
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.lib-sort-btn:hover[b-8rd6i8j6gi] {
    border-color: var(--lib-control-border-hover);
}

.lib-sort-icon[b-8rd6i8j6gi] {
    flex-shrink: 0;
    font-size: 18px !important;
    color: var(--mud-palette-text-secondary);
}

.lib-sort-label[b-8rd6i8j6gi] {
    flex: 1;
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--mud-palette-text-primary);
}

.lib-sort-caret[b-8rd6i8j6gi] {
    flex-shrink: 0;
    font-size: 20px !important;
    color: var(--mud-palette-text-secondary);
}

.lib-sort-item[b-8rd6i8j6gi] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.86rem;
}

.lib-sort-check[b-8rd6i8j6gi] {
    font-size: 18px !important;
    opacity: 0;
    color: var(--mud-palette-primary);
}

.lib-sort-item.is-selected[b-8rd6i8j6gi] {
    color: var(--mud-palette-primary);
}

.lib-sort-item.is-selected .lib-sort-check[b-8rd6i8j6gi] {
    opacity: 1;
}

.editorial-new-btn[b-8rd6i8j6gi]  .mud-button-root {
    border-radius: 999px;
}

.library-body[b-8rd6i8j6gi] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.editorial-section-header[b-8rd6i8j6gi] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.editorial-section-title[b-8rd6i8j6gi] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.editorial-section-count[b-8rd6i8j6gi] {
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 14%, transparent);
    border-radius: 999px;
    padding: 4px 10px;
}

.stories-grid[b-8rd6i8j6gi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    align-content: start;
    flex: 0 0 auto;
    gap: 18px;
    background: transparent;
}

.library-pagination[b-8rd6i8j6gi] {
    flex-shrink: 0;
    margin-top: 32px;
}
/* /Features/StoryEditor/Components/BottomSplitter.razor.rz.scp.css */
[b-ey6qkdx1om] .bottom-splitter-collapsed.mud-split-panel > .divider {
    display: none !important;
}

[b-ey6qkdx1om] .bottom-splitter-collapsed.mud-split-panel > .child-panel:last-child {
    display: none !important;
}

[b-ey6qkdx1om] .bottom-splitter-collapsed.mud-split-panel > .child-panel:first-child {
    flex: 1 1 auto !important;
    max-height: unset !important;
}
/* /Features/StoryEditor/Components/ChaptersDialog.razor.rz.scp.css */
.chapters-dialog[b-xv6fojle6w] {
    display: flex;
    flex-direction: column;
    margin: -8px -24px;
    min-width: min(640px, 100%);
    max-height: 82vh;
    animation: edit-mode-fade-in 0.27s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cd-header[b-xv6fojle6w] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
}

.cd-header-icon[b-xv6fojle6w] {
    color: var(--mud-palette-primary);
    margin-top: 2px;
}

.cd-header-text[b-xv6fojle6w] {
    flex: 1;
    min-width: 0;
}

.cd-body[b-xv6fojle6w] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 20px 24px 8px;
}

.cd-section-head[b-xv6fojle6w] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.cd-section-head-text[b-xv6fojle6w] {
    flex: 1;
    min-width: 0;
}

.cd-section-title-row[b-xv6fojle6w] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cd-section-title[b-xv6fojle6w] {
    font-size: 1.05rem;
    font-weight: 700;
}

.cd-count[b-xv6fojle6w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent);
}

.cd-section-hint[b-xv6fojle6w] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
}

.cd-section-hint-icon[b-xv6fojle6w] {
    font-size: 15px;
}

.cd-list[b-xv6fojle6w] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cd-row[b-xv6fojle6w] {
    position: relative;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 14px;
    --cd-accent: var(--mud-palette-text-secondary);
    user-select: none;
    -webkit-user-select: none;
}

.cd-item[draggable="true"][b-xv6fojle6w] {
    cursor: grab;
}

/* The card is the only drag source (ghost = card, not the number chain). */
.cd-item.is-dragging[b-xv6fojle6w] {
    opacity: 0.35;
    cursor: grabbing;
}

/* Drop target: open a gap ABOVE the card and draw a dashed slot in it (card column only). The
   ::before keeps pointer-events so the pointer stays "over" the card while it slides down — no flicker. */
.cd-item.is-drag-over[b-xv6fojle6w] {
    margin-top: 52px;
}

.cd-item.is-drag-over[b-xv6fojle6w]::before {
    content: "";
    position: absolute;
    top: -52px;
    left: 0;
    right: 0;
    height: 48px;
    border: 2px dashed var(--mud-palette-primary);
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    pointer-events: auto;
}

.cd-row--published[b-xv6fojle6w] {
    --cd-accent: var(--mud-palette-success);
}

.cd-row--in-review[b-xv6fojle6w] {
    --cd-accent: var(--mud-palette-warning);
}

.cd-row--draft[b-xv6fojle6w] {
    --cd-accent: var(--mud-palette-text-secondary);
}

.cd-marker[b-xv6fojle6w] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.cd-index[b-xv6fojle6w] {
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 9%, transparent);
    border: 1px solid var(--mud-palette-divider);
}

.cd-connector[b-xv6fojle6w] {
    position: absolute;
    top: 30px;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    background: var(--mud-palette-divider);
}

.cd-item[b-xv6fojle6w] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 14px 12px 14px 8px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-divider);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, margin-top 0.2s ease;
}

/* Hover: solid orange border to signal the card is clickable. */
.cd-item:hover[b-xv6fojle6w] {
    border-color: var(--mud-palette-primary);
}

/* Active chapter (currently open in the editor) is marked with a badge, not a border. */
.cd-active-chip[b-xv6fojle6w] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 16%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 40%, var(--mud-palette-surface));
}

.cd-active-dot[b-xv6fojle6w] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mud-palette-success);
}

.cd-handle[b-xv6fojle6w] {
    flex-shrink: 0;
    color: var(--mud-palette-text-disabled);
    cursor: grab;
}

.cd-item-body[b-xv6fojle6w] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.cd-item-head[b-xv6fojle6w] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cd-title[b-xv6fojle6w] {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-status-pill[b-xv6fojle6w] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--cd-accent);
    background: color-mix(in srgb, var(--cd-accent) 14%, transparent);
}

.cd-desc[b-xv6fojle6w] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-item-actions[b-xv6fojle6w] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    flex-shrink: 0;
}

.cd-drop-end[b-xv6fojle6w] {
    height: 8px;
    margin-left: 46px;
    border-radius: 10px;
    border: 2px dashed transparent;
    transition: height 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.cd-drop-end.is-active[b-xv6fojle6w] {
    height: 44px;
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.cd-footer[b-xv6fojle6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 24px;
}

.cd-footer-note[b-xv6fojle6w] {
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
}

.cd-back[b-xv6fojle6w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    padding: 4px 0;
    margin-bottom: 12px;
    color: var(--mud-palette-text-secondary);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.cd-back:hover[b-xv6fojle6w] {
    color: var(--mud-palette-text-primary);
}

.cd-back-icon[b-xv6fojle6w] {
    font-size: 18px;
}

.cd-form-heading[b-xv6fojle6w] {
    margin-bottom: 16px;
    font-weight: 700;
}

.cd-form[b-xv6fojle6w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cd-form-label[b-xv6fojle6w] {
    margin-bottom: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

.cd-editor[b-xv6fojle6w] {
    position: relative;
    min-height: 180px;
}

.cd-editor-fade[b-xv6fojle6w] {
    transition: opacity 0.2s ease;
}

.cd-editor-loading[b-xv6fojle6w] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cd-editor-skel[b-xv6fojle6w] {
    width: 100%;
    height: 180px;
    border-radius: var(--mud-default-borderradius);
}

.cd-form-footer[b-xv6fojle6w] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
}
/* /Features/StoryEditor/Components/ComponentEditors/Audio/AudioPlayer.razor.rz.scp.css */
.audio-player-container[b-rq88fb85og] {
    border: var(--media-frame-border, 1px solid var(--mud-palette-divider));
    border-radius: var(--media-frame-radius, 6px);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    overflow: hidden;
}

.audio-player-card[b-rq88fb85og] {
    display: flex;
    flex-direction: column;
}

.audio-player-native-hidden[b-rq88fb85og] {
    display: none;
}

.audio-player-row[b-rq88fb85og] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px 10px;
}

.audio-circle-btn[b-rq88fb85og] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.1s ease;
    padding: 0;
}

.audio-circle-btn:hover[b-rq88fb85og] {
    opacity: 0.85;
    transform: scale(1.05);
}

.audio-circle-btn:active[b-rq88fb85og] {
    transform: scale(0.96);
}

[b-rq88fb85og] .audio-circle-icon {
    color: var(--mud-palette-primary-text) !important;
    font-size: 1.2rem !important;
}

.audio-waveform-canvas[b-rq88fb85og] {
    flex: 1;
    min-width: 0;
    height: 52px;
    display: block;
    cursor: default;
}

.audio-seek-row[b-rq88fb85og] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 14px 12px;
}

[b-rq88fb85og] .audio-seek-icon {
    flex-shrink: 0;
    opacity: 0.45;
    font-size: 0.9rem !important;
    color: var(--mud-palette-text-secondary);
}

.audio-time[b-rq88fb85og] {
    flex-shrink: 0;
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary);
    min-width: 30px;
    text-align: center;
}

.audio-seek-canvas[b-rq88fb85og] {
    flex: 1;
    min-width: 0;
    height: 28px;
    display: block;
    cursor: col-resize;
    touch-action: none;
}

.audio-player-footer[b-rq88fb85og] {
    padding: 8px 14px 10px;
    border-top: 1px solid var(--mud-palette-divider);
}

.audio-waveform-wrapper[b-rq88fb85og] {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 52px;
}

.audio-waveform-wrapper .audio-waveform-canvas[b-rq88fb85og] {
    width: 100%;
    height: 100%;
    transition: opacity 0.18s ease;
}

.audio-waveform-canvas.is-loading[b-rq88fb85og] {
    opacity: 0;
}

.audio-waveform-canvas.is-ready[b-rq88fb85og] {
    opacity: 1;
}

.audio-waveform-loader[b-rq88fb85og] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    pointer-events: none;
}

.audio-waveform-loader-bar[b-rq88fb85og] {
    flex: 1 1 0;
    min-width: 0;
    border-radius: 2px;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 55%, transparent);
    animation: audio-waveform-loader-bounce-b-rq88fb85og 0.8s ease-in-out infinite;
    animation-delay: calc(var(--i, 0) * 10ms);
}

@keyframes audio-waveform-loader-bounce-b-rq88fb85og {
    0%, 100% {
        height: 18%;
        opacity: 0.5;
    }
    50% {
        height: 78%;
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .audio-waveform-loader-bar[b-rq88fb85og] {
        animation: none;
        height: 35%;
        opacity: 0.7;
    }
}
/* /Features/StoryEditor/Components/ComponentEditors/Audio/MiniAudioPlayer.razor.rz.scp.css */
.mini-audio[b-y7t3mhvsvs] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--mud-default-borderradius);
    background-color: color-mix(in srgb, var(--mud-palette-background) 80%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-secondary) 16%, transparent);
}

.mini-audio-play[b-y7t3mhvsvs] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.15s ease, transform 0.1s ease;
}

.mini-audio-play:hover[b-y7t3mhvsvs] {
    opacity: 0.88;
    transform: scale(1.05);
}

.mini-audio-play:active[b-y7t3mhvsvs] {
    transform: scale(0.96);
}

[b-y7t3mhvsvs] .mini-audio-play-icon {
    color: var(--mud-palette-primary-text) !important;
    font-size: 1.2rem !important;
}

.mini-audio-content[b-y7t3mhvsvs] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 6px;
    justify-content: center;
}

.mini-audio-row[b-y7t3mhvsvs] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mini-audio-filename[b-y7t3mhvsvs] {
    flex: 1;
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mini-audio-remove[b-y7t3mhvsvs] {
    background: none;
    border: none;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.mini-audio-remove:hover[b-y7t3mhvsvs] {
    color: var(--mud-palette-error);
    background-color: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
}

.mini-audio-remove i[b-y7t3mhvsvs] {
    font-size: 12px;
}

.mini-audio-progress[b-y7t3mhvsvs] {
    height: 4px;
    width: 100%;
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 18%, transparent);
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    transition: height 0.15s ease;
}

.mini-audio-progress:hover[b-y7t3mhvsvs] {
    height: 10px;
}

.mini-audio-progress-fill[b-y7t3mhvsvs] {
    height: 100%;
    background-color: var(--mud-palette-primary);
    transition: width 0.1s linear;
    pointer-events: none;
}

.mini-audio-native[b-y7t3mhvsvs] {
    display: none;
}
/* /Features/StoryEditor/Components/ComponentEditors/BackgroundImage/BackgroundImagePreview.razor.rz.scp.css */
.bg-image-container[b-e5q2bzhygq] {
    border: var(--media-frame-border, 1px solid var(--mud-palette-divider));
    border-radius: var(--media-frame-radius, 6px);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    overflow: hidden;
}

.bg-image-card[b-e5q2bzhygq] {
    display: flex;
    flex-direction: column;
}

[b-e5q2bzhygq] .bg-image-preview {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

.bg-image-clickable[b-e5q2bzhygq] {
    cursor: zoom-in;
    pointer-events: auto;
    transition: opacity 0.15s ease;
}

.bg-image-clickable:hover[b-e5q2bzhygq] {
    opacity: 0.85;
}

.bg-image-footer[b-e5q2bzhygq] {
    padding: 8px 12px 10px;
    border-top: 1px solid var(--mud-palette-divider);
}

.bg-image-footer:empty[b-e5q2bzhygq] {
    display: none;
}
/* /Features/StoryEditor/Components/ComponentEditors/Base/MediaConflictPanel.razor.rz.scp.css */
[b-p95qe04vlm] .media-conflict-info {
    font-size: 1rem !important;
    cursor: help;
}

[b-p95qe04vlm] .media-conflict-card {
    display: flex;
    flex-direction: column;
    padding: 4px;
    border-radius: 6px;
}

.media-conflict-source[b-p95qe04vlm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.media-conflict-source:hover[b-p95qe04vlm] {
    background-color: var(--mud-palette-action-default-hover);
}

.media-conflict-source + .media-conflict-source[b-p95qe04vlm] {
    margin-top: 2px;
}

.media-conflict-source-info[b-p95qe04vlm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

[b-p95qe04vlm] .media-conflict-source-icon {
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

.media-conflict-source-text[b-p95qe04vlm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.media-conflict-source-name[b-p95qe04vlm] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-conflict-source-link[b-p95qe04vlm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    max-width: 100%;
    background: none;
    border: 0;
    padding: 0;
    color: var(--mud-palette-primary);
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
}

.media-conflict-source-link > span[b-p95qe04vlm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-conflict-source-link:hover > span[b-p95qe04vlm] {
    text-decoration: underline;
}

.media-conflict-source-link[b-p95qe04vlm]  .mud-icon-root {
    font-size: 0.9rem;
    flex-shrink: 0;
}

[b-p95qe04vlm] .media-conflict-use-hint {
    flex-shrink: 0;
    color: var(--mud-palette-text-disabled);
    opacity: 0;
}

.media-conflict-source:hover .media-conflict-use-hint[b-p95qe04vlm] {
    opacity: 1;
    color: var(--mud-palette-primary);
}

.media-conflict-addown[b-p95qe04vlm] {
    display: flex;
    border-top: 1px solid var(--mud-palette-divider);
    margin-top: 4px;
    padding-top: 4px;
}
/* /Features/StoryEditor/Components/ComponentEditors/Base/VirtualMediaPanel.razor.rz.scp.css */
[b-hxi1xkenvf] .virtual-media-badge {
    color: var(--mud-palette-primary);
    font-size: 1rem !important;
}

[b-hxi1xkenvf] .virtual-media-hidden-badge {
    color: var(--mud-palette-text-secondary);
    font-size: 1rem !important;
}

.virtual-media-hidden-note[b-hxi1xkenvf] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 16px 12px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    border-bottom: 1px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
    line-height: 1.4;
}

.virtual-media-hidden-note[b-hxi1xkenvf]  .mud-icon-root {
    font-size: 0.95rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.virtual-media-source[b-hxi1xkenvf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 14px 16px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    border-bottom: 1px solid var(--mud-palette-divider);
}

.virtual-media-source-label[b-hxi1xkenvf] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
}

.virtual-media-source-name[b-hxi1xkenvf] {
    display: inline-flex;
    align-items: center;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    border: 0;
    padding: 1px 7px;
    border-radius: 3px;
    color: var(--mud-palette-primary);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.virtual-media-source-name:hover[b-hxi1xkenvf] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
}
/* /Features/StoryEditor/Components/ComponentEditors/Common/ComponentActionBar.razor.rz.scp.css */
/* Opt-in layout tweak that mirrors the former DialogueComponentEditor scoped override.
   The hint span lives inside this component, so the narrowing rule must be scoped here. */
.component-action-hint--compact[b-n7koyqr5wr] {
    flex-basis: 100px;
}
/* /Features/StoryEditor/Components/ComponentEditors/Common/MediaActionsRow.razor.rz.scp.css */
.media-actions-row[b-k9za7i0it7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}
/* /Features/StoryEditor/Components/ComponentEditors/Common/MediaControls.razor.rz.scp.css */
.media-controls[b-h3uum7gdjw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
}

.media-controls__toggles[b-h3uum7gdjw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.media-controls__toggles:not(:empty) + .media-controls__actions[b-h3uum7gdjw] {
    padding-top: 8px;
    border-top: 1px solid var(--mud-palette-divider);
}

.media-controls__actions[b-h3uum7gdjw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.media-controls__leading[b-h3uum7gdjw] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.media-controls__leading[b-h3uum7gdjw]  .media-filename-inline {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.media-controls__leading[b-h3uum7gdjw]  .media-filename-icon {
    flex-shrink: 0;
    opacity: 0.55;
    font-size: 0.95rem !important;
    color: var(--mud-palette-text-secondary);
}

.media-controls__leading[b-h3uum7gdjw]  .media-filename-text {
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Features/StoryEditor/Components/ComponentEditors/Common/NodeValidationAlertsPanel.razor.rz.scp.css */
.node-validation[b-5fm8y035h5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.node-validation-toggle[b-5fm8y035h5] {
    align-self: flex-start;
    background: none;
    border: none;
    padding: 2px 4px;
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
}

.node-validation-toggle:hover[b-5fm8y035h5] {
    color: var(--mud-palette-text-primary);
    text-decoration: underline;
}
/* /Features/StoryEditor/Components/ComponentEditors/Common/RequirementEditor.razor.rz.scp.css */
.requirement-row[b-4eavuxb7cp] {
    container-type: inline-size;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.requirement-variable-field[b-4eavuxb7cp] {
    flex: 0 1 auto;
    min-width: 110px;
    max-width: 100%;
}

.requirement-variable-field[b-4eavuxb7cp]  .mud-input-slot {
    min-width: 0;
    width: auto;
    field-sizing: content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-panel[b-4eavuxb7cp] {
    flex: 0 0 56px;
    width: 56px;
    min-width: 56px;
}

.comparison-panel[b-4eavuxb7cp]  .mud-input-slot,
.comparison-panel[b-4eavuxb7cp]  .mud-select-input {
    text-align: center !important;
}

.comparison-panel[b-4eavuxb7cp]  .mud-input > .mud-input-slot {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.comparison-panel[b-4eavuxb7cp]  .mud-select .mud-input-adornment {
    display: none !important;
}

.comparison-option[b-4eavuxb7cp] {
    text-align: center;
    width: 100%;
}

.comparison-option[b-4eavuxb7cp]  .smaller-icon {
    font-size: 0.75em;
}

.requirement-value-field[b-4eavuxb7cp] {
    flex: 1 1 120px;
    min-width: 0;
    max-width: 100%;
}

.requirement-value-field[data-kind="enum"][b-4eavuxb7cp] {
    flex: 2 1 180px;
}

.requirement-value-field[data-kind="number"][b-4eavuxb7cp] {
    flex: 0 1 100px;
}

.requirement-value-field[b-4eavuxb7cp]  .mud-input-slot {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@container (max-width: 360px) {
    .requirement-variable-field[b-4eavuxb7cp] {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

@container (max-width: 220px) {
    .requirement-value-field[b-4eavuxb7cp],
    .requirement-value-field[data-kind="number"][b-4eavuxb7cp],
    .requirement-value-field[data-kind="enum"][b-4eavuxb7cp] {
        flex: 1 1 100%;
    }
}
/* /Features/StoryEditor/Components/ComponentEditors/DialogueComponentEditor.razor.rz.scp.css */
.dialogue-edit-actions[b-w50mlcehtq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.dialogue-empty-state[b-w50mlcehtq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px 16px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    font-size: 0.8rem;
}

[b-w50mlcehtq] .dialogue-empty-state-icon {
    font-size: 2rem !important;
    color: var(--mud-palette-text-secondary);
    opacity: 0.35;
}

[b-w50mlcehtq] .dialogue-line-text {
    min-width: 0;
}

[b-w50mlcehtq] .dialogue-line-text--clickable {
    cursor: pointer;
}

[b-w50mlcehtq] .dialogue-line-body {
    word-break: break-word;
}

[b-w50mlcehtq] .dialogue-actions-container {
    flex-shrink: 0;
}

.dialogue-line[b-w50mlcehtq] {
    position: relative;
    padding: 10px 8px 10px 12px;
    margin-bottom: 4px;
    border: 1px solid var(--mud-palette-divider);
    border-left: 3px solid var(--mud-palette-divider);
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    transition: transform 0.2s ease, margin-top 0.2s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.dialogue-line-header[draggable="true"][b-w50mlcehtq] {
    cursor: grab;
}

.dialogue-line--editable:hover[b-w50mlcehtq] {
    border-left-color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 52%, var(--mud-palette-background));
}

[b-w50mlcehtq] .dialogue-actions {
    opacity: 0;
    transition: opacity 0.15s ease;
}

.dialogue-line--editable:hover[b-w50mlcehtq]  .dialogue-actions,
.dialogue-line.line-uploading[b-w50mlcehtq]  .dialogue-actions {
    opacity: 1;
}

[b-w50mlcehtq] .dialogue-actions .mud-icon-button {
    padding: 2px;
}

[b-w50mlcehtq] .dialogue-actions .mud-icon-button .mud-icon-root {
    font-size: 1rem;
}

.dialogue-list-scroll[b-w50mlcehtq] {
    overflow-x: hidden;
}

.line-dragging[b-w50mlcehtq] {
    opacity: 0.35;
    cursor: grabbing;
}

.line-drag-over[b-w50mlcehtq] {
    margin-top: 52px;
}

.line-drag-over[b-w50mlcehtq]::before {
    content: "";
    position: absolute;
    top: -48px;
    left: 0;
    right: 0;
    height: 44px;
    border: 2px dashed var(--mud-palette-primary);
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    pointer-events: auto;
}

.drop-end-zone[b-w50mlcehtq] {
    height: 32px;
    margin-top: 2px;
    position: relative;
    border-radius: 6px;
    transition: background-color 0.2s ease, border-color 0.2s ease, height 0.2s ease;
}

.drop-end-zone.drop-end-zone--active[b-w50mlcehtq] {
    height: 44px;
    border: 2px dashed var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.avatar-container[b-w50mlcehtq] {
    flex-shrink: 0;
    padding-top: 2px;
}

.avatar-wrapper[b-w50mlcehtq] {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

.avatar-overlay[b-w50mlcehtq] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.55));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.avatar-wrapper:hover .avatar-overlay[b-w50mlcehtq] {
    opacity: 1;
}

.dialogue-line-audio[b-w50mlcehtq] {
    margin-top: 6px;
    width: 100%;
}

[b-w50mlcehtq] .dialogue-voice-icon-dubbed .mud-icon-root {
    color: var(--mud-palette-primary) !important;
}

[b-w50mlcehtq] .dialogue-voice-icon-empty .mud-icon-root {
    color: var(--mud-palette-primary) !important;
    opacity: 0.4;
}

[b-w50mlcehtq] .dialogue-voice-icon-empty:hover .mud-icon-root {
    opacity: 0.8;
}

.dialogue-voice-uploading[b-w50mlcehtq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: progress;
}

[b-w50mlcehtq] .dialogue-voice-uploading .mud-progress-circular {
    width: 18px !important;
    height: 18px !important;
}
/* /Features/StoryEditor/Components/ComponentEditors/EventComponentEditor.razor.rz.scp.css */
.events-panel[b-ufl14oohf8] {
    display: flex;
    flex-direction: column;
}

.event-card[b-ufl14oohf8] {
    margin-bottom: 12px;
    border: 1px solid var(--mud-palette-divider);
    border-left: 3px solid var(--mud-palette-divider);
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.event-card:last-child[b-ufl14oohf8] {
    margin-bottom: 0;
}

.event-card--clickable[b-ufl14oohf8] {
    cursor: pointer;
}

.event-card--clickable:hover[b-ufl14oohf8] {
    border-left-color: var(--mud-palette-primary);
}

.event-card--editing[b-ufl14oohf8] {
    border-left-color: var(--mud-palette-primary);
}

.event-card-main[b-ufl14oohf8] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 8px 8px 12px;
}

.event-card-info[b-ufl14oohf8] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.event-card-name[b-ufl14oohf8] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.event-card-summary[b-ufl14oohf8] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    word-break: break-word;
}

.event-card-actions[b-ufl14oohf8] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.event-card--clickable:hover .event-card-actions[b-ufl14oohf8] {
    opacity: 1;
}

[b-ufl14oohf8] .event-card-actions .mud-icon-button {
    padding: 2px;
}

[b-ufl14oohf8] .event-card-actions .mud-icon-button .mud-icon-root {
    font-size: 1rem;
}

.event-card-body[b-ufl14oohf8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px;
}

.event-field[b-ufl14oohf8] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.event-field-header[b-ufl14oohf8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.event-field-label[b-ufl14oohf8] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.event-operation-value[b-ufl14oohf8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.event-operation-field[b-ufl14oohf8] {
    flex: 0 0 56px;
    width: 56px;
}

[b-ufl14oohf8] .event-operation-field .mud-input-slot,
[b-ufl14oohf8] .event-operation-field .mud-select-input {
    text-align: center !important;
}

[b-ufl14oohf8] .event-operation-field .mud-select .mud-input-adornment {
    display: none !important;
}

.event-value-field[b-ufl14oohf8] {
    flex: 0 0 auto;
    width: 140px;
}
/* /Features/StoryEditor/Components/ComponentEditors/GroupSubGraphEditor.razor.rz.scp.css */
.subgraph-panel[b-gdifm1egwu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px 16px;
}

.subgraph-stats[b-gdifm1egwu] {
    display: flex;
    flex-direction: column;
}

.stat-row[b-gdifm1egwu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 2px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.stat-row:last-child[b-gdifm1egwu] {
    border-bottom: none;
}

.stat-label[b-gdifm1egwu] {
    flex: 1;
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
}

.stat-value[b-gdifm1egwu] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums;
}

.subgraph-status[b-gdifm1egwu] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 2px;
    font-size: 0.8125rem;
    font-weight: 500;
}
/* /Features/StoryEditor/Components/ComponentEditors/InheritanceStopComponentEditor.razor.rz.scp.css */
[b-ba68sytpd2] .btn-nowrap {
    white-space: nowrap;
}
/* /Features/StoryEditor/Components/ComponentEditors/NameEditor.razor.rz.scp.css */
.node-title-editor[b-cvpv4mzwwc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px 8px 16px;
}

.node-title-label[b-cvpv4mzwwc] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
}

[b-cvpv4mzwwc] .node-title-input .mud-input-underline::before {
    border-bottom: 1px solid var(--mud-palette-divider) !important;
}

[b-cvpv4mzwwc] .node-title-input .mud-input-underline::after {
    content: none;
    border-bottom: none !important;
}

[b-cvpv4mzwwc] .node-title-input input {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

[b-cvpv4mzwwc] .node-title-input input::placeholder {
    font-weight: 500;
    opacity: 0.45;
}

[b-cvpv4mzwwc] .node-title-input .mud-input-adornment-end .mud-icon-root {
    font-size: 1.05rem;
    color: var(--mud-palette-text-secondary);
    opacity: 0.5;
}
/* /Features/StoryEditor/Components/ComponentEditors/TextComponentEditor.razor.rz.scp.css */
.voice-over-section[b-ta5fvwkk7e] {
    border-top: 1px solid var(--mud-palette-divider);
}

.voice-over-header[b-ta5fvwkk7e] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
}

.voice-over-label[b-ta5fvwkk7e] {
    flex: 1;
    min-width: 0;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.voice-over-body[b-ta5fvwkk7e] {
    padding: 0 12px 12px;
}

[b-ta5fvwkk7e] .voice-over-icon {
    font-size: 1rem !important;
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}

[b-ta5fvwkk7e] .voice-over-icon--active {
    color: var(--mud-palette-primary) !important;
    opacity: 1;
}
/* /Features/StoryEditor/Components/ComponentEditors/Video/VideoPlayer.razor.rz.scp.css */
.video-player[b-73id3cqa76] {
    position: relative;
    height: 85vh;
    aspect-ratio: 9 / 16;
    width: auto;
    max-width: 92vw;
    margin-inline: auto;
    background: #000;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-divider);
    outline: none;
}

.video-player__video[b-73id3cqa76] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #000;
    cursor: pointer;
}

.video-player:fullscreen[b-73id3cqa76],
.video-player:-webkit-full-screen[b-73id3cqa76] {
    width: 100vw;
    height: 100vh;
    max-width: none;
    aspect-ratio: auto;
    border-radius: 0;
    border: none;
}

.video-player:fullscreen.idle[b-73id3cqa76],
.video-player:-webkit-full-screen.idle[b-73id3cqa76] {
    cursor: none;
}

.video-player__big-play[b-73id3cqa76] {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 72px;
    height: 72px;
    border: none;
    border-radius: 50%;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    transition: opacity 0.18s ease, transform 0.12s ease;
    padding: 0;
}

.video-player__big-play:hover[b-73id3cqa76] {
    transform: scale(1.06);
}

.video-player__big-play:active[b-73id3cqa76] {
    transform: scale(0.95);
}

.video-player__big-play.is-hidden[b-73id3cqa76] {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8);
}

[b-73id3cqa76] .video-player__big-play-icon {
    color: var(--mud-palette-primary-text) !important;
    font-size: 2.4rem !important;
    margin-inline-start: 3px; /* optically centre the play triangle */
}

.video-player__spinner[b-73id3cqa76] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.video-player__controls[b-73id3cqa76] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transition: opacity 0.22s ease;
}

.video-player.idle .video-player__controls[b-73id3cqa76] {
    opacity: 0;
    pointer-events: none;
}

.video-player__row[b-73id3cqa76] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.video-player__spacer[b-73id3cqa76] {
    flex: 1;
    min-width: 0;
}

.video-player__seek-track[b-73id3cqa76] {
    position: relative;
    height: 18px;
    margin: 0 2px 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    touch-action: none;
    outline: none;
}

.video-player__seek-track[b-73id3cqa76]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.22);
}

.video-player__buffered[b-73id3cqa76],
.video-player__played[b-73id3cqa76] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    border-radius: 4px;
    pointer-events: none;
    transition: height 0.12s ease;
}

.video-player__buffered[b-73id3cqa76] {
    width: 0;
    background: rgba(255, 255, 255, 0.4);
}

.video-player__played[b-73id3cqa76] {
    width: 0;
    background: var(--mud-palette-primary);
    z-index: 1;
}

.video-player__played[b-73id3cqa76]::after {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.55);
    transition: transform 0.15s ease;
}

.video-player__seek-track:hover[b-73id3cqa76]::before,
.video-player__seek-track:hover .video-player__buffered[b-73id3cqa76],
.video-player__seek-track:hover .video-player__played[b-73id3cqa76],
.video-player__seek-track:focus-visible[b-73id3cqa76]::before,
.video-player__seek-track:focus-visible .video-player__buffered[b-73id3cqa76],
.video-player__seek-track:focus-visible .video-player__played[b-73id3cqa76] {
    height: 6px;
}

.video-player__seek-track:hover .video-player__played[b-73id3cqa76]::after,
.video-player__seek-track:focus-visible .video-player__played[b-73id3cqa76]::after {
    transform: translateY(-50%) scale(1);
}

.video-player__circle-btn[b-73id3cqa76] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.1s ease;
    padding: 0;
}

.video-player__circle-btn:hover[b-73id3cqa76] {
    transform: scale(1.06);
}

.video-player__circle-btn:active[b-73id3cqa76] {
    transform: scale(0.95);
}

[b-73id3cqa76] .video-player__circle-icon {
    color: var(--mud-palette-primary-text) !important;
    font-size: 1.2rem !important;
}

.video-player__icon-btn[b-73id3cqa76] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border: none;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.15s ease, transform 0.1s ease;
    padding: 0;
}

.video-player__icon-btn:hover[b-73id3cqa76] {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
}

[b-73id3cqa76] .video-player__bar-icon {
    color: #fff !important;
    font-size: 1.1rem !important;
}

.video-player__time[b-73id3cqa76] {
    flex-shrink: 0;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

@media (prefers-reduced-motion: reduce) {
    .video-player__controls[b-73id3cqa76],
    .video-player__circle-btn[b-73id3cqa76],
    .video-player__icon-btn[b-73id3cqa76],
    .video-player__big-play[b-73id3cqa76],
    .video-player__buffered[b-73id3cqa76],
    .video-player__played[b-73id3cqa76],
    .video-player__played[b-73id3cqa76]::after {
        transition: none;
    }
}
/* /Features/StoryEditor/Components/ComponentEditors/Video/VideoPlayerDialog.razor.rz.scp.css */
.video-player-dialog[b-i5m013eba9] {
    position: relative;
    width: fit-content;
    max-width: 92vw;
    margin-inline: auto;
    border-radius: 12px;
}

.video-player-dialog__loader[b-i5m013eba9] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 85vh;
    aspect-ratio: 9 / 16;
    width: auto;
    max-width: 92vw;
    margin-inline: auto;
    background: #000;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-divider);
}

[b-i5m013eba9] .video-player-dialog__alert {
    margin: 24px;
}

[b-i5m013eba9] .video-player-dialog__close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.55) !important;
    color: #fff !important;
    z-index: 1;
}
/* /Features/StoryEditor/Components/ComponentEditors/Video/VideoPreview.razor.rz.scp.css */
.video-preview[b-z2lu4sw2gm] {
    border: var(--media-frame-border, 1px solid var(--mud-palette-divider));
    border-radius: var(--media-frame-radius, 8px);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-background));
    overflow: hidden;
}

.video-preview__launch[b-z2lu4sw2gm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    cursor: pointer;
    outline: none;
    transition: background-color 0.15s ease;
}

.video-preview__launch:hover[b-z2lu4sw2gm],
.video-preview__launch:focus-visible[b-z2lu4sw2gm] {
    background-color: var(--mud-palette-action-default-hover);
}

.video-preview__thumb[b-z2lu4sw2gm] {
    flex-shrink: 0;
    height: 64px;
    aspect-ratio: 9 / 16;
    border-radius: 6px;
    overflow: hidden;
    background: #000;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.15s ease;
}

.video-preview__launch:hover .video-preview__thumb[b-z2lu4sw2gm],
.video-preview__launch:focus-visible .video-preview__thumb[b-z2lu4sw2gm] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 55%, transparent);
}

.video-preview__video[b-z2lu4sw2gm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

[b-z2lu4sw2gm] .video-preview__thumb-icon {
    color: var(--mud-palette-text-secondary) !important;
    font-size: 1.4rem !important;
}

.video-preview__meta[b-z2lu4sw2gm] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.video-preview__name[b-z2lu4sw2gm] {
    min-width: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-preview__length[b-z2lu4sw2gm] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.video-preview__details[b-z2lu4sw2gm] {
    flex-shrink: 0;
    margin: 0;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 8px;
    row-gap: 1px;
    align-content: center;
}

.video-preview__detail-label[b-z2lu4sw2gm] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}

.video-preview__detail-value[b-z2lu4sw2gm] {
    margin: 0;
    font-size: 0.72rem;
    color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.video-preview__footer[b-z2lu4sw2gm] {
    padding: 8px 10px 10px;
    border-top: 1px solid var(--mud-palette-divider);
}

.video-preview__footer:empty[b-z2lu4sw2gm] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .video-preview__launch[b-z2lu4sw2gm],
    .video-preview__thumb[b-z2lu4sw2gm] {
        transition: none;
    }
}
/* /Features/StoryEditor/Components/EditorHeader.razor.rz.scp.css */
/* Constrain vertical dividers to bar centre */
[b-542051159d] .header-divider {
    height: 18px !important;
    align-self: center;
    opacity: 0.2;
}

/* Quick-access panel – gap instead of per-button margin */
.quick-access-panel[b-542051159d] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.quick-access-panel[b-542051159d]  .smaller-icon .mud-icon-root {
    font-size: 0.875rem;
}

/* Right-side action group */
.header-actions[b-542051159d] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: 4px;
}

.header-actions[b-542051159d]  .mud-icon-button {
    opacity: 0.65;
    transition: opacity 0.15s ease;
}

.header-actions[b-542051159d]  .mud-icon-button:hover {
    opacity: 1;
}

.header-author-byline[b-542051159d] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* Read-only meta info (author, product id) */
.header-meta-bar[b-542051159d] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: 8px;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.header-meta-item[b-542051159d] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.header-meta-label[b-542051159d] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.5;
}

.header-meta-item[b-542051159d]  .header-meta-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.header-meta-value[b-542051159d] {
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.header-meta-name[b-542051159d] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-meta-value--accent[b-542051159d] {
    color: inherit;
}

.header-meta-none[b-542051159d] {
    font-weight: 400;
    font-style: italic;
    opacity: 0.6;
}

.header-meta-sep[b-542051159d] {
    flex-shrink: 0;
    width: 1px;
    height: 22px;
    align-self: center;
    background-color: rgba(255, 255, 255, 0.25);
}

.header-meta-item[b-542051159d]  .header-meta-lead,
.header-meta-item[b-542051159d]  .header-meta-ext {
    opacity: 0.6;
}
/* /Features/StoryEditor/Components/EditorModeBanner.razor.rz.scp.css */
.editor-mode-banner[b-5axcol76mm] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: 0 0 auto;
    padding: 0.4rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.25;
    border-bottom: 1px solid var(--mud-palette-divider);
    border-left: 3px solid var(--mud-palette-info);
    background-color: var(--mud-palette-surface);
}

.editor-mode-banner-icon[b-5axcol76mm] {
    flex: 0 0 auto;
}

.editor-mode-banner-text[b-5axcol76mm] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    flex-wrap: wrap;
}

.editor-mode-banner-title[b-5axcol76mm] {
    font-weight: 600;
    white-space: nowrap;
}

.editor-mode-banner-message[b-5axcol76mm] {
    color: var(--mud-palette-text-secondary);
    min-width: 0;
}

.editor-mode-banner--published[b-5axcol76mm] {
    border-left-color: var(--mud-palette-info);
    background-color: color-mix(in srgb, var(--mud-palette-info) 8%, var(--mud-palette-surface));
}

.editor-mode-banner--published .editor-mode-banner-icon[b-5axcol76mm] {
    color: var(--mud-palette-info);
}

.editor-mode-banner--review[b-5axcol76mm] {
    border-left-color: var(--mud-palette-secondary);
    background-color: var(--mud-palette-background-grey);
}

.editor-mode-banner--review .editor-mode-banner-icon[b-5axcol76mm] {
    color: var(--mud-palette-secondary);
}

.editor-mode-banner--readonly[b-5axcol76mm] {
    border-left-color: var(--mud-palette-warning);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--mud-palette-surface));
}

.editor-mode-banner--readonly .editor-mode-banner-icon[b-5axcol76mm] {
    color: var(--mud-palette-warning);
}
/* /Features/StoryEditor/Components/EditorNavbar.razor.rz.scp.css */
.editor-navbar[b-9zf9wy941p] {
    display: flex;
    align-items: center;
    padding: 0 8px;
}
/* /Features/StoryEditor/Components/GraphEditor/DiagramControls.razor.rz.scp.css */
.diagram-controls-wrapper[b-gcg5ybml5s] {
    z-index: 1000;
}

.diagram-controls-wrapper[b-gcg5ybml5s]  .mud-paper {
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}
/* /Features/StoryEditor/Components/GraphEditor/GraphEditor.razor.rz.scp.css */
.diagram-canvas-wrapper[b-yfxek703m9] {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--mud-palette-background);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

.epos-grid[b-yfxek703m9] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.diagram-canvas-container[b-yfxek703m9] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    opacity: 0;
    transition: opacity 180ms ease-out;
}

.diagram-canvas-container.is-hidden[b-yfxek703m9] {
    visibility: hidden;
}

.diagram-canvas-container.is-ready[b-yfxek703m9] {
    visibility: visible;
    opacity: 1;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-node {
    animation: diagram-node-fade-in-b-yfxek703m9 140ms ease-out both;
}

@keyframes diagram-node-fade-in-b-yfxek703m9 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.diagram-canvas-wrapper.zoom-minimal[b-yfxek703m9]  .diagram-port {
    visibility: hidden;
}

.diagram-canvas-wrapper.zoom-minimal[b-yfxek703m9]  .diagram-link {
    display: none;
}

.diagram-canvas-wrapper.zoom-low[b-yfxek703m9]  .diagram-node,
.diagram-canvas-wrapper.zoom-minimal[b-yfxek703m9]  .diagram-node,
.diagram-canvas-wrapper[data-bulk-load="true"][b-yfxek703m9]  .diagram-node {
    animation: none;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-canvas {
    width: 100%;
    height: 100%;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-node[data-dragging="true"] {
    will-change: transform;
    transition: none;
    cursor: grabbing;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-node.epos-box-preview .app-node {
    outline: 2px dashed var(--mud-palette-primary);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.diagram-canvas-wrapper[b-yfxek703m9]  .highlight-drop-zone {
    outline: 2px dashed var(--mud-palette-success);
    outline-offset: -2px;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-link .path {
    stroke: var(--mud-palette-action-default);
    stroke-width: 2px;
    transition: stroke-width 0.2s ease, stroke 0.2s ease;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-link .marker path {
    fill: var(--mud-palette-action-default);
    transition: fill 0.2s ease;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-link:hover .path {
    stroke: var(--mud-palette-primary);
    stroke-width: 3.5px;
    cursor: pointer;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-link:hover .marker path {
    fill: var(--mud-palette-primary);
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-link.selected .path {
    stroke: var(--mud-palette-primary);
    stroke-width: 3.5px;
}

.diagram-canvas-wrapper[b-yfxek703m9]  .diagram-link.selected .marker path {
    fill: var(--mud-palette-primary);
}

.diagram-controls-bottom[b-yfxek703m9] {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}

.diagram-controls-bottom[b-yfxek703m9]  .diagram-controls-wrapper {
    position: static !important;
}
/* /Features/StoryEditor/Components/GraphEditor/GraphEditorWrapper.razor.rz.scp.css */
.graph-editor-wrapper[b-pq1u1fx7zj] {
    height: 100%;
    position: relative;
}
/* /Features/StoryEditor/Components/GraphEditor/GraphSearchOverlay.razor.rz.scp.css */
.graph-search-overlay[b-06wi0cwhgg] {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    width: min(560px, calc(100% - 32px));
    display: flex;
    flex-direction: column;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.graph-search-bar[b-06wi0cwhgg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 8px 8px 8px;
}

.graph-search-drag[b-06wi0cwhgg] {
    display: flex;
    align-items: center;
    color: var(--mud-palette-text-secondary);
    cursor: grab;
    touch-action: none;
}

.graph-search-drag:active[b-06wi0cwhgg] {
    cursor: grabbing;
}

.graph-search-bar[b-06wi0cwhgg]  .graph-search-input {
    flex: 1 1 auto;
    margin: 0;
}

.graph-search-results[b-06wi0cwhgg] {
    max-height: 360px;
    overflow-y: auto;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.graph-search-result[b-06wi0cwhgg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    cursor: pointer;
    transition: background-color 0.12s ease;
}

.graph-search-result[b-06wi0cwhgg]  .graph-search-result-icon {
    flex: 0 0 auto;
    width: 16px;
    font-size: 14px;
    color: var(--mud-palette-text-disabled);
}

.graph-search-result:hover[b-06wi0cwhgg] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
}

.graph-search-result.is-active[b-06wi0cwhgg] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent);
}

.graph-search-result-name[b-06wi0cwhgg] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.graph-search-result-type[b-06wi0cwhgg] {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 12px;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.graph-search-empty[b-06wi0cwhgg],
.graph-search-truncated[b-06wi0cwhgg] {
    padding: 10px 14px;
    border-top: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
}
/* /Features/StoryEditor/Components/GraphEditor/Nodes/NodePortColumn.razor.rz.scp.css */
.custom-port-wrapper[b-ggj99v3rc0]  .diagram-port {
    width: 14px;
    height: 14px;
    background-color: var(--mud-palette-background);
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: 50%;
    cursor: crosshair;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-port-wrapper[b-ggj99v3rc0]  .diagram-port:hover {
    border-color: var(--mud-palette-primary);
    border-width: 2px;
    transform: scale(1.2);
}

.custom-port-wrapper .port-row[b-ggj99v3rc0] {
    gap: 12px;
}

.custom-port-wrapper .port-label[b-ggj99v3rc0] {
    font-size: 0.8em;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-port-wrapper .port-spacer[b-ggj99v3rc0] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.ports-left[b-ggj99v3rc0]  .diagram-port,
.ports-left .port-spacer[b-ggj99v3rc0] {
    margin-left: -8px;
}

.ports-right[b-ggj99v3rc0]  .diagram-port,
.ports-right .port-spacer[b-ggj99v3rc0] {
    margin-right: -8px;
}

.ports-left[b-ggj99v3rc0] {
    margin-right: 10px;
}

.ports-right[b-ggj99v3rc0] {
    margin-left: 10px;
}
/* /Features/StoryEditor/Components/GraphEditor/Nodes/StoryNodeComponent.razor.rz.scp.css */
.app-node-wrapper[b-bg8y9auovw] {
    position: relative;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node {
    display: flex;
    min-width: max(110px, calc(var(--node-components, 0) * 24px + 20px));
    min-height: calc(56px + var(--node-ports, 1) * 28px);
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--node-border, var(--mud-palette-lines-default));
    border-width: max(1px, calc(1px / var(--zoom, 1)));
    background-color: color-mix(in srgb, var(--mud-palette-surface) 55%, var(--mud-palette-background));
}

.app-node-wrapper[b-bg8y9auovw]  .app-node--lite {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node--marker {
    align-items: center;
    justify-content: space-between;
    min-width: 80px;
    min-height: max(80px, calc(var(--node-ports, 1) * 28px + 30px));
}

.app-node-wrapper[b-bg8y9auovw]  .node-marker__body {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    pointer-events: none;
}

.app-node-wrapper[b-bg8y9auovw]  .node-marker__icon {
    font-size: 1.5rem !important;
    color: var(--node-border, var(--mud-palette-primary));
}

.app-node-wrapper[b-bg8y9auovw]  .node-marker__label {
    line-height: 1;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.app-node-wrapper[b-bg8y9auovw]  .app-node-lite__inner {
    width: 100%;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node-lite__header,
.app-node-wrapper[b-bg8y9auovw]  .app-node-lite__footer {
    height: 2em;
    margin: 0 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node-lite__footer {
    height: 1.5em;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node-lite__ports-row {
    flex-grow: 1;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node:hover,
.app-node-wrapper[data-valid-drop][b-bg8y9auovw]  .app-node {
    outline-offset: 2px;
}

.app-node-wrapper[b-bg8y9auovw]  .app-node:hover {
    outline: max(2px, calc(2px / var(--zoom, 1))) solid var(--mud-palette-primary);
}

.app-node-wrapper[data-valid-drop][b-bg8y9auovw]  .app-node {
    cursor: copy;
    outline: max(2px, calc(2px / var(--zoom, 1))) dashed var(--mud-palette-success);
}

.app-node-wrapper[b-bg8y9auovw]  .node-info-panel {
    position: absolute;
    top: -25px;
    right: -10px;
    border: 1px solid var(--mud-palette-lines-default);
}

.app-node-wrapper[b-bg8y9auovw]  .node-info-panel .smaller-icon {
    font-size: 0.875rem;
}

.app-node-wrapper[b-bg8y9auovw]  .node-index-text {
    line-height: normal;
}

.app-node-wrapper[b-bg8y9auovw]  .node-panel-header {
    height: 2em;
}

.app-node-wrapper[b-bg8y9auovw]  .node-name {
    max-width: 90px;
    line-height: 1em;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.app-node-wrapper[b-bg8y9auovw]  .node-panel-footer {
    height: 1.5em;
}

.app-node-wrapper[b-bg8y9auovw]  .node-component-icon {
    font-size: 1rem !important;
    color: var(--mud-palette-text-primary);
}

.app-node-wrapper[data-validation="error"][b-bg8y9auovw]  .app-node {
    border-color: var(--mud-palette-error) !important;
}

.app-node-wrapper[data-validation="warning"][b-bg8y9auovw]  .app-node {
    border-color: var(--mud-palette-warning) !important;
}

.app-node-wrapper .node-validation-badge[b-bg8y9auovw] {
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: 10;
    line-height: 0;
}

.app-node-wrapper[data-global-event-target][b-bg8y9auovw]  .app-node {
    border-style: dashed !important;
    border-color: var(--mud-palette-tertiary) !important;
    background-color: color-mix(in srgb, var(--mud-palette-tertiary) 6%, var(--mud-palette-surface));
}

.app-node-wrapper[data-selected][b-bg8y9auovw]  .app-node {
    border-color: var(--mud-palette-primary) !important;
    box-shadow: 0 0 0 max(2px, calc(2px / var(--zoom, 1))) var(--mud-palette-primary) !important;
}

.app-node-wrapper .node-global-event-badge[b-bg8y9auovw] {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 10;
    line-height: 0;
    background: var(--mud-palette-surface);
    border-radius: 50%;
    padding: 2px;
}

[b-bg8y9auovw] .node-component-icon-wrapper {
    position: relative;
    display: inline-flex;
}

[b-bg8y9auovw] .node-component-icon-wrapper--virtual .node-component-icon,
[b-bg8y9auovw] .node-component-icon-wrapper--stopped .node-component-icon,
[b-bg8y9auovw] .node-component-icon-wrapper--hidden .node-component-icon {
    opacity: 0.45;
}

[b-bg8y9auovw] .node-component-inherit-badge,
[b-bg8y9auovw] .node-component-stop-badge,
[b-bg8y9auovw] .node-component-hide-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px !important;
    height: 12px !important;
    font-size: 10px !important;
    background-color: var(--mud-palette-surface);
    border-radius: 50%;
    padding: 1px;
}

[b-bg8y9auovw] .node-component-inherit-badge {
    color: var(--mud-palette-primary);
}

[b-bg8y9auovw] .node-component-stop-badge,
[b-bg8y9auovw] .node-component-hide-badge {
    color: var(--mud-palette-text-secondary);
}

[b-bg8y9auovw] .node-component-hide-badge {
    top: -3px;
    right: -3px;
    width: 9px !important;
    height: 9px !important;
    font-size: 7px !important;
}
/* /Features/StoryEditor/Components/NodeForms/BaseNodeForm.razor.rz.scp.css */
.node-form-header-text[b-k11r45vojf] {
    min-width: 0;
}

.node-form-header-action[b-k11r45vojf] {
    flex-shrink: 0;
}

.node-form-header-action[b-k11r45vojf]  .mud-button-root {
    white-space: nowrap;
}
/* /Features/StoryEditor/Components/Panels/AdminChaptersPanel.razor.rz.scp.css */
.admin-chapters-body[b-kv8ke5pd2d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

.admin-story-header[b-kv8ke5pd2d] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.admin-story-header__info[b-kv8ke5pd2d] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-kv8ke5pd2d] .admin-story-header__desc {
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    white-space: pre-line;
}

.admin-story-header__cover[b-kv8ke5pd2d] {
    cursor: zoom-in;
    transition: opacity 0.15s ease;
}

.admin-story-header__cover:hover[b-kv8ke5pd2d] {
    opacity: 0.85;
}

.meta-strip[b-kv8ke5pd2d] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 4px;
}

.meta-chip[b-kv8ke5pd2d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 600;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
    color: var(--mud-palette-text-secondary);
}

[b-kv8ke5pd2d] .meta-chip__icon {
    font-size: 11px !important;
    width: 11px !important;
    height: 11px !important;
}

.meta-chip--genre[b-kv8ke5pd2d] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 15%, transparent);
    color: var(--mud-palette-primary);
}

.meta-chip--age[b-kv8ke5pd2d] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 15%, transparent);
    color: var(--mud-palette-warning-darken);
}

.meta-chip--tag[b-kv8ke5pd2d] {
    background-color: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    color: var(--mud-palette-error);
}

.meta-chip--ai[b-kv8ke5pd2d] {
    background-color: color-mix(in srgb, var(--mud-palette-tertiary) 15%, transparent);
    color: var(--mud-palette-tertiary);
}

.meta-chip--paid[b-kv8ke5pd2d] {
    background-color: color-mix(in srgb, var(--mud-palette-success) 15%, transparent);
    color: var(--mud-palette-success-darken);
}

.story-totals[b-kv8ke5pd2d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-divider);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background));
}

.story-totals__label[b-kv8ke5pd2d] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
}

.story-totals .chapter-metrics[b-kv8ke5pd2d] {
    margin-top: 0;
}

.chapter-metrics[b-kv8ke5pd2d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin-top: 6px;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    font-weight: 600;
}

.chapter-metric[b-kv8ke5pd2d] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

[b-kv8ke5pd2d] .chapter-metric__icon {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
    color: var(--mud-palette-text-disabled);
}

[b-kv8ke5pd2d] .chapter-title {
    font-weight: 700;
}

[b-kv8ke5pd2d] .chapter-item-paper {
    border: 1px solid var(--mud-palette-divider) !important;
    border-left: 3px solid var(--mud-palette-divider) !important;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background)) !important;
    transition: border-color 0.15s ease;
    cursor: pointer;
}

[b-kv8ke5pd2d] .chapter-item-paper--active {
    cursor: default;
}

[b-kv8ke5pd2d] .chapter-item-paper:hover {
    border-left-color: var(--mud-palette-primary) !important;
}

[b-kv8ke5pd2d] .chapter-item-paper--active {
    border-left-color: var(--mud-palette-primary) !important;
}

[b-kv8ke5pd2d] .chapter-item-content {
    min-width: 0;
}

[b-kv8ke5pd2d] .chapter-item-title-row {
    min-width: 0;
    flex-wrap: wrap;
}

[b-kv8ke5pd2d] .chapter-item-desc {
    line-height: 1.4;
    white-space: pre-line;
}

[b-kv8ke5pd2d] .chapter-item-row {
    flex-wrap: wrap;
}

[b-kv8ke5pd2d] .admin-chapter-actions {
    flex-shrink: 0;
    margin-left: auto;
    opacity: 0;
    transform: scale(0.9);
    transform-origin: right center;
    transition: opacity 0.15s ease, transform 0.15s ease;
    pointer-events: none;
}

[b-kv8ke5pd2d] .admin-chapter-actions--active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

[b-kv8ke5pd2d] .chapter-item-icon {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.55;
    transition: color 0.15s ease, opacity 0.15s ease;
}

[b-kv8ke5pd2d] .chapter-item-paper:hover .chapter-item-icon {
    opacity: 0.85;
    color: var(--mud-palette-primary);
}

[b-kv8ke5pd2d] .chapter-item-paper--active .chapter-item-icon {
    opacity: 1;
    color: var(--mud-palette-primary);
}
/* /Features/StoryEditor/Components/Panels/LeftSidePanel.razor.rz.scp.css */
.left-side-panel[b-opwamr6d7n] {
    position: relative;
    height: 100%;
    background-color: var(--mud-palette-surface);
    border-right: 1px solid var(--mud-palette-lines-default);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.left-panel-header[b-opwamr6d7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-dark);
}

.left-panel-content[b-opwamr6d7n] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.panel-resizer-right[b-opwamr6d7n] {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 6px;
    cursor: col-resize;
    z-index: 100;
    background-color: transparent;
    border-right: 1px solid var(--mud-palette-lines-default);
    transition: background-color 0.2s;
}

.panel-resizer-right:hover[b-opwamr6d7n] {
    background-color: var(--mud-palette-primary);
}
/* /Features/StoryEditor/Components/Panels/PresetsPanel.razor.rz.scp.css */
.presets-panel .create-node-label[b-yy3xmaoajf] {
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    letter-spacing: 0.05em;
}

.presets-panel[b-yy3xmaoajf]  .preset-tile {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 30%, var(--mud-palette-background)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: border-color 0.15s ease;
}

.presets-panel[b-yy3xmaoajf]  .preset-tile:hover {
    border-color: var(--mud-palette-primary) !important;
}

.presets-panel[b-yy3xmaoajf]  .create-node-button {
    height: 58px;
    cursor: grab;
    justify-content: flex-start;
    padding-left: 4px;
}

.presets-panel[b-yy3xmaoajf]  .create-node-title {
    font-weight: 600;
}

.presets-panel[b-yy3xmaoajf]  .create-node-drag-indicator {
    opacity: 0.3;
}

.presets-panel[b-yy3xmaoajf]  .create-node-subtitle {
    opacity: 0.5;
    line-height: 1.2;
}

.presets-panel[b-yy3xmaoajf]  .preset-button {
    position: relative;
    width: 75px;
    height: 85px;
    align-items: center;
    justify-content: center;
    cursor: grab;
    padding-bottom: 22px;
}

.presets-panel[b-yy3xmaoajf]  .preset-title {
    line-height: normal;
    font-size: 0.6rem;
}

.presets-panel[b-yy3xmaoajf]  .preset-list-item {
    width: 100%;
    height: 36px;
    cursor: grab;
    padding-left: 4px;
}

.presets-panel[b-yy3xmaoajf]  .dubbing-indicator-icon {
    color: var(--mud-palette-primary) !important;
    opacity: 0.5;
    flex-shrink: 0;
}

.presets-panel[b-yy3xmaoajf]  .preset-drag-indicator {
    opacity: 0.3;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

.presets-panel[b-yy3xmaoajf]  .list-item-drag-indicator {
    opacity: 0.3;
    flex-shrink: 0;
}
/* /Features/StoryEditor/Components/Panels/PresetsSection.razor.rz.scp.css */
.presets-section-header[b-jc0pro6y6q] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 4px;
}

.presets-section-chevron[b-jc0pro6y6q] {
    opacity: 0.6;
    flex-shrink: 0;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewAudioPanel.razor.rz.scp.css */
/* Unified audio panel — single master player below the phone frame */
.np-audio-panel[b-sk3luyevf4] {
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
}

.np-audio-panel-header[b-sk3luyevf4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.np-audio-master-btn[b-sk3luyevf4] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: opacity 0.15s ease, transform 0.1s ease;
}

.np-audio-master-btn:hover[b-sk3luyevf4] {
    opacity: 0.9;
    transform: scale(1.04);
}

.np-audio-master-btn:active[b-sk3luyevf4] {
    transform: scale(0.96);
}

[b-sk3luyevf4] .np-audio-master-btn-icon {
    color: var(--mud-palette-primary-text) !important;
    font-size: 1.2rem !important;
}

.np-audio-panel-title[b-sk3luyevf4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.np-audio-panel-title-main[b-sk3luyevf4] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.np-audio-panel-title-sub[b-sk3luyevf4] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
}

.np-audio-tracks[b-sk3luyevf4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 6px;
}

.np-audio-row[b-sk3luyevf4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

.np-audio-row-icon[b-sk3luyevf4] {
    flex-shrink: 0;
    width: 18px;
    text-align: center;
    color: var(--mud-palette-primary);
    font-size: 0.85rem;
}

.np-audio-row-meta[b-sk3luyevf4] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.np-audio-row-kind[b-sk3luyevf4] {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.np-audio-row-inherited[b-sk3luyevf4] {
    font-weight: 500;
    color: color-mix(in srgb, var(--mud-palette-info) 70%, var(--mud-palette-text-secondary));
    text-transform: lowercase;
    margin-left: 2px;
}

.np-audio-row-name[b-sk3luyevf4] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-audio-hidden[b-sk3luyevf4] {
    display: none;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewBackground.razor.rz.scp.css */
/* Background layer — letterboxed 16:9, same as app's BackgroundImageComponentRenderer */
.np-background[b-lscgq0x42v] {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    overflow: hidden;
}

.np-bg-image[b-lscgq0x42v] {
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    display: block;
    transition: opacity 0.25s ease;
}

.np-bg-video[b-lscgq0x42v] {
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    display: block;
}

/* Covering video (VideoComponentViewModel) — fills the whole frame, mirrors
   the app's VideoComponentRenderer which opens fullscreen via Modal. */
.np-covering-video[b-lscgq0x42v] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #000;
    pointer-events: auto;
}

.np-bg-image.is-loading[b-lscgq0x42v] {
    opacity: 0;
}

.np-bg-image.is-ready[b-lscgq0x42v] {
    opacity: 1;
}

.np-bg-skeleton[b-lscgq0x42v] {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg,
        rgba(255, 255, 255, 0.03) 8%,
        rgba(255, 255, 255, 0.09) 18%,
        rgba(255, 255, 255, 0.03) 33%);
    background-size: 200% 100%;
    animation: np-shimmer-b-lscgq0x42v 1.2s linear infinite;
}

@keyframes np-shimmer-b-lscgq0x42v {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Inherited media badge — floats top-left of the stage */
.np-inherited-badge[b-lscgq0x42v] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px 2px 6px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    pointer-events: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

[b-lscgq0x42v] .np-inherited-badge-icon {
    font-size: 0.8rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

@media (prefers-reduced-motion: reduce) {
    .np-bg-image[b-lscgq0x42v] {
        transition: none;
    }

    .np-bg-skeleton[b-lscgq0x42v] {
        animation: none;
    }
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewBackgroundPlaceholder.razor.rz.scp.css */
.np-bg-placeholder[b-duj7wwgd8x] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.72rem;
    background:
        repeating-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.025) 0,
            rgba(255, 255, 255, 0.025) 8px,
            rgba(255, 255, 255, 0.05) 8px,
            rgba(255, 255, 255, 0.05) 16px);
}

[b-duj7wwgd8x] .np-bg-placeholder-icon {
    font-size: 1.8rem !important;
    color: rgba(255, 255, 255, 0.45) !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewChoiceBody.razor.rz.scp.css */
.np-choice-option-body[b-z09ln2fycm] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.3;
}

.np-choice-option-name[b-z09ln2fycm] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #fff;
}

.np-choice-option-text[b-z09ln2fycm] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
}

.np-choice-option-text :is(p, ul, ol)[b-z09ln2fycm] {
    margin: 0;
}

.np-choice-option-reqs[b-z09ln2fycm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.np-req-chip[b-z09ln2fycm] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px 1px 4px;
    border-radius: 999px;
    font-size: 0.65rem;
    line-height: 1.2;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.95);
}

.np-req-chip-met[b-z09ln2fycm] {
    border-color: rgba(92, 200, 120, 0.55);
    background: rgba(92, 200, 120, 0.18);
    color: rgba(190, 240, 200, 0.98);
}

.np-req-chip-unmet[b-z09ln2fycm] {
    border-color: rgba(232, 92, 92, 0.55);
    background: rgba(232, 92, 92, 0.18);
    color: rgba(255, 200, 200, 0.98);
}

[b-z09ln2fycm] .np-req-chip-icon {
    font-size: 0.75rem !important;
    color: inherit !important;
}

.np-req-joiner[b-z09ln2fycm] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 2px;
}

.np-choice-option-target[b-z09ln2fycm] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-choice-option-target-empty[b-z09ln2fycm] {
    font-style: italic;
    opacity: 0.7;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewChoiceOptions.razor.rz.scp.css */
/* Inline choice options (rendered as buttons inside the phone) */
.np-choice-options[b-yjcralbctk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.np-choice-option[b-yjcralbctk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.1s ease;
}

button.np-choice-option:hover[b-yjcralbctk] {
    background: rgba(255, 255, 255, 0.12);
}

button.np-choice-option:active[b-yjcralbctk] {
    transform: scale(0.99);
}

button.np-choice-option:focus-visible[b-yjcralbctk] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

.np-choice-option.np-choice-option-available[b-yjcralbctk] {
    border-color: rgba(255, 255, 255, 0.3);
}

.np-choice-option.np-choice-option-locked[b-yjcralbctk] {
    opacity: 0.6;
    border-style: dashed;
    border-color: rgba(232, 92, 92, 0.45);
    background: rgba(232, 92, 92, 0.08);
}

button.np-choice-option.np-choice-option-locked[b-yjcralbctk] {
    cursor: help;
}

button.np-choice-option.np-choice-option-locked:hover[b-yjcralbctk] {
    opacity: 0.85;
    background: rgba(232, 92, 92, 0.15);
}

.np-choice-option.np-choice-option-orphan[b-yjcralbctk] {
    opacity: 0.7;
    border-style: dashed;
    cursor: not-allowed;
}

[b-yjcralbctk] .np-choice-option-icon {
    font-size: 1rem !important;
    color: inherit !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.np-choice-option-locked[b-yjcralbctk]  .np-choice-option-icon {
    color: rgba(255, 170, 170, 0.95) !important;
}

.np-choice-option-body[b-yjcralbctk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.3;
}

.np-choice-option-name[b-yjcralbctk] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #fff;
}

.np-choice-option-text[b-yjcralbctk] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
}

.np-choice-option-text[b-yjcralbctk]  :is(p, ul, ol) {
    margin: 0;
}

.np-choice-option-reqs[b-yjcralbctk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.np-req-chip[b-yjcralbctk] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px 1px 4px;
    border-radius: 999px;
    font-size: 0.65rem;
    line-height: 1.2;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.95);
}

.np-req-chip-met[b-yjcralbctk] {
    border-color: rgba(92, 200, 120, 0.55);
    background: rgba(92, 200, 120, 0.18);
    color: rgba(190, 240, 200, 0.98);
}

.np-req-chip-unmet[b-yjcralbctk] {
    border-color: rgba(232, 92, 92, 0.55);
    background: rgba(232, 92, 92, 0.18);
    color: rgba(255, 200, 200, 0.98);
}

[b-yjcralbctk] .np-req-chip-icon {
    font-size: 0.75rem !important;
    color: inherit !important;
}

.np-req-joiner[b-yjcralbctk] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 2px;
}

.np-choice-option-target[b-yjcralbctk] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-choice-option-target-empty[b-yjcralbctk] {
    font-style: italic;
    opacity: 0.7;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewDebugPanel.razor.rz.scp.css */
.np-debug-panel[b-pl28hy8bqw] {
    overflow: hidden;
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

/* Important: MudCollapse adds internal wrappers, so clip them too */
[b-pl28hy8bqw] .np-debug-panel .mud-collapse-container,
[b-pl28hy8bqw] .np-debug-panel .mud-collapse-wrapper,
[b-pl28hy8bqw] .np-debug-panel .mud-collapse-wrapper-inner {
    overflow: hidden;
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

/* Header */
.np-debug-header[b-pl28hy8bqw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: color-mix(
        in srgb,
        var(--mud-palette-background) 70%,
        var(--mud-palette-surface) 30%
    );
    border: none;
    cursor: pointer;
    text-align: left;
    color: var(--mud-palette-text-primary);
    width: 100%;

    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}

.np-debug-header:hover[b-pl28hy8bqw] {
    background: color-mix(
        in srgb,
        var(--mud-palette-background) 85%,
        var(--mud-palette-surface) 15%
    );
}

.np-debug-header.is-open[b-pl28hy8bqw] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* Closed state: header is the whole panel */
.np-debug-header:not(.is-open)[b-pl28hy8bqw] {
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

[b-pl28hy8bqw] .np-debug-header-title {
    flex: 1;
    min-width: 0;
    line-height: 1.2;
    margin-right: auto;
}

/* Body */
.np-debug-body[b-pl28hy8bqw] {
    padding: 12px;
    background: color-mix(
        in srgb,
        var(--mud-palette-background) 60%,
        var(--mud-palette-surface) 40%
    );

    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

/* Variable rows */
[b-pl28hy8bqw] .np-debug-row-paper {
    border-left: 3px solid var(--mud-palette-divider);
    border-radius: 6px;
    overflow: hidden;
    transition: border-left-color 0.15s ease;
}

[b-pl28hy8bqw] .np-debug-row-paper.is-overridden {
    border-left-color: var(--mud-palette-primary);
}

.np-debug-input-wrap[b-pl28hy8bqw] {
    width: 80px;
    flex-shrink: 0;
}

[b-pl28hy8bqw] .np-debug-input {
    margin: 0;
}

[b-pl28hy8bqw] .np-debug-input .mud-input-control-input-container,
[b-pl28hy8bqw] .np-debug-input .mud-input {
    font-size: 0.78rem;
}

[b-pl28hy8bqw] .np-debug-input input,
[b-pl28hy8bqw] .np-debug-input .mud-select-input input {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Global events */
[b-pl28hy8bqw] .np-global-event-paper {
    border-left: 3px solid var(--mud-palette-divider);
    border-radius: 6px;
    overflow: hidden;
    transition: border-left-color 0.15s ease;
}

[b-pl28hy8bqw] .np-global-event-paper.is-met {
    border-left-color: var(--mud-palette-success);
}

/* Dice input */
.np-dice-debug-input[b-pl28hy8bqw] {
    width: 100%;
    padding: 4px 6px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    color: var(--mud-palette-text-primary);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.np-dice-debug-input:focus[b-pl28hy8bqw] {
    outline: none;
    border-color: var(--mud-palette-primary);
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewGlobalOverlay.razor.rz.scp.css */
/* Phone-screen modal — image fills the phone screen behind a scrim, with the
   event text and the post-event behavior overlaid on top. */
.np-global-overlay[b-2ldkjiq1px] {
    position: absolute;
    inset: 0;
    z-index: 5;
    background: #000;
    overflow: hidden;
    animation: np-global-overlay-in-b-2ldkjiq1px 200ms ease-out;
}

@keyframes np-global-overlay-in-b-2ldkjiq1px {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.np-global-overlay-bg[b-2ldkjiq1px] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.np-global-overlay-image[b-2ldkjiq1px] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.np-global-overlay-placeholder[b-2ldkjiq1px] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    background:
        repeating-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.025) 0,
            rgba(255, 255, 255, 0.025) 8px,
            rgba(255, 255, 255, 0.05) 8px,
            rgba(255, 255, 255, 0.05) 16px);
}

[b-2ldkjiq1px] .np-global-overlay-placeholder-icon {
    font-size: 3.2rem !important;
    color: rgba(255, 255, 255, 0.45) !important;
}

.np-global-overlay-scrim[b-2ldkjiq1px] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 35%,
        rgba(0, 0, 0, 0.55) 70%,
        rgba(0, 0, 0, 0.85) 100%);
    pointer-events: none;
}

.np-global-overlay-content[b-2ldkjiq1px] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
}

.np-global-overlay-text[b-2ldkjiq1px] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.35;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    white-space: pre-wrap;
    max-height: 40%;
    overflow-y: auto;
}

.np-global-overlay-footer[b-2ldkjiq1px] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    align-self: flex-start;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-size: 0.78rem;
    line-height: 1.2;
}

[b-2ldkjiq1px] .np-global-overlay-footer-icon {
    font-size: 1rem !important;
    color: rgba(255, 255, 255, 0.75) !important;
}

.np-global-overlay-footer-label[b-2ldkjiq1px] {
    color: rgba(255, 255, 255, 0.7);
}

.np-global-overlay-footer-value[b-2ldkjiq1px] {
    color: #fff;
    font-weight: 600;
}

.np-global-overlay-close[b-2ldkjiq1px] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: background-color 0.12s ease;
}

.np-global-overlay-close:hover[b-2ldkjiq1px] {
    background: rgba(0, 0, 0, 0.75);
}

[b-2ldkjiq1px] .np-global-overlay-close-icon {
    font-size: 1.2rem !important;
    color: #fff !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewInlineComponent.razor.rz.scp.css */
/* Text component */
.np-text[b-897w2osasb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.np-rich[b-897w2osasb] {
    font-size: 0.82rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
    word-wrap: break-word;
}

.np-rich[b-897w2osasb]  :is(p, h1, h2, h3, h4, ul, ol) {
    margin: 0 0 8px 0;
}

.np-rich[b-897w2osasb]  :is(p, h1, h2, h3, h4, ul, ol):last-child {
    margin-bottom: 0;
}

.np-rich[b-897w2osasb]  p:empty {
    min-height: 1.45em;
}

.np-rich[b-897w2osasb]  a {
    color: var(--mud-palette-primary-lighten);
}

/* Dialogue */
.np-dialogue[b-897w2osasb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.np-dialogue-line[b-897w2osasb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.np-dialogue-speaker[b-897w2osasb] {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

.np-dialogue-text[b-897w2osasb] {
    font-size: 0.82rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Chip — used for checkpoint marker */
.np-chip[b-897w2osasb] {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    max-width: 100%;
}

.np-chip span[b-897w2osasb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-897w2osasb] .np-chip-icon {
    font-size: 0.9rem !important;
    color: inherit !important;
}

/* Event component — header chip + per-event variable change list */
.np-event-block[b-897w2osasb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.np-event-header[b-897w2osasb] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.74rem;
    font-weight: 600;
}

[b-897w2osasb] .np-event-header-icon {
    font-size: 0.95rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    flex-shrink: 0;
}

.np-event-header-text[b-897w2osasb] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-event-replay[b-897w2osasb] {
    background: transparent;
    border: none;
    padding: 2px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
    transition: background-color 0.12s ease;
}

.np-event-replay:hover[b-897w2osasb] {
    background: rgba(255, 255, 255, 0.12);
}

[b-897w2osasb] .np-event-replay-icon {
    font-size: 1rem !important;
    color: inherit !important;
}

.np-event-list[b-897w2osasb] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-left: 22px;
}

.np-event-row[b-897w2osasb] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.88);
    font-variant-numeric: tabular-nums;
}

.np-event-change[b-897w2osasb] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-event-popup-hint[b-897w2osasb] {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
    flex-shrink: 0;
}

[b-897w2osasb] .np-event-popup-hint-icon {
    font-size: 0.85rem !important;
    color: inherit !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewIntroOutroView.razor.rz.scp.css */
/* Start/End screen — mirrors app's GameStartView / GameEndView */
.np-intro-outro[b-47hpkbnh0n] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 18px 20px;
    overflow: hidden;
    background: #15171a;
}

.np-intro-bg[b-47hpkbnh0n] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(10px);
    transform: scale(1.1);
    z-index: 0;
}

.np-intro-scrim[b-47hpkbnh0n] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.np-intro-content[b-47hpkbnh0n] {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 0;
}

.np-intro-thumbnail[b-47hpkbnh0n] {
    width: 55%;
    aspect-ratio: 1 / 1;
    margin-bottom: 14px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
}

.np-intro-thumbnail img[b-47hpkbnh0n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.np-intro-thanks[b-47hpkbnh0n] {
    color: #fff;
    font-size: 0.78rem;
    text-align: center;
    margin-bottom: 6px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.np-intro-title[b-47hpkbnh0n] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.np-intro-description[b-47hpkbnh0n] {
    color: #fff;
    font-size: 0.72rem;
    line-height: 1.4;
    text-align: justify;
    overflow-y: auto;
    min-height: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.np-intro-outro[data-kind="end"] .np-intro-content[b-47hpkbnh0n] {
    justify-content: center;
}

.np-intro-button[b-47hpkbnh0n] {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 14px;
    padding: 10px 14px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border: none;
    border-radius: 8px;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    font-family: inherit;
    flex-shrink: 0;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.05s ease;
}

.np-intro-button:hover:not(:disabled):not(.is-static)[b-47hpkbnh0n] {
    background: var(--mud-palette-primary-darken);
}

.np-intro-button:active:not(:disabled):not(.is-static)[b-47hpkbnh0n] {
    transform: scale(0.99);
}

.np-intro-button:disabled[b-47hpkbnh0n] {
    opacity: 0.5;
    cursor: not-allowed;
}

.np-intro-button.is-static[b-47hpkbnh0n] {
    cursor: default;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewMediaError.razor.rz.scp.css */
.np-media-error[b-aei8kir521] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.72rem;
    background: rgba(0, 0, 0, 0.55);
}

[b-aei8kir521] .np-media-error-icon {
    color: var(--mud-palette-error) !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewPopup.razor.rz.scp.css */
/* Event popup overlay — mirrors app's NotificationPromptComponent (top center,
   fade in/out, RichText content). */
.np-popup-overlay[b-oqma87sdkn] {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    z-index: 6;
    display: flex;
    justify-content: center;
    pointer-events: none;
    padding: 0 16px;
}

.np-popup-card[b-oqma87sdkn] {
    background-color: rgba(21, 23, 26, 0.92);
    color: #fff;
    border-radius: 10px;
    padding: 10px 14px;
    max-width: 80%;
    font-size: 0.8rem;
    line-height: 1.4;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 300ms ease, transform 300ms ease;
}

.np-popup-card.is-visible[b-oqma87sdkn] {
    opacity: 1;
    transform: translateY(0);
}

.np-popup-card[b-oqma87sdkn]  :is(p, ul, ol) {
    margin: 0 0 6px 0;
}

.np-popup-card[b-oqma87sdkn]  :is(p, ul, ol):last-child {
    margin-bottom: 0;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewSkillCheckDebug.razor.rz.scp.css */
.np-skillcheck-outcomes[b-wa271cuzla] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewSkillCheckOption.razor.rz.scp.css */
.np-skillcheck-option[b-zzwqgk6s3z] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.1s ease;
}

button.np-skillcheck-option:hover[b-zzwqgk6s3z] {
    background: rgba(255, 255, 255, 0.12);
}

button.np-skillcheck-option:active[b-zzwqgk6s3z] {
    transform: scale(0.98);
}

button.np-skillcheck-option:focus-visible[b-zzwqgk6s3z] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

.np-skillcheck-option.np-skillcheck-success[b-zzwqgk6s3z] {
    border-color: rgba(92, 200, 120, 0.55);
    background: rgba(92, 200, 120, 0.16);
}

button.np-skillcheck-option.np-skillcheck-success:hover[b-zzwqgk6s3z] {
    background: rgba(92, 200, 120, 0.26);
}

.np-skillcheck-option.np-skillcheck-fail[b-zzwqgk6s3z] {
    border-color: rgba(232, 92, 92, 0.55);
    background: rgba(232, 92, 92, 0.16);
}

button.np-skillcheck-option.np-skillcheck-fail:hover[b-zzwqgk6s3z] {
    background: rgba(232, 92, 92, 0.26);
}

.np-skillcheck-option.np-skillcheck-disabled[b-zzwqgk6s3z] {
    opacity: 0.55;
    cursor: not-allowed;
}

button.np-skillcheck-option.np-skillcheck-locked[b-zzwqgk6s3z] {
    opacity: 0.55;
    border-style: dashed;
    cursor: help;
}

button.np-skillcheck-option.np-skillcheck-locked:hover[b-zzwqgk6s3z] {
    opacity: 0.8;
}

.np-skillcheck-option.np-skillcheck-winner[b-zzwqgk6s3z] {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

button.np-skillcheck-option.np-skillcheck-locked[b-zzwqgk6s3z]  .np-skillcheck-option-icon {
    color: rgba(255, 255, 255, 0.55) !important;
}

[b-zzwqgk6s3z] .np-skillcheck-option-icon {
    font-size: 1.1rem !important;
    color: inherit !important;
    flex-shrink: 0;
}

.np-skillcheck-option.np-skillcheck-success[b-zzwqgk6s3z]  .np-skillcheck-option-icon {
    color: rgba(150, 230, 170, 0.95) !important;
}

.np-skillcheck-option.np-skillcheck-fail[b-zzwqgk6s3z]  .np-skillcheck-option-icon {
    color: rgba(255, 170, 170, 0.95) !important;
}

.np-skillcheck-option-body[b-zzwqgk6s3z] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.2;
}

.np-skillcheck-option-label[b-zzwqgk6s3z] {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
}

.np-skillcheck-option-target[b-zzwqgk6s3z] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.78);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewSkillCheckOptions.razor.rz.scp.css */
/* Inline skill-check outcome buttons (Success / Fail) */
.np-skillcheck-options[b-4971ry9ii3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewSkillCheckOutcome.razor.rz.scp.css */
.np-outcome[b-c8ntpxpzep] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    text-align: left;
    width: 100%;
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.1s ease;
}

button.np-outcome[b-c8ntpxpzep] {
    cursor: pointer;
}

button.np-outcome:active[b-c8ntpxpzep] {
    transform: scale(0.98);
}

button.np-outcome:focus-visible[b-c8ntpxpzep] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

/* Winner (the outcome that passes) */
.np-outcome-winner.np-outcome-success[b-c8ntpxpzep] {
    border-color: rgba(92, 200, 120, 0.6);
    background: color-mix(in srgb, #5cc878 12%, var(--mud-palette-surface));
}

button.np-outcome-winner.np-outcome-success:hover[b-c8ntpxpzep] {
    background: color-mix(in srgb, #5cc878 20%, var(--mud-palette-surface));
}

.np-outcome-winner.np-outcome-fail[b-c8ntpxpzep] {
    border-color: rgba(232, 92, 92, 0.6);
    background: color-mix(in srgb, #e85c5c 10%, var(--mud-palette-surface));
}

button.np-outcome-winner.np-outcome-fail:hover[b-c8ntpxpzep] {
    background: color-mix(in srgb, #e85c5c 18%, var(--mud-palette-surface));
}

/* Loser (the other outcome) */
.np-outcome-loser[b-c8ntpxpzep] {
    opacity: 0.55;
}

button.np-outcome-locked[b-c8ntpxpzep] {
    cursor: help;
    border-style: dashed;
}

button.np-outcome-locked:hover[b-c8ntpxpzep] {
    opacity: 0.75;
}

[b-c8ntpxpzep] .np-outcome-icon {
    font-size: 1rem !important;
    color: inherit !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.np-outcome-body[b-c8ntpxpzep] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.3;
}

.np-outcome-winner.np-outcome-success[b-c8ntpxpzep]  .np-outcome-icon {
    color: #5cc878 !important;
}

.np-outcome-winner.np-outcome-fail[b-c8ntpxpzep]  .np-outcome-icon {
    color: #e85c5c !important;
}

.np-outcome-loser[b-c8ntpxpzep]  .np-outcome-icon {
    color: var(--mud-palette-text-secondary) !important;
}

.np-outcome-label[b-c8ntpxpzep] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-primary);
    line-height: 1;
}

/* Calculation formula */
.np-outcome-calc[b-c8ntpxpzep] {
    font-size: 0.65rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.np-outcome-winner .np-outcome-calc[b-c8ntpxpzep] {
    color: var(--mud-palette-text-primary);
}

/* Target node name */
.np-outcome-target[b-c8ntpxpzep] {
    font-size: 0.65rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-outcome-target-empty[b-c8ntpxpzep] {
    font-style: italic;
    opacity: 0.7;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewStatusBar.razor.rz.scp.css */
/* Status bar — mirrors app's GameStatusBar layout */
.np-status-bar[b-r566kjfd9f] {
    position: relative;
    z-index: 3;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 14px 16px;
    background-color: rgba(21, 23, 26, 0.73);
    gap: 12px;
}

.np-status-icons[b-r566kjfd9f] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    color: rgba(255, 255, 255, 0.85);
}

.np-status-icons i[b-r566kjfd9f] {
    font-size: 1rem;
    opacity: 0.9;
}

.np-status-prompt[b-r566kjfd9f] {
    flex: 1;
    text-align: right;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewStoryPanel.razor.rz.scp.css */
/* Story panel slides up from bottom — translucent, like ImmersiveLayout */
.np-story-panel[b-lq1ouvhb6e] {
    position: relative;
    z-index: 2;
    background-color: rgba(21, 23, 26, 0.73);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.np-story-panel-small[b-lq1ouvhb6e] {
    height: 30%;
}

.np-story-panel-medium[b-lq1ouvhb6e] {
    height: 50%;
}

.np-story-panel-large[b-lq1ouvhb6e] {
    min-height: 30%;
    max-height: 70%;
    flex: 1;
}

/* Character "name plate" — floats above the story panel, top-left */
.np-character-card[b-lq1ouvhb6e] {
    position: absolute;
    top: -28px;
    left: 10px;
    z-index: 3;
    display: flex;
    flex-direction: row;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 5px;
    overflow: hidden;
    background: #15171a;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    max-width: 70%;
}

.np-character-avatar[b-lq1ouvhb6e] {
    width: 40px;
    height: 40px;
    aspect-ratio: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
}

.np-character-avatar-image[b-lq1ouvhb6e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.np-character-name-box[b-lq1ouvhb6e] {
    display: flex;
    align-items: center;
    padding: 0 10px;
    min-width: 0;
}

.np-character-name[b-lq1ouvhb6e] {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Content scroll inside the story panel */
.np-content[b-lq1ouvhb6e] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 18px 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #fff;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

.np-content[b-lq1ouvhb6e]::-webkit-scrollbar {
    width: 4px;
}

.np-content[b-lq1ouvhb6e]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 2px;
}

.np-empty[b-lq1ouvhb6e] {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.78rem;
    text-align: center;
    padding: 12px;
}

[b-lq1ouvhb6e] .np-empty-icon {
    font-size: 1.8rem !important;
    color: rgba(255, 255, 255, 0.45) !important;
}

/* Inline current-dialogue line (single page) */
.np-dialogue[b-lq1ouvhb6e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.np-dialogue-line[b-lq1ouvhb6e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.np-dialogue-text[b-lq1ouvhb6e] {
    font-size: 0.82rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Chips for inheritance-stop / transition info */
.np-chip[b-lq1ouvhb6e] {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    max-width: 100%;
}

.np-chip span[b-lq1ouvhb6e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lq1ouvhb6e] .np-chip-icon {
    font-size: 0.9rem !important;
    color: inherit !important;
}

.np-chip-blocked[b-lq1ouvhb6e] {
    background: rgba(232, 92, 92, 0.18);
    border-color: rgba(232, 92, 92, 0.35);
    color: rgba(255, 220, 220, 0.95);
}

.np-chip-transition[b-lq1ouvhb6e] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.np-skillcheck-dice-visual[b-lq1ouvhb6e] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 4px;
}

[b-lq1ouvhb6e] .np-skillcheck-dice-icon {
    font-size: 2.8rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewSwitchCase.razor.rz.scp.css */
.np-switch-case[b-cd0yqlxsnt] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    text-align: left;
    width: 100%;
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.1s ease;
}

button.np-switch-case[b-cd0yqlxsnt] {
    cursor: pointer;
}

button.np-switch-case:hover[b-cd0yqlxsnt] {
    background: var(--mud-palette-action-default-hover);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, var(--mud-palette-divider));
}

button.np-switch-case:active[b-cd0yqlxsnt] {
    transform: scale(0.99);
}

button.np-switch-case:focus-visible[b-cd0yqlxsnt] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

.np-switch-case-matched[b-cd0yqlxsnt] {
    border-color: rgba(92, 200, 120, 0.6);
    background: color-mix(in srgb, #5cc878 12%, var(--mud-palette-surface));
}

button.np-switch-case-matched:hover[b-cd0yqlxsnt] {
    background: color-mix(in srgb, #5cc878 20%, var(--mud-palette-surface));
}

.np-switch-case-skipped[b-cd0yqlxsnt] {
    opacity: 0.6;
}

button.np-switch-case-locked[b-cd0yqlxsnt] {
    cursor: help;
    border-style: dashed;
}

button.np-switch-case-locked:hover[b-cd0yqlxsnt] {
    opacity: 0.85;
}

.np-switch-case-default[b-cd0yqlxsnt] {
    border-style: dashed;
}

[b-cd0yqlxsnt] .np-switch-case-icon {
    font-size: 1rem !important;
    color: inherit !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.np-switch-case-matched[b-cd0yqlxsnt]  .np-switch-case-icon {
    color: #5cc878 !important;
}

.np-switch-case-body[b-cd0yqlxsnt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.3;
}

.np-switch-case-label[b-cd0yqlxsnt] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.np-switch-case-reqs[b-cd0yqlxsnt] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.np-switch-case-target[b-cd0yqlxsnt] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-switch-case-target-empty[b-cd0yqlxsnt] {
    font-style: italic;
    opacity: 0.7;
}

/* Requirement chips */
.np-req-chip[b-cd0yqlxsnt] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px 1px 4px;
    border-radius: 999px;
    font-size: 0.65rem;
    line-height: 1.2;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

.np-req-chip-met[b-cd0yqlxsnt] {
    border-color: rgba(92, 200, 120, 0.55);
    background: rgba(92, 200, 120, 0.18);
    color: #2e7d40;
}

.np-req-chip-unmet[b-cd0yqlxsnt] {
    border-color: rgba(232, 92, 92, 0.55);
    background: rgba(232, 92, 92, 0.18);
    color: #a83232;
}

[b-cd0yqlxsnt] .np-req-chip-icon {
    font-size: 0.75rem !important;
    color: inherit !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewSwitchCases.razor.rz.scp.css */
/* Switch evaluation list — rendered outside the phone frame as author debug navigation */
.np-switch-cases[b-4sidtz1p94] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* /Features/StoryEditor/Components/Panels/Preview/Components/NodePreviewToolbar.razor.rz.scp.css */
/* Editor-side navigation between nodes — lives outside the phone frame */
.np-toolbar[b-qankoj0ms4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.np-nav-btn[b-qankoj0ms4] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    min-height: 30px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    color: var(--mud-palette-text-primary);
    font-size: 0.78rem;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, opacity 0.12s ease;
}

.np-nav-btn:hover:not(:disabled)[b-qankoj0ms4] {
    background-color: var(--mud-palette-action-default-hover);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, var(--mud-palette-divider));
}

.np-nav-btn:disabled[b-qankoj0ms4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.np-nav-btn-primary[b-qankoj0ms4] {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border-color: var(--mud-palette-primary);
}

.np-nav-btn-primary:hover:not(:disabled)[b-qankoj0ms4] {
    background-color: var(--mud-palette-primary-darken);
    border-color: var(--mud-palette-primary-darken);
}

[b-qankoj0ms4] .np-nav-btn-icon {
    font-size: 0.95rem !important;
    color: inherit !important;
}

.np-page-indicator[b-qankoj0ms4] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    color: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

/* Output picker — opens when Continue is clicked on a multi-output node */
.np-output-picker[b-qankoj0ms4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background-color: var(--mud-palette-surface);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 40%, var(--mud-palette-divider));
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    animation: np-output-picker-in-b-qankoj0ms4 120ms ease-out;
}

@keyframes np-output-picker-in-b-qankoj0ms4 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.np-output-picker-title[b-qankoj0ms4] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mud-palette-text-secondary);
    padding: 2px 4px 4px;
}

.np-output-option[b-qankoj0ms4] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    background-color: transparent;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    color: var(--mud-palette-text-primary);
    text-align: left;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.np-output-option:hover[b-qankoj0ms4] {
    background-color: var(--mud-palette-action-default-hover);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-divider));
}

.np-output-option:focus-visible[b-qankoj0ms4] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

.np-output-option-index[b-qankoj0ms4] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: var(--mud-palette-primary);
    font-size: 0.72rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}

.np-output-option-body[b-qankoj0ms4] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.2;
}

.np-output-option-label[b-qankoj0ms4] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-output-option-target[b-qankoj0ms4] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-qankoj0ms4] .np-output-option-icon {
    font-size: 0.95rem !important;
    color: var(--mud-palette-text-secondary) !important;
    flex-shrink: 0;
}

.np-output-option:hover[b-qankoj0ms4]  .np-output-option-icon {
    color: var(--mud-palette-primary) !important;
}
/* /Features/StoryEditor/Components/Panels/Preview/NodePreview.razor.rz.scp.css */
.np-wrapper[b-mh6zdg1b8r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    background-color: var(--mud-palette-surface);
    min-height: 100%;
}

.np-disclaimer[b-mh6zdg1b8r] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-info) 12%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 30%, transparent);
    color: var(--mud-palette-text-primary);
    font-size: 0.72rem;
    line-height: 1.4;
}

[b-mh6zdg1b8r] .np-disclaimer-icon {
    color: var(--mud-palette-info) !important;
    font-size: 0.95rem !important;
    flex-shrink: 0;
}

.np-no-selection[b-mh6zdg1b8r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 40px 20px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
}

[b-mh6zdg1b8r] .np-no-selection-icon {
    font-size: 2.4rem !important;
    color: var(--mud-palette-text-secondary);
    opacity: 0.35;
}

.np-group-info[b-mh6zdg1b8r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 100%;
    padding: 32px 24px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

[b-mh6zdg1b8r] .np-group-info-icon {
    font-size: 2.6rem !important;
    color: var(--mud-palette-primary);
    opacity: 0.7;
}

.np-group-info-title[b-mh6zdg1b8r] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.np-group-info-description[b-mh6zdg1b8r] {
    font-size: 0.85rem;
    max-width: 240px;
}

/* Mobile phone frame — owned by the orchestrator, since the stage is composed
   here and contains multiple child components. */
.np-frame-outer[b-mh6zdg1b8r] {
    display: flex;
    justify-content: center;
    padding: 4px 0 12px;
}

.np-frame[b-mh6zdg1b8r] {
    position: relative;
    width: 100%;
    max-width: 320px;
    aspect-ratio: 9 / 16;
    border-radius: 32px;
    background: #0a0a0a;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.08),
        0 18px 38px rgba(0, 0, 0, 0.55),
        0 4px 12px rgba(0, 0, 0, 0.4);
    padding: 8px;
    box-sizing: border-box;
    isolation: isolate;
}

.np-notch[b-mh6zdg1b8r] {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 18px;
    border-radius: 12px;
    background: #000;
    z-index: 10;
    pointer-events: none;
}

.np-stage[b-mh6zdg1b8r] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: #15171a;
    display: flex;
    flex-direction: column;
}

.np-stage-tappable[b-mh6zdg1b8r] {
    cursor: pointer;
}

.np-stage-tappable:focus-visible[b-mh6zdg1b8r] {
    outline: 2px solid rgba(255, 255, 255, 0.45);
    outline-offset: -4px;
}

/* Flex spacer between the top of the stage and the story panel */
.np-tap-area[b-mh6zdg1b8r] {
    flex: 1;
    min-height: 0;
}
/* /Features/StoryEditor/Components/Panels/PropertiesPanel.razor.rz.scp.css */
[b-urknj9mz5p] .mud-tabs-tabbar {
    border-radius: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-urknj9mz5p] .mud-tabs-tabbar-dark .mud-tab-slider {
    background: var(--mud-palette-primary);
}

[b-urknj9mz5p] .properties-expansion-panels {
    padding: 12px;
    background-color: var(--mud-palette-surface);
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel {
    margin: 0 0 12px 0 !important;
    background-color: var(--mud-palette-surface) !important;
    border: 1px solid var(--mud-palette-divider) !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel.mud-panel-expanded {
    margin: 0 0 12px 0 !important;
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel:last-child {
    margin-bottom: 0 !important;
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel-header {
    background-color: var(--mud-palette-dark) !important;
    padding: 10px 16px !important;
    min-height: unset !important;
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel.mud-panel-expanded .mud-expand-panel-header {
    border-bottom: 1px solid var(--mud-palette-divider) !important;
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel-content {
    padding: 0 !important;
    background-color: var(--mud-palette-surface) !important;
}

.properties-empty-state[b-urknj9mz5p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 32px 20px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
    line-height: 1.5;
}

[b-urknj9mz5p] .properties-empty-state-icon {
    font-size: 2.2rem !important;
    color: var(--mud-palette-text-secondary);
    opacity: 0.35;
}

[b-urknj9mz5p] .properties-expansion-panels .mud-expand-panel-content > * {
    animation: properties-panel-content-fade-b-urknj9mz5p 200ms ease-out both;
}

@keyframes properties-panel-content-fade-b-urknj9mz5p {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Features/StoryEditor/Components/Panels/PropertiesPanelSkeleton.razor.rz.scp.css */
.properties-panel-skeleton[b-z5c6vfh7nk] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    margin-bottom: 12px;
}

.properties-panel-skeleton__header[b-z5c6vfh7nk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background-color: var(--mud-palette-dark);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.properties-panel-skeleton__body[b-z5c6vfh7nk] {
    min-height: calc(var(--skeleton-height, 160px) - 42px);
    padding: 14px 16px;
    background-color: var(--mud-palette-surface);
}

.ps-shimmer[b-z5c6vfh7nk] {
    background: linear-gradient(90deg,
        var(--mud-palette-action-disabled-background) 0%,
        rgba(255, 255, 255, 0.08) 50%,
        var(--mud-palette-action-disabled-background) 100%);
    background-size: 200% 100%;
    animation: properties-panel-skeleton-shimmer-b-z5c6vfh7nk 1.4s linear infinite;
}

.ps-icon[b-z5c6vfh7nk] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.ps-title[b-z5c6vfh7nk] {
    width: 40%;
    height: 12px;
    border-radius: 3px;
}

.ps-chevron[b-z5c6vfh7nk] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-left: auto;
}

@keyframes properties-panel-skeleton-shimmer-b-z5c6vfh7nk {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Features/StoryEditor/Components/Panels/RightSidePanel.razor.rz.scp.css */
.right-side-panel[b-fsj5vgox6a] {
    position: relative;
    height: 100%;
    background-color: var(--mud-palette-surface);
    border-left: 1px solid var(--mud-palette-lines-default);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.right-side-panel[b-fsj5vgox6a]  .right-panel-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.right-side-panel[b-fsj5vgox6a]  .component-editor-panel,
.right-side-panel[b-fsj5vgox6a]  .transition-editor-panel {
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
}

.right-side-panel[b-fsj5vgox6a]  .component-editor-panel:last-child,
.right-side-panel[b-fsj5vgox6a]  .transition-editor-panel:last-child {
    border-bottom: none;
}

.panel-resizer-left[b-fsj5vgox6a] {
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    width: 6px;
    cursor: col-resize;
    z-index: 100;
    background-color: transparent;
    border-left: 1px solid var(--mud-palette-lines-default);
    transition: background-color 0.2s;
}

.panel-resizer-left:hover[b-fsj5vgox6a] {
    background-color: var(--mud-palette-primary);
}

.right-side-panel[b-fsj5vgox6a]  .highlight-drop-zone::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px dashed var(--mud-palette-success);
    pointer-events: none;
    z-index: 9999;
}
/* /Features/StoryEditor/Components/StatusBar/EditorStatusBar.razor.rz.scp.css */
.editor-status-bar[b-atcpup7p9v] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 26px;
    padding: 0 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
}

.status-bar-spacer[b-atcpup7p9v] {
    flex: 1 1 auto;
}

.status-bar-section[b-atcpup7p9v] {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
    white-space: nowrap;
}

.status-bar-section-right[b-atcpup7p9v] {
    gap: 4px;
}

.editor-status-bar[b-atcpup7p9v]  .mud-icon-root {
    font-size: 1rem;
}

.editor-status-bar[b-atcpup7p9v]  .mud-typography {
    line-height: 1;
}
/* /Features/StoryEditor/Components/StatusBar/StoryMetricsStatus.razor.rz.scp.css */
.metrics-status-trigger[b-hctu0rjk3u] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    cursor: pointer;
    border-radius: var(--mud-default-borderradius);
}

.metrics-status-trigger:hover[b-hctu0rjk3u] {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Features/StoryEditor/Components/Tabs/CharacterManagementTabContent.razor.rz.scp.css */
.character-management-tab-content[b-won816w29j] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.character-management-container[b-won816w29j] {
    width: 100%;
    padding: 16px;
}
/* /Features/StoryEditor/Components/Tabs/EditorTabBar.razor.rz.scp.css */
.editor-tab-bar[b-shsje44fss] {
    display: flex;
    align-items: center;
    background-color: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 0 8px;
    min-height: 40px;
    flex-shrink: 0;
}

.tab-list[b-shsje44fss] {
    display: flex;
    gap: 4px;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
}

.tab-list[b-shsje44fss]::-webkit-scrollbar {
    height: 4px;
}

.tab-list[b-shsje44fss]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-action-disabled);
    border-radius: 4px;
}

.editor-tab[b-shsje44fss] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    min-width: 120px;
    max-width: 200px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-lines-default);
    border-bottom: none;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.editor-tab:hover[b-shsje44fss] {
    background-color: var(--mud-palette-action-default-hover);
}

.editor-tab.active[b-shsje44fss] {
    background-color: var(--mud-palette-surface);
    border-bottom: 2px solid var(--mud-palette-primary);
}

.tab-title[b-shsje44fss] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}

.tab-close-button[b-shsje44fss] {
    padding: 2px;
    margin: -4px;
}

.tab-close-button:hover[b-shsje44fss] {
    background-color: var(--mud-palette-error-hover);
}
/* /Features/StoryEditor/Components/Tabs/GlobalEventsTabContent.razor.rz.scp.css */
.global-rules-tab-content[b-1x12xoka9d] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.global-rules-container[b-1x12xoka9d] {
    width: 100%;
    padding: 16px;
}
/* /Features/StoryEditor/Components/Tabs/StatsTabContent.razor.rz.scp.css */
.variables-tab-content[b-kaewnln7ti] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.variables-container[b-kaewnln7ti] {
    width: 100%;
    padding: 16px;
}

.variables-tabs[b-kaewnln7ti] {
    height: 100%;
}
/* /Features/StoryEditor/Components/Tabs/TabBar.razor.rz.scp.css */
.editor-tab-bar[b-q7zk6ojzsh] {
    display: flex;
    align-items: center;
    background-color: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 0 8px;
    min-height: 40px;
    flex-shrink: 0;
}

.tab-list[b-q7zk6ojzsh] {
    display: flex;
    gap: 1px;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 12px;
}

.tab-list[b-q7zk6ojzsh]::-webkit-scrollbar {
    height: 4px;
}

.tab-list[b-q7zk6ojzsh]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-action-disabled);
    border-radius: 4px;
}

.editor-tab[b-q7zk6ojzsh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    min-width: 120px;
    max-width: 200px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-lines-default);
    border-bottom: none;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.editor-tab:hover[b-q7zk6ojzsh] {
    background-color: var(--mud-palette-action-default-hover);
}

.editor-tab.active[b-q7zk6ojzsh] {
    background-color: var(--mud-palette-surface);
    border-bottom: 2px solid var(--mud-palette-primary);
}

.tab-title[b-q7zk6ojzsh] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}

.tab-close-button[b-q7zk6ojzsh] {
    padding: 2px;
    margin: -4px;
}

.tab-close-button:hover[b-q7zk6ojzsh] {
    background-color: var(--mud-palette-error-hover);
}
/* /Features/StoryEditor/Components/Tabs/VariablesTabContent.razor.rz.scp.css */
.variables-tab-content[b-81gjpd98kr] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.variables-container[b-81gjpd98kr] {
    width: 100%;
    padding: 16px;
}

.variables-tabs[b-81gjpd98kr] {
    height: 100%;
}
/* /Features/StoryEditor/Components/Validation/ValidationStatusChip.razor.rz.scp.css */
.validation-status-chip[b-tg4hga3n0h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 8px;
    cursor: pointer;
    border-radius: var(--mud-default-borderradius);
}

.validation-status-chip:hover[b-tg4hga3n0h] {
    background-color: rgba(255, 255, 255, 0.1);
}

.validation-status-count[b-tg4hga3n0h] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
/* /Features/StoryEditor/Views/EposEditor.razor.rz.scp.css */
.editor-layout[b-pms0ogjh01] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.editor-layout[b-pms0ogjh01]  .editor-body {
    display: flex;
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.editor-main-area[b-pms0ogjh01] {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    overflow: hidden;
    background-color: var(--mud-palette-background);
}

.editor-diagram-area[b-pms0ogjh01] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.editor-bottom-panel[b-pms0ogjh01] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
}

.editor-layout[b-pms0ogjh01]  .header-panel {
    background-color: var(--mud-palette-background);
}

@media (pointer: coarse) {
    .editor-layout[b-pms0ogjh01]  .mud-drop-item[index="-1"] {
        position: fixed !important;
        z-index: 3000 !important;
        width: auto !important;
        margin: 0 !important;
    }
}
/* /Features/Variables/Components/VariableEnumEditor.razor.rz.scp.css */
[b-3uz3buhf4y] .enum-menu {
    width: 460px;
    max-width: 90vw;
}

[b-3uz3buhf4y] .enum-list {
    max-height: 260px;
    overflow-y: auto;
}

.enum-item[b-3uz3buhf4y] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.enum-item .mud-input-control[b-3uz3buhf4y] {
    flex: 1;
    min-width: 0;
}

.enum-empty-hint[b-3uz3buhf4y] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}
/* /Features/Variables/Components/VariableForm.razor.rz.scp.css */
.variable-row[b-s66umj8eoe] {
    border-radius: 12px;
}

.variable-row-fields[b-s66umj8eoe] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.variable-name[b-s66umj8eoe] {
    min-width: 140px;
    flex: 2 1 140px;
}

.variable-type[b-s66umj8eoe] {
    min-width: 110px;
    flex: 1 1 110px;
}

.variable-default[b-s66umj8eoe] {
    min-width: 110px;
    flex: 1 1 110px;
}

.variable-min[b-s66umj8eoe],
.variable-max[b-s66umj8eoe] {
    min-width: 80px;
    flex: 1 1 80px;
}

.variable-range[b-s66umj8eoe] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-width: 190px;
    flex: 2 1 190px;
}

.range-separator[b-s66umj8eoe] {
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
    margin: 0;
}

.variable-name .mud-input-control[b-s66umj8eoe],
.variable-type .mud-input-control[b-s66umj8eoe],
.variable-default .mud-input-control[b-s66umj8eoe],
.variable-min .mud-input-control[b-s66umj8eoe],
.variable-max .mud-input-control[b-s66umj8eoe] {
    margin-bottom: 0;
    width: 100%;
    min-width: unset;
    flex: none;
}

.variable-name .mud-input-label[b-s66umj8eoe],
.variable-type .mud-input-label[b-s66umj8eoe],
.variable-default .mud-input-label[b-s66umj8eoe],
.variable-min .mud-input-label[b-s66umj8eoe],
.variable-max .mud-input-label[b-s66umj8eoe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 16px);
}

/* /Features/Variables/Components/VariableManagement.razor.rz.scp.css */
.variables-panel[b-u6xiimwqhi] {
    display: flex;
    flex-direction: column;
}

[b-u6xiimwqhi] .variable-clickable-wrapper {
    cursor: pointer;
}

[b-u6xiimwqhi] .variable-item-paper {
    border: 1px solid var(--mud-palette-divider);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background)) !important;
    border-left: 3px solid var(--mud-palette-divider) !important;
    transition: border-color 0.15s ease;
}

[b-u6xiimwqhi] .variable-clickable-wrapper:hover .variable-item-paper {
    border-left-color: var(--mud-palette-primary) !important;
}

[b-u6xiimwqhi] .variable-item-actions {
    opacity: 0;
    transition: opacity 0.15s ease;
}

[b-u6xiimwqhi] .variable-clickable-wrapper:hover .variable-item-actions {
    opacity: 1;
}

[b-u6xiimwqhi] .variable-type-chip {
    background-color: var(--mud-palette-warning) !important;
    color: var(--mud-palette-surface) !important;
}
/* /Shared/Components/ChapterReviewRow.razor.rz.scp.css */
.review-row-wrapper[b-rw9ekg2ou9] {
    transition: background-color 0.15s ease;
}

.review-row-wrapper:has(.clickable):hover[b-rw9ekg2ou9] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 3%, transparent);
}

.review-row[b-rw9ekg2ou9] {
    min-height: 68px;
}

.review-row.clickable[b-rw9ekg2ou9] {
    cursor: pointer;
    outline: none;
}

.review-row.clickable:focus-visible[b-rw9ekg2ou9] {
    box-shadow: inset 0 0 0 2px var(--mud-palette-primary);
}

/* chevron rotation */
.expand-chevron[b-rw9ekg2ou9] {
    opacity: 0.45;
    transition: transform 0.25s ease, opacity 0.15s ease;
}

.expand-chevron.expanded[b-rw9ekg2ou9] {
    transform: rotate(180deg);
    opacity: 0.7;
}

/* grid height animation */
.expand-wrapper[b-rw9ekg2ou9] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.28s ease;
}

.expand-wrapper.open[b-rw9ekg2ou9] {
    grid-template-rows: 1fr;
}

.expand-inner[b-rw9ekg2ou9] {
    overflow: hidden;
}

/* expanded panel */
.expanded-content[b-rw9ekg2ou9] {
    border-top: 1px solid var(--mud-palette-divider);
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
}

.cover-large[b-rw9ekg2ou9] {
    width: 72px;
    height: 96px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    cursor: zoom-in;
    transition: opacity 0.15s ease;
}

.cover-large:hover[b-rw9ekg2ou9] {
    opacity: 0.85;
}

.descriptions-column[b-rw9ekg2ou9] {
    flex: 1;
    min-width: 0;
}

.description-section[b-rw9ekg2ou9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.description-label[b-rw9ekg2ou9] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-primary);
}

.description-label--story[b-rw9ekg2ou9] {
    font-size: 12px;
}

.description-label-value[b-rw9ekg2ou9] {
    text-transform: none;
}

.description-label--chapter[b-rw9ekg2ou9] {
    font-size: 10px;
}

.min-width-0[b-rw9ekg2ou9] {
    min-width: 0;
}

.row-label[b-rw9ekg2ou9] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 1px 5px;
    border-radius: 3px;
    line-height: 1.6;
}

.row-label--chapter[b-rw9ekg2ou9] {
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
    color: var(--mud-palette-text-secondary);
}

.row-label--story[b-rw9ekg2ou9] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.meta-strip[b-rw9ekg2ou9] {
    margin-top: 2px;
}

.meta-chip[b-rw9ekg2ou9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 25px;
    padding: 0 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
    color: var(--mud-palette-text-secondary);
}

.meta-chip__icon[b-rw9ekg2ou9] {
    font-size: 11px !important;
    width: 11px !important;
    height: 11px !important;
}

.meta-chip--age[b-rw9ekg2ou9] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 15%, transparent);
    color: var(--mud-palette-warning-darken);
}

.meta-chip--tag[b-rw9ekg2ou9] {
    background-color: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    color: var(--mud-palette-error);
}

.meta-chip--ai[b-rw9ekg2ou9] {
    background-color: color-mix(in srgb, var(--mud-palette-tertiary) 15%, transparent);
    color: var(--mud-palette-tertiary);
}
/* /Shared/Components/ChapterReviewRowsSkeleton.razor.rz.scp.css */
.crr-label[b-2gkstivj6w] {
    width: 58px;
    height: 14px;
    border-radius: 3px;
}

.crr-title[b-2gkstivj6w] {
    width: 42%;
    height: 14px;
}

.crr-time[b-2gkstivj6w] {
    width: 48px;
    height: 11px;
}

.crr-btn[b-2gkstivj6w] {
    width: 110px;
    height: 30px;
    border-radius: 8px;
}

.crr-chevron[b-2gkstivj6w] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
/* /Shared/Components/CountBadge.razor.rz.scp.css */
.count-badge[b-jz8jbdf2hm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
}

.count-badge--primary[b-jz8jbdf2hm] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.count-badge--success[b-jz8jbdf2hm] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
}

.count-badge--error[b-jz8jbdf2hm] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
}

.count-badge--info[b-jz8jbdf2hm] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.count-badge--default[b-jz8jbdf2hm] {
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
}

/* While loading, the badge is a plain static placeholder pill that reserves its space
   (no pulsing) so the count can appear without shifting the layout. */
/* While loading, show a muted "–" placeholder so the badge reserves its space
   and stays readable without any animation. */
.count-badge--loading[b-jz8jbdf2hm] {
    background: var(--mud-palette-background-grey) !important;
    color: var(--mud-palette-text-disabled) !important;
}
/* /Shared/Components/CurrentUserInfo.razor.rz.scp.css */
.user-trigger[b-h6bcxxn4ar] {
	justify-content: center;
    padding-top: 6px;
    padding-bottom: 6px;
    transition: background-color 0.2s;
}

.user-info-text[b-h6bcxxn4ar] {
	max-width: calc(100% - 52px);
    min-width: 0;
}

[b-h6bcxxn4ar] .custom-menu-borders .mud-divider {
	border-color: var(--mud-palette-lines-default);
	border-width: 1px;
}
[b-h6bcxxn4ar] .custom-menu-borders {
	border: 1px solid var(--mud-palette-lines-default);
}

.account-menu-row[b-h6bcxxn4ar] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
}

.account-menu-row:hover[b-h6bcxxn4ar] {
    background-color: var(--mud-palette-action-default-hover);
}

.account-menu-row[b-h6bcxxn4ar]  .mud-menu-submenu-icon {
    margin-right: -4px;
}
/* /Shared/Components/DangerButton.razor.rz.scp.css */
[b-6y4n18qtfb]::host  .mud-button-root {
	border-radius: var(--mud-default-borderradius);
}
/* /Shared/Components/EmptyState.razor.rz.scp.css */
.empty-state[b-k9tonaa4ez] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 56px 24px;
    gap: 6px;
}

.empty-state[b-k9tonaa4ez]  .empty-state__icon {
    font-size: 44px;
    color: var(--mud-palette-text-disabled);
    margin-bottom: 6px;
}

.empty-state__title[b-k9tonaa4ez] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.empty-state__message[b-k9tonaa4ez] {
    max-width: 400px;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}

.empty-state__action[b-k9tonaa4ez] {
    margin-top: 12px;
}
/* /Shared/Components/EposDialog.razor.rz.scp.css */
.epos-dialog__head[b-75txu2snxo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.epos-dialog__titles[b-75txu2snxo] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}
/* /Shared/Components/Feedback/FeedbackDialog.razor.rz.scp.css */
.feedback-screenshot-dropzone[b-xfckpvkhjg] {
    display: block;
    cursor: pointer;
    width: 100%;
}

.feedback-screenshot-dropzone[b-xfckpvkhjg]  .feedback-screenshot-paper {
    border-style: dashed !important;
    border-color: var(--mud-palette-lines-default) !important;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.feedback-screenshot-dropzone:hover[b-xfckpvkhjg]  .feedback-screenshot-paper {
    border-color: var(--mud-palette-primary) !important;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
}

.feedback-screenshot-dropzone[b-xfckpvkhjg]  .feedback-screenshot-paper--has-file {
    padding: 8px 16px;
    justify-content: flex-start;
}
/* /Shared/Components/FileDropZone.razor.rz.scp.css */
.file-dropzone-wrapper[b-4j0ivtlpsl]  input[type="file"] {
    cursor: pointer !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.file-dropzone-wrapper[b-4j0ivtlpsl]  input[type="file"]::-webkit-file-upload-button {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

.file-dropzone-wrapper[b-4j0ivtlpsl]  input[type="file"]::file-selector-button {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

.file-dropzone-wrapper[b-4j0ivtlpsl]  .dropzone-paper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 24px;
    border-style: dashed !important;
    border-color: var(--mud-palette-lines-default) !important;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.file-dropzone-wrapper--drag-active[b-4j0ivtlpsl]  .dropzone-paper {
    border-color: var(--mud-palette-primary) !important;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
}

.file-dropzone-wrapper--custom[b-4j0ivtlpsl] {
    cursor: pointer;
}

.file-dropzone-wrapper--custom.file-dropzone-wrapper--drag-active[b-4j0ivtlpsl] {
    border-radius: 14px;
    box-shadow: 0 0 0 2px var(--mud-palette-primary);
}
/* /Shared/Components/ImageDropZone.razor.rz.scp.css */
.image-drop-zone-wrapper[b-aemd7b5u3f] {
    position: relative;
}

.image-drop-zone-remove-wrapper[b-aemd7b5u3f] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 40;
    pointer-events: auto;
}

[b-aemd7b5u3f] .image-drop-zone-remove {
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: background-color 0.15s ease,
                border-color 0.15s ease,
                color 0.15s ease,
                transform 0.15s ease;
}

[b-aemd7b5u3f] .image-drop-zone-remove .mud-icon-root {
    color: var(--mud-palette-error);
    transition: color 0.15s ease;
}

[b-aemd7b5u3f] .image-drop-zone-remove:hover {
    background-color: var(--mud-palette-error) !important;
    border-color: var(--mud-palette-error);
    transform: scale(1.05);
}

[b-aemd7b5u3f] .image-drop-zone-remove:hover .mud-icon-root {
    color: var(--mud-palette-error-text, #fff) !important;
}

[b-aemd7b5u3f] .image-drop-zone-remove:active {
    transform: scale(0.95);
}
/* /Shared/Components/ImagePreviewDialog.razor.rz.scp.css */
.image-preview-dialog[b-j87zf1xad7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-preview-dialog__img[b-j87zf1xad7] {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-divider);
    display: block;
}

[b-j87zf1xad7] .image-preview-dialog__close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.55) !important;
    color: #fff !important;
}
/* /Shared/Components/MediaCompressionDropZone.razor.rz.scp.css */
.media-compression-dropzone-wrapper[b-4riazni9ur] {
    width: 100%;
}

.media-compression-dropzone-wrapper[b-4riazni9ur]  .media-compression-dropzone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 24px;
    border-style: dashed !important;
    border-color: var(--mud-palette-lines-default) !important;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.media-compression-dropzone-wrapper--drag-active[b-4riazni9ur]  .media-compression-dropzone {
    border-color: var(--mud-palette-primary) !important;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
}
/* /Shared/Components/PageTabBar.razor.rz.scp.css */
.tab-bar-header[b-yqpnt3k2p0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
}

.tab-bar-group[b-yqpnt3k2p0] {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
}

.tab-bar-indicator[b-yqpnt3k2p0] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    opacity: 0;
    border-radius: 2px 2px 0 0;
    background-color: var(--mud-palette-primary);
    pointer-events: none;
    transform: translateX(0);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
                width 0.28s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.15s ease;
    will-change: transform, width;
}

.tab-bar-item[b-yqpnt3k2p0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
}

.tab-bar-item:hover[b-yqpnt3k2p0] {
    color: var(--mud-palette-text-primary);
}

.tab-bar-item--active[b-yqpnt3k2p0] {
    color: var(--mud-palette-primary);
}

.tab-bar-count[b-yqpnt3k2p0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 0.6875rem;
    font-weight: 600;
    background-color: var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.tab-bar-item--active .tab-bar-count[b-yqpnt3k2p0] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 15%, transparent);
    color: var(--mud-palette-primary);
}

/* Static placeholder pill while the count loads — reserves the space, no animation. */
.tab-bar-count--loading[b-yqpnt3k2p0] {
    color: var(--mud-palette-text-disabled);
}

.tab-bar-count--primary[b-yqpnt3k2p0] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 15%, transparent);
    color: var(--mud-palette-primary);
}

.tab-bar-count--info[b-yqpnt3k2p0] {
    background-color: color-mix(in srgb, var(--mud-palette-info) 15%, transparent);
    color: var(--mud-palette-info);
}

.tab-bar-count--success[b-yqpnt3k2p0] {
    background-color: color-mix(in srgb, var(--mud-palette-success) 15%, transparent);
    color: var(--mud-palette-success);
}
/* /Shared/Components/PrimaryButton.razor.rz.scp.css */
[b-qnhjiij2n0]::host  .mud-button-root {
	border-radius: var(--mud-default-borderradius);
}
/* /Shared/Components/RichTextView.razor.rz.scp.css */
.rich-text-view[b-jwtehlrboa] {
    font-size: 0.875rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.rich-text-view[b-jwtehlrboa]  p {
    margin: 0 0 0.5em;
}

.rich-text-view[b-jwtehlrboa]  p:last-child {
    margin-bottom: 0;
}

.rich-text-view[b-jwtehlrboa]  ul,
.rich-text-view[b-jwtehlrboa]  ol {
    margin: 0.25em 0;
    padding-left: 1.5em;
}
/* /Shared/Components/SecondaryButton.razor.rz.scp.css */
[b-d1pm0sk2bf]::host  .mud-button-root {
	border-radius: var(--mud-default-borderradius);
}
/* /Shared/Components/SwitchProfileMenu.razor.rz.scp.css */
.account-switcher-back[b-45na2aj1fm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
}

.account-switcher-back:hover[b-45na2aj1fm] {
    background-color: var(--mud-palette-action-default-hover);
}

.account-switcher-search[b-45na2aj1fm] {
    padding: 4px 12px 8px;
}

.account-switcher-empty[b-45na2aj1fm],
.account-switcher-hint[b-45na2aj1fm] {
    display: flex;
    justify-content: center;
    padding: 6px 16px;
}

.account-switcher-row[b-45na2aj1fm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    margin: 2px 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.account-switcher-row:hover[b-45na2aj1fm] {
    background-color: var(--mud-palette-action-default-hover);
}

.account-switcher-row-active[b-45na2aj1fm] {
    background-color: var(--mud-palette-action-default-hover);
}

.account-switcher-row-active[b-45na2aj1fm]  .mud-typography-subtitle2 {
    color: var(--mud-palette-primary);
}

.account-switcher-add[b-45na2aj1fm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    margin: 6px 8px 2px;
    border-radius: 8px;
    cursor: pointer;
}

.account-switcher-add:hover[b-45na2aj1fm] {
    background-color: var(--mud-palette-action-default-hover);
}

.account-switcher-add-icon[b-45na2aj1fm] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px dashed var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
/* /Shared/Components/ToggleButton.razor.rz.scp.css */
.toggle-button[b-bd78mzgps3] {
    position: relative;
    flex-shrink: 0;
    width: 36px;
    height: 20px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-lines-inputs);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 20%, transparent);
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.toggle-button:hover:not(:disabled)[b-bd78mzgps3] {
    border-color: var(--mud-palette-text-secondary);
}

.toggle-button:focus-visible[b-bd78mzgps3] {
    outline: 2px solid color-mix(in srgb, var(--mud-palette-primary) 55%, transparent);
    outline-offset: 2px;
}

.toggle-button:disabled[b-bd78mzgps3] {
    opacity: 0.45;
    cursor: default;
}

.toggle-button-knob[b-bd78mzgps3] {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--mud-palette-text-secondary);
    transform: translateY(-50%);
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.18s ease;
}

.toggle-button--on[b-bd78mzgps3] {
    background-color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.toggle-button--on .toggle-button-knob[b-bd78mzgps3] {
    left: calc(100% - 16px);
    background-color: var(--mud-palette-primary-text);
}

.toggle-button--on:hover:not(:disabled)[b-bd78mzgps3] {
    background-color: var(--mud-palette-primary-darken);
    border-color: var(--mud-palette-primary-darken);
}
/* /Shared/Components/UiSkeleton.razor.rz.scp.css */
.ui-skeleton[b-4smo0o8zug] {
    --ui-skeleton-base: var(--mud-palette-action-disabled-background);
    --ui-skeleton-highlight: rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.ui-skeleton-line[b-4smo0o8zug],
.ui-skeleton-rect[b-4smo0o8zug],
.ui-skeleton-circle[b-4smo0o8zug] {
    background: linear-gradient(90deg,
        var(--ui-skeleton-base) 0%,
        var(--ui-skeleton-highlight) 50%,
        var(--ui-skeleton-base) 100%);
    background-size: 200% 100%;
    animation: ui-skeleton-shimmer-b-4smo0o8zug 1.4s linear infinite;
    display: block;
}

.ui-skeleton-line[b-4smo0o8zug] {
    height: 10px;
    border-radius: 4px;
}

.ui-skeleton-line--xs[b-4smo0o8zug] {
    height: 8px;
}

.ui-skeleton-rect[b-4smo0o8zug] {
    width: 100%;
    height: 80px;
    border-radius: 6px;
}

.ui-skeleton-rect--input[b-4smo0o8zug] {
    height: 40px;
}

.ui-skeleton-rect--card[b-4smo0o8zug] {
    height: 140px;
    border-radius: 8px;
}

.ui-skeleton-circle[b-4smo0o8zug] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.ui-skeleton-form-row[b-4smo0o8zug] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ui-skeleton-list-row[b-4smo0o8zug] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 0;
}

.ui-skeleton-list-text[b-4smo0o8zug] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@keyframes ui-skeleton-shimmer-b-4smo0o8zug {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Shared/Layout/AuthLayout.razor.rz.scp.css */
.auth-lang[b-0v1mdmuc5w] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

.auth-page[b-0v1mdmuc5w] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(ellipse 60% 40% at 50% 38%, color-mix(in srgb, var(--mud-palette-primary) 6%, transparent) 0%, transparent 70%),
        #141B1E;
}


[b-0v1mdmuc5w] .auth-logo {
    width: 220px;
    max-width: 70%;
    height: auto;
    margin-top: 56px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 4px 24px color-mix(in srgb, var(--mud-palette-primary) 25%, transparent));
}

.animated[b-0v1mdmuc5w]  .auth-logo {
    animation: auth-logo-in-b-0v1mdmuc5w 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes auth-logo-in-b-0v1mdmuc5w {
    from { opacity: 0; transform: translateY(-18px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

[b-0v1mdmuc5w] .auth-card {
    position: relative;
    z-index: 1;
    width: 420px;
    max-width: 94%;
    padding: 36px 32px 32px;
    margin-bottom: 48px;
    border-radius: 16px;
    background: rgba(26, 36, 40, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset,
        0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

.animated[b-0v1mdmuc5w]  .auth-card {
    animation: auth-card-in-b-0v1mdmuc5w 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}

@keyframes auth-card-in-b-0v1mdmuc5w {
    from { opacity: 0; transform: translateY(16px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

[b-0v1mdmuc5w] .auth-section-title {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
    margin-bottom: 4px;
}

[b-0v1mdmuc5w] .auth-divider-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 20px 0 16px;
}

[b-0v1mdmuc5w] .auth-divider-row .auth-divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.10) 50%,
        transparent
    );
}

[b-0v1mdmuc5w] .auth-divider-row .auth-divider-text {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.30);
    white-space: nowrap;
}

/* ───────── Forgot-password link ───────── */
[b-0v1mdmuc5w] .auth-forgot-link {
    display: block;
    text-align: right;
    margin-top: -4px;
}

[b-0v1mdmuc5w] .auth-forgot-link a,
[b-0v1mdmuc5w] .auth-forgot-link .mud-link {
    font-size: 0.8rem;
    font-weight: 500;
    color: color-mix(in srgb, var(--mud-palette-primary) 75%, transparent);
    text-decoration: none;
    transition: color 0.2s;
}

[b-0v1mdmuc5w] .auth-forgot-link a:hover,
[b-0v1mdmuc5w] .auth-forgot-link .mud-link:hover {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

[b-0v1mdmuc5w] .auth-footer {
    text-align: center;
    margin-top: 8px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.50);
}

[b-0v1mdmuc5w] .auth-footer a,
[b-0v1mdmuc5w] .auth-footer .mud-link {
    font-weight: 600;
    color: var(--mud-palette-primary);
    text-decoration: none;
    transition: color 0.2s;
}

[b-0v1mdmuc5w] .auth-footer a:hover,
[b-0v1mdmuc5w] .auth-footer .mud-link:hover {
    color: var(--mud-palette-primary-lighten);
    text-decoration: underline;
}

[b-0v1mdmuc5w] .auth-description {
    text-align: center;
    color: rgba(255, 255, 255, 0.50);
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 4px;
}

[b-0v1mdmuc5w] .auth-back-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 12px;
}

[b-0v1mdmuc5w] .auth-back-link a,
[b-0v1mdmuc5w] .auth-back-link .mud-link {
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.45);
    text-decoration: none;
    transition: color 0.2s;
}

[b-0v1mdmuc5w] .auth-back-link a:hover,
[b-0v1mdmuc5w] .auth-back-link .mud-link:hover {
    color: rgba(255, 255, 255, 0.70);
}

[b-0v1mdmuc5w] .auth-back-link .mud-icon-root {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.35);
}

[b-0v1mdmuc5w] .auth-card .mud-input-outlined .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.10) !important;
    border-radius: 10px;
    transition: border-color 0.2s;
}

[b-0v1mdmuc5w] .auth-card .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.18) !important;
}


[b-0v1mdmuc5w] .auth-card .mud-input {
    color: rgba(255, 255, 255, 0.90) !important;
}

[b-0v1mdmuc5w] .auth-card .mud-input-label {
    color: rgba(255, 255, 255, 0.40) !important;
    font-size: 0.875rem;
}

[b-0v1mdmuc5w] .auth-card .mud-input-label-inputcontrol.mud-input-label-animated {
    color: rgba(255, 255, 255, 0.40) !important;
}


@media (max-width: 600px) {
    [b-0v1mdmuc5w] .auth-logo {
        width: 170px;
        margin-top: 36px;
        margin-bottom: 28px;
    }

    [b-0v1mdmuc5w] .auth-card {
        padding: 28px 20px 24px;
        border-radius: 12px;
    }
}
/* /Shared/Layout/EditorLayout.razor.rz.scp.css */
.editor-layout-wrapper[b-08io6lo1dm] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.editor-layout-wrapper[b-08io6lo1dm]  .mud-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.editor-main-content[b-08io6lo1dm] {
    flex: 1;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.editor-main-content[b-08io6lo1dm]  .mud-main-content {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    flex: 1;
    display: flex;
    overflow: hidden;
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
[b-j9emxn88s2] .app-drawer.mud-drawer {
    border-right: 1px solid var(--mud-palette-divider) !important;
    background:
        radial-gradient(
            ellipse 90% 40% at 50% 8%,
            color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) 0%,
            transparent 70%
        ),
        radial-gradient(
            ellipse 70% 25% at 50% 85%,
            color-mix(in srgb, var(--mud-palette-primary) 5%, transparent) 0%,
            transparent 75%
        ),
        var(--mud-palette-drawer-background, var(--mud-palette-surface)) !important;
}

[b-j9emxn88s2] .app-drawer-header {
    padding: 32px 16px 24px !important;
    min-height: 0 !important;
    display: flex;
    justify-content: center;
    position: relative;
}

[b-j9emxn88s2] .app-drawer-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at 50% 55%,
        color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) 0%,
        color-mix(in srgb, var(--mud-palette-primary) 6%, transparent) 35%,
        transparent 70%
    );
    pointer-events: none;
}

.app-drawer-logo[b-j9emxn88s2] {
    position: relative;
    width: 130px;
    height: auto;
    display: block;
    filter: drop-shadow(0 6px 22px color-mix(in srgb, var(--mud-palette-primary) 35%, transparent));
}

[b-j9emxn88s2] .sidebar-resource-link {
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: var(--mud-palette-primary) !important;
    opacity: 0.65;
    transition: opacity 0.15s ease;
}

[b-j9emxn88s2] .sidebar-resource-link:hover {
    opacity: 1;
}

[b-j9emxn88s2] .sidebar-resource-link .mud-icon-root {
    font-size: 1rem;
}
/* /Shared/Layout/MinimalLayout.razor.rz.scp.css */
.min-layout[b-fm0ydoy1m6] {
    height: 100%;
    width: 100%;
}