/* /Components/App.razor.rz.scp.css */
.browser-app-classic-chrome[b-gs90fa3ou7] {
    margin-bottom: .75rem;
    border: 1px solid #6c655b;
    background: linear-gradient(180deg, #f6f2ea 0, #d8d0c3 48%, #b9b0a1 49%, #ded8ce 100%);
    color: #1f1d1a;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .32) inset;
    position: relative;
    z-index: 10;
}

.browser-app-classic-menu-bar[b-gs90fa3ou7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: stretch;
    padding: 0 .15rem;
    border-bottom: 1px solid #6c655b;
    background: linear-gradient(180deg, #f6f2ea 0, #e3dbcf 58%, #c8bfae 100%);
}

.browser-app-classic-menu-root[b-gs90fa3ou7] {
    position: relative;
}

.browser-app-classic-menu-root > summary[b-gs90fa3ou7],
.browser-app-classic-menu-root > summary[data-app-menu-summary][b-gs90fa3ou7] {
    list-style: none;
    display: flex;
    align-items: center;
    min-height: 1.9rem;
    padding: .2rem .55rem;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    color: #1f1d1a;
    font-size: .78rem;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.browser-app-classic-menu-root > summary[b-gs90fa3ou7]::-webkit-details-marker {
    display: none;
}

.browser-app-classic-menu-root[open] > summary[b-gs90fa3ou7],
.browser-app-classic-menu-root[open] > summary[data-app-menu-summary][b-gs90fa3ou7],
.browser-app-classic-menu-root > summary:hover[b-gs90fa3ou7],
.browser-app-classic-menu-root > summary:focus-visible[b-gs90fa3ou7],
.browser-app-classic-menu-root:focus-within > summary[b-gs90fa3ou7],
.browser-app-classic-menu-root:focus-within > summary[data-app-menu-summary][b-gs90fa3ou7] {
    background: linear-gradient(180deg, #e7eef4 0, #c8d8e6 100%);
    outline: none;
}

.browser-app-classic-menu-flyout[b-gs90fa3ou7] {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width: 12rem;
    display: grid;
    gap: .15rem;
    padding: .18rem;
    border: 1px solid #6c655b;
    background: #f7f4ed;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .18);
    z-index: 20;
}

.browser-app-classic-menu-root:not([open]) > .browser-app-classic-menu-flyout[b-gs90fa3ou7] {
    display: none;
}

.browser-app-classic-menu-flyout a[b-gs90fa3ou7] {
    display: block;
    padding: .34rem .5rem;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #1f1d1a;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.browser-app-classic-menu-flyout a:hover[b-gs90fa3ou7],
.browser-app-classic-menu-flyout a:focus-visible[b-gs90fa3ou7],
.browser-app-classic-menu-flyout a[aria-current="page"][b-gs90fa3ou7] {
    background: #dbeaf6;
    border-color: #56738a;
    outline: none;
}

.browser-app-classic-toolstrip[b-gs90fa3ou7] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .3rem .4rem;
    background: linear-gradient(180deg, #ece5d8 0, #d7cdbd 100%);
}

.browser-app-classic-toolstrip a[b-gs90fa3ou7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.95rem;
    padding: .28rem .58rem;
    border: 1px solid #7a7266;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbf8f2 0, #e1d8cb 100%);
    color: #1f1d1a;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
}

.browser-app-classic-toolstrip a:hover[b-gs90fa3ou7],
.browser-app-classic-toolstrip a:focus-visible[b-gs90fa3ou7],
.browser-app-classic-toolstrip a[aria-current="page"][b-gs90fa3ou7] {
    background: linear-gradient(180deg, #e7eef4 0, #c8d8e6 100%);
    border-color: #56738a;
    outline: none;
}

.browser-app-roster-head[b-gs90fa3ou7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: end;
    padding: .65rem 0 .75rem;
    border-bottom: 1px solid rgba(244, 207, 115, .22);
}

.browser-app-roster-head span[b-gs90fa3ou7],
.browser-app-runner-panel span[b-gs90fa3ou7],
.browser-app-example-panel h2[b-gs90fa3ou7] {
    color: #d8bf7a;
    font-size: .78rem;
    font-weight: 800;
}

.browser-app-roster-head h1[b-gs90fa3ou7],
.browser-app-roster-head p[b-gs90fa3ou7],
.browser-app-runner-panel h2[b-gs90fa3ou7],
.browser-app-runner-panel p[b-gs90fa3ou7],
.browser-app-example-panel h2[b-gs90fa3ou7] {
    margin: 0;
}

.browser-app-roster-head h1[b-gs90fa3ou7] {
    color: #fff8e8;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1;
}

.browser-app-roster-head p[b-gs90fa3ou7],
.browser-app-runner-panel p[b-gs90fa3ou7],
.browser-app-example-runners small[b-gs90fa3ou7] {
    color: rgba(247, 242, 232, .72);
}

.browser-app-roster-actions[b-gs90fa3ou7],
.browser-app-runner-actions[b-gs90fa3ou7],
.browser-app-roster-toolbar[b-gs90fa3ou7] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.browser-app-roster-actions a[b-gs90fa3ou7],
.browser-app-runner-actions a[b-gs90fa3ou7],
.browser-app-roster-toolbar button[b-gs90fa3ou7] {
    min-height: 2.15rem;
    padding: .45rem .7rem;
    border: 1px solid rgba(244, 207, 115, .28);
    border-radius: .35rem;
    background: rgba(255, 255, 255, .055);
    color: #fff8e8;
    font: inherit;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.browser-app-roster-actions a:first-child[b-gs90fa3ou7],
.browser-app-runner-actions a:first-child[b-gs90fa3ou7] {
    border-color: rgba(143, 240, 188, .5);
    background: rgba(143, 240, 188, .14);
}

.browser-app-roster-actions a:hover[b-gs90fa3ou7],
.browser-app-runner-actions a:hover[b-gs90fa3ou7],
.browser-app-roster-toolbar button:hover[b-gs90fa3ou7],
.browser-app-example-runners a:hover[b-gs90fa3ou7],
.browser-app-roster-tree a:hover[b-gs90fa3ou7] {
    border-color: rgba(143, 240, 188, .72);
    background: rgba(143, 240, 188, .12);
}

.browser-app-roster-grid[b-gs90fa3ou7] {
    display: grid;
    grid-template-columns: minmax(14rem, .7fr) minmax(24rem, 1.45fr) minmax(15rem, .85fr);
    gap: .75rem;
    min-height: min(72vh, 44rem);
    padding-top: .75rem;
}

.browser-app-roster-tree[b-gs90fa3ou7],
.browser-app-runner-panel[b-gs90fa3ou7],
.browser-app-example-panel[b-gs90fa3ou7] {
    min-width: 0;
    border: 1px solid rgba(244, 207, 115, .2);
    border-radius: .5rem;
    background: rgba(5, 7, 10, .68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.browser-app-roster-tree[b-gs90fa3ou7],
.browser-app-example-panel[b-gs90fa3ou7] {
    padding: .7rem;
}

.browser-app-roster-toolbar[b-gs90fa3ou7] {
    margin-bottom: .6rem;
}

.browser-app-roster-tree ul[b-gs90fa3ou7] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.browser-app-roster-tree ul ul[b-gs90fa3ou7] {
    margin: .25rem 0 .5rem .85rem;
}

.browser-app-roster-tree li[b-gs90fa3ou7] {
    margin: .12rem 0;
}

.browser-app-roster-tree span[b-gs90fa3ou7],
.browser-app-roster-tree a[b-gs90fa3ou7] {
    display: block;
    padding: .38rem .45rem;
    border: 1px solid transparent;
    border-radius: .3rem;
}

.browser-app-roster-tree span[b-gs90fa3ou7] {
    color: #d8bf7a;
    font-size: .8rem;
    font-weight: 850;
}

.browser-app-roster-tree a[b-gs90fa3ou7] {
    color: #fff8e8;
    text-decoration: none;
}

.browser-app-roster-tree [aria-selected="true"] a[b-gs90fa3ou7] {
    border-color: rgba(143, 240, 188, .58);
    background: rgba(143, 240, 188, .13);
}

.browser-app-runner-panel[b-gs90fa3ou7] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    padding: .9rem;
}

.browser-app-runner-panel h2[b-gs90fa3ou7] {
    color: #fff8e8;
    font-size: clamp(1.4rem, 2vw, 2rem);
}

.browser-app-runner-stats[b-gs90fa3ou7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    margin: .85rem 0;
}

.browser-app-runner-stats span[b-gs90fa3ou7] {
    display: grid;
    gap: .15rem;
    padding: .55rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .35rem;
    background: rgba(255, 255, 255, .052);
}

.browser-app-runner-stats strong[b-gs90fa3ou7] {
    color: #fff8e8;
    font-size: .95rem;
}

.browser-app-runner-stats small[b-gs90fa3ou7] {
    color: rgba(247, 242, 232, .62);
}

.browser-app-runner-actions[b-gs90fa3ou7] {
    align-self: end;
}

.browser-app-example-panel[b-gs90fa3ou7] {
    display: grid;
    align-content: start;
    gap: .6rem;
}

.browser-app-example-runners[b-gs90fa3ou7] {
    display: grid;
    gap: .45rem;
}

.browser-app-example-runners a[b-gs90fa3ou7] {
    display: grid;
    gap: .16rem;
    min-height: 0;
    padding: .55rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .35rem;
    background: rgba(255, 255, 255, .052);
    color: #fff8e8;
    text-decoration: none;
}

.browser-app-example-runners strong[b-gs90fa3ou7] {
    color: #fff8e8;
}

.browser-app-statusbar[b-gs90fa3ou7] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin-top: .75rem;
    padding: .28rem .45rem;
    border: 1px solid rgba(244, 207, 115, .18);
    background: rgba(255, 255, 255, .045);
    color: rgba(247, 242, 232, .78);
    font-size: .76rem;
}

.browser-app-statusbar span[b-gs90fa3ou7] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0 .42rem;
    border: 1px solid rgba(244, 207, 115, .14);
    background: rgba(0, 0, 0, .18);
}

.browser-app-statusbar strong[b-gs90fa3ou7] {
    color: #fff8e8;
}

@media (max-width: 920px) {
    .browser-app-classic-menu-bar[b-gs90fa3ou7] {
        gap: .2rem;
        padding: .25rem;
        border-bottom: 0;
    }

    .browser-app-classic-menu-root > summary[b-gs90fa3ou7],
    .browser-app-classic-menu-root > summary[data-app-menu-summary][b-gs90fa3ou7] {
        min-height: 1.85rem;
        padding-inline: .65rem;
        border: 1px solid #7a7266;
        border-radius: 2px;
        background: linear-gradient(180deg, #fbf8f2 0, #e1d8cb 100%);
    }

    .browser-app-classic-menu-root[open] > summary[b-gs90fa3ou7],
    .browser-app-classic-menu-root[open] > summary[data-app-menu-summary][b-gs90fa3ou7],
    .browser-app-classic-menu-root > summary:hover[b-gs90fa3ou7],
    .browser-app-classic-menu-root > summary:focus-visible[b-gs90fa3ou7],
    .browser-app-classic-menu-root:focus-within > summary[b-gs90fa3ou7],
    .browser-app-classic-menu-root:focus-within > summary[data-app-menu-summary][b-gs90fa3ou7] {
        border-color: #56738a;
    }

    .browser-app-classic-menu-flyout[b-gs90fa3ou7] {
        position: static;
        min-width: 0;
        margin: .2rem 0 .35rem;
    }

    .browser-app-classic-toolstrip a[b-gs90fa3ou7] {
        flex: 1 1 calc(50% - .3rem);
    }

    .browser-app-roster-head[b-gs90fa3ou7],
    .browser-app-roster-grid[b-gs90fa3ou7] {
        grid-template-columns: 1fr;
    }

    .browser-app-roster-actions[b-gs90fa3ou7] {
        justify-content: flex-start;
    }

    .browser-app-runner-stats[b-gs90fa3ou7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.public-preview[b-oz1b68lylq] {
    --chummer-ink: #fff8e8;
    --chummer-muted: rgba(255, 248, 232, 0.76);
    --chummer-panel: rgba(8, 11, 16, 0.84);
    --chummer-panel-soft: rgba(255, 255, 255, 0.052);
    --chummer-gold: #ffd46f;
    --chummer-gold-deep: #b9812f;
    --chummer-green: #8ff0bc;
    --chummer-blue: #76aeca;
    --chummer-border: rgba(255, 212, 111, 0.25);
    min-height: 100vh;
    color: var(--chummer-ink);
    font-family: "Aptos Display", "Trebuchet MS", "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 82% 7%, rgba(255, 212, 111, 0.24), transparent 28%),
        radial-gradient(circle at 7% 13%, rgba(118, 174, 202, 0.22), transparent 31%),
        radial-gradient(circle at 58% 108%, rgba(143, 240, 188, 0.16), transparent 35%),
        linear-gradient(118deg, rgba(255, 212, 111, 0.05), transparent 36%, rgba(143, 240, 188, 0.04) 72%, transparent),
        linear-gradient(180deg, #121922 0%, #0b1117 52%, #06090c 100%);
    background-color: #080c11;
}

.public-preview[b-oz1b68lylq]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 212, 111, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(143, 240, 188, 0.034) 1px, transparent 1px);
    background-size: 4.25rem 4.25rem;
    opacity: 0.34;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), transparent 78%);
}

.public-preview [b-oz1b68lylq]::selection {
    background: rgba(255, 212, 111, 0.34);
    color: #fff8df;
}

.public-preview a:focus-visible[b-oz1b68lylq],
.public-preview button:focus-visible[b-oz1b68lylq] {
    outline: 3px solid rgba(143, 240, 188, 0.7);
    outline-offset: 4px;
}

.public-nav[b-oz1b68lylq],
.hero-grid[b-oz1b68lylq],
.content-band[b-oz1b68lylq],
.public-footer[b-oz1b68lylq] {
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
}

.public-nav[b-oz1b68lylq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 0 0.6rem;
}

.brand-lockup[b-oz1b68lylq] {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    color: inherit;
    text-decoration: none;
}

.brand-mark[b-oz1b68lylq] {
    display: inline-grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid rgba(255, 212, 111, 0.58);
    border-radius: 0.75rem;
    background:
        linear-gradient(180deg, rgba(255, 212, 111, 0.26), rgba(185, 129, 47, 0.07)),
        radial-gradient(circle at 35% 20%, rgba(255, 248, 220, 0.26), transparent 42%);
    color: var(--chummer-gold);
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 0 32px rgba(255, 212, 111, 0.14);
}

.brand-copy[b-oz1b68lylq] {
    display: grid;
    gap: 0.08rem;
}

.brand-copy strong[b-oz1b68lylq] {
    font-size: 1rem;
}

.brand-copy span[b-oz1b68lylq] {
    color: rgba(248, 244, 232, 0.72);
    font-size: 0.88rem;
}

.public-nav-links[b-oz1b68lylq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    gap: 0.75rem;
}

.public-nav-links a[b-oz1b68lylq] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.15rem;
    color: rgba(248, 244, 232, 0.84);
    text-decoration: none;
}

.public-nav-links .nav-cta[b-oz1b68lylq],
.hero-actions .primary-link[b-oz1b68lylq],
.hero-actions .secondary-link[b-oz1b68lylq],
.tour-card a[b-oz1b68lylq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
}

.public-nav-links .nav-cta[b-oz1b68lylq],
.hero-actions .primary-link[b-oz1b68lylq] {
    background:
        linear-gradient(135deg, #b9812f, #ffd46f 58%, #fff2b4),
        var(--chummer-gold-deep);
    background-color: var(--chummer-gold-deep);
    color: #16110a;
    box-shadow: 0 14px 34px rgba(255, 212, 111, 0.2);
}

.hero-actions .secondary-link[b-oz1b68lylq],
.tour-card a[b-oz1b68lylq] {
    border: 1px solid rgba(255, 212, 111, 0.38);
    color: var(--chummer-ink);
    background:
        linear-gradient(135deg, rgba(118, 174, 202, 0.12), rgba(143, 240, 188, 0.06)),
        rgba(255, 255, 255, 0.024);
}

.public-hero[b-oz1b68lylq] {
    padding-bottom: 2rem;
}

.hero-grid[b-oz1b68lylq] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.9fr);
    gap: 1.25rem;
    padding: 2.2rem 0 1.4rem;
}

.hero-copy[b-oz1b68lylq],
.hero-panel[b-oz1b68lylq],
.tour-card[b-oz1b68lylq],
.boundary-card[b-oz1b68lylq] {
    border: 1px solid var(--chummer-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018)),
        radial-gradient(circle at top right, rgba(255, 212, 111, 0.12), transparent 38%),
        radial-gradient(circle at bottom left, rgba(143, 240, 188, 0.07), transparent 42%),
        var(--chummer-panel);
    box-shadow: 0 26px 76px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(16px);
}

.hero-copy[b-oz1b68lylq] {
    padding: 1.5rem;
    border-radius: 1.5rem;
}

.hero-kicker[b-oz1b68lylq],
.section-kicker[b-oz1b68lylq],
.eyebrow[b-oz1b68lylq] {
    margin: 0 0 0.6rem;
    color: var(--chummer-gold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.76rem;
    font-weight: 700;
}

.hero-copy h1[b-oz1b68lylq],
.band-heading h2[b-oz1b68lylq] {
    margin: 0;
    line-height: 1.08;
}

.hero-copy h1[b-oz1b68lylq] {
    max-width: 13ch;
    font-size: clamp(2.5rem, 5vw, 5rem);
    letter-spacing: -0.055em;
    text-wrap: balance;
    text-shadow: 0 16px 42px rgba(0, 0, 0, 0.36);
}

.hero-summary[b-oz1b68lylq],
.band-heading p[b-oz1b68lylq],
.tour-card p[b-oz1b68lylq],
.boundary-card li[b-oz1b68lylq],
.promise-list li[b-oz1b68lylq],
.public-footer p[b-oz1b68lylq] {
    color: var(--chummer-muted);
    line-height: 1.6;
}

.hero-actions[b-oz1b68lylq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin: 1.4rem 0;
}

.hero-facts[b-oz1b68lylq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 1.3rem 0 0;
}

.hero-facts div[b-oz1b68lylq],
.route-pills span[b-oz1b68lylq] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 212, 111, 0.055), rgba(118, 174, 202, 0.045)),
        rgba(255, 255, 255, 0.03);
}

.hero-facts dt[b-oz1b68lylq] {
    color: var(--chummer-gold);
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.hero-facts dd[b-oz1b68lylq] {
    margin: 0;
    color: rgba(248, 244, 232, 0.8);
}

@keyframes public-surface-reveal-b-oz1b68lylq {
    from {
        opacity: 0;
        transform: translateY(0.65rem);
    }

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

.hero-panel[b-oz1b68lylq] {
    display: grid;
    gap: 1rem;
    padding: 1.4rem;
    border-radius: 1.35rem;
}

.hero-copy[b-oz1b68lylq],
.hero-panel[b-oz1b68lylq],
.tour-card[b-oz1b68lylq],
.boundary-card[b-oz1b68lylq] {
    animation: public-surface-reveal-b-oz1b68lylq 0.42s cubic-bezier(0.2, 0.78, 0.2, 1) both;
}

.promise-list[b-oz1b68lylq],
.boundary-card ul[b-oz1b68lylq] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.55rem;
}

.route-pills[b-oz1b68lylq] {
    display: grid;
    gap: 0.7rem;
}

.content-band[b-oz1b68lylq] {
    padding: 1.2rem 0 2.2rem;
}

@media (prefers-reduced-motion: reduce) {
    .hero-copy[b-oz1b68lylq],
    .hero-panel[b-oz1b68lylq],
    .tour-card[b-oz1b68lylq],
    .boundary-card[b-oz1b68lylq] {
        animation: none;
    }

    .public-nav-links .nav-cta[b-oz1b68lylq],
    .hero-actions .primary-link[b-oz1b68lylq],
    .hero-actions .secondary-link[b-oz1b68lylq],
    .tour-card a[b-oz1b68lylq] {
        transition: none;
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .hero-copy[b-oz1b68lylq],
    .hero-panel[b-oz1b68lylq],
    .tour-card[b-oz1b68lylq],
    .boundary-card[b-oz1b68lylq],
    .route-pills span[b-oz1b68lylq],
    .hero-facts div[b-oz1b68lylq] {
        border-color: rgba(255, 248, 232, 0.84);
        box-shadow: none;
    }

    .public-nav-links .nav-cta[b-oz1b68lylq],
    .hero-actions .primary-link[b-oz1b68lylq],
    .hero-actions .secondary-link[b-oz1b68lylq],
    .tour-card a[b-oz1b68lylq] {
        border: 2px solid #fff8e8;
    }

    .public-preview a:focus-visible[b-oz1b68lylq],
    .public-preview button:focus-visible[b-oz1b68lylq] {
        outline: 3px solid #fff8e8;
    }
}

@media (max-width: 760px) {
    .public-preview[b-oz1b68lylq]::before {
        opacity: 0.24;
        background-size: 3.2rem 3.2rem;
    }
}

.band-heading[b-oz1b68lylq] {
    max-width: 58rem;
    margin-bottom: 1rem;
}

.tour-grid[b-oz1b68lylq],
.boundary-grid[b-oz1b68lylq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.tour-card[b-oz1b68lylq],
.boundary-card[b-oz1b68lylq] {
    display: grid;
    gap: 0.75rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
}

.tour-card h3[b-oz1b68lylq],
.boundary-card h3[b-oz1b68lylq] {
    margin: 0;
}

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

.boundary-card-good[b-oz1b68lylq] {
    border-color: rgba(106, 181, 138, 0.3);
}

.boundary-card-caution[b-oz1b68lylq] {
    border-color: rgba(214, 169, 74, 0.28);
}

.content-band-boundary[b-oz1b68lylq] {
    padding-top: 0.2rem;
}

.proof-grid[b-oz1b68lylq] {
    display: grid;
    gap: 1rem;
}

.proof-grid[b-oz1b68lylq]  .panel {
    color: #16202b;
    background: linear-gradient(180deg, #fff7ea 0%, #f7efdf 100%);
    background-color: #f7efdf;
    border-color: rgba(117, 84, 20, 0.22);
}

.proof-grid[b-oz1b68lylq]  .panel p,
.proof-grid[b-oz1b68lylq]  .panel span,
.proof-grid[b-oz1b68lylq]  .panel li,
.proof-grid[b-oz1b68lylq]  .panel dd,
.proof-grid[b-oz1b68lylq]  .panel dt,
.proof-grid[b-oz1b68lylq]  .panel strong,
.proof-grid[b-oz1b68lylq]  .panel .note,
.proof-grid[b-oz1b68lylq]  .panel .meta,
.proof-grid[b-oz1b68lylq]  .panel header,
.proof-grid[b-oz1b68lylq]  .panel h2,
.proof-grid[b-oz1b68lylq]  .panel h3,
.proof-grid[b-oz1b68lylq]  .panel .button-row,
.proof-grid[b-oz1b68lylq]  .panel .button-row span,
.proof-grid[b-oz1b68lylq]  .panel .coach-card-header,
.proof-grid[b-oz1b68lylq]  .panel .chummer-explain-chip {
    color: #16202b;
}

.proof-grid[b-oz1b68lylq]  .coach-card,
.proof-grid[b-oz1b68lylq]  .trace-card {
    background: rgba(255, 251, 244, 0.96);
    background-color: #fffaf2;
    border-color: rgba(117, 84, 20, 0.16);
}

.public-footer[b-oz1b68lylq] {
    padding: 0.3rem 0 2rem;
}

.public-footer p[b-oz1b68lylq] {
    margin: 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(214, 169, 74, 0.18);
}

@media (max-width: 980px) {
    .hero-grid[b-oz1b68lylq],
    .tour-grid[b-oz1b68lylq],
    .boundary-grid[b-oz1b68lylq],
    .hero-facts[b-oz1b68lylq] {
        grid-template-columns: 1fr;
    }

    .public-nav[b-oz1b68lylq] {
        align-items: start;
        flex-direction: column;
    }

    .public-nav-links[b-oz1b68lylq] {
        justify-content: start;
    }
}

@media (max-width: 640px) {
    .public-nav[b-oz1b68lylq],
    .hero-grid[b-oz1b68lylq],
    .content-band[b-oz1b68lylq],
    .public-footer[b-oz1b68lylq] {
        width: min(100% - 1rem, 1180px);
    }

    .hero-copy[b-oz1b68lylq],
    .hero-panel[b-oz1b68lylq],
    .tour-card[b-oz1b68lylq],
    .boundary-card[b-oz1b68lylq] {
        padding: 1rem;
        border-radius: 1rem;
    }

    .hero-copy h1[b-oz1b68lylq] {
        max-width: none;
    }

    .hero-actions[b-oz1b68lylq],
    .public-nav-links[b-oz1b68lylq] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Chummer Online home theme refinement: match the app shell without flattening the hero. */
:root[b-oz1b68lylq] {
  --home-void: #07110f;
  --home-panel: rgba(15, 32, 28, 0.84);
  --home-mint: #69f0b6;
  --home-gold: #f0c766;
  --home-text: #f3f0df;
  --home-muted: #aebdb3;
  --home-border: rgba(169, 225, 190, 0.22);
}

.home-page[b-oz1b68lylq],
.chummer-home[b-oz1b68lylq] {
  color: var(--home-text);
  background:
    radial-gradient(circle at 18% 12%, rgba(105, 240, 182, 0.18), transparent 32rem),
    radial-gradient(circle at 78% 6%, rgba(240, 199, 102, 0.17), transparent 28rem),
    linear-gradient(145deg, var(--home-void), #12241f 52%, #070f0d);
}

.home-page :is(.hero-card, .feature-card, .route-card, .proof-card, .panel)[b-oz1b68lylq],
.chummer-home :is(.hero-card, .feature-card, .route-card, .proof-card, .panel)[b-oz1b68lylq] {
  background: linear-gradient(150deg, rgba(19, 39, 34, 0.94), rgba(8, 17, 15, 0.78));
  border-color: var(--home-border);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.home-page :is(a, button, .cta, .route-pill):focus-visible[b-oz1b68lylq],
.chummer-home :is(a, button, .cta, .route-pill):focus-visible[b-oz1b68lylq] {
  outline: 3px solid var(--home-gold);
  outline-offset: 3px;
  box-shadow: 0 0 0 7px rgba(240, 199, 102, 0.16);
}

.home-page :is(.cta, .route-pill, .primary-action)[b-oz1b68lylq],
.chummer-home :is(.cta, .route-pill, .primary-action)[b-oz1b68lylq] {
  background: linear-gradient(135deg, rgba(105, 240, 182, 0.18), rgba(240, 199, 102, 0.2));
  border-color: rgba(240, 199, 102, 0.3);
  color: var(--home-text);
}

.home-page :is(h1, h2, h3)[b-oz1b68lylq],
.chummer-home :is(h1, h2, h3)[b-oz1b68lylq] {
  color: #fff7d7;
  text-shadow: 0 0 24px rgba(240, 199, 102, 0.16);
}

.home-page :is(.eyebrow, .kicker, .route-label)[b-oz1b68lylq],
.chummer-home :is(.eyebrow, .kicker, .route-label)[b-oz1b68lylq] {
  color: var(--home-mint);
  letter-spacing: 0.12em;
}

.home-page p[b-oz1b68lylq],
.chummer-home p[b-oz1b68lylq] {
  color: var(--home-muted);
}

/* Apply the refined palette to the existing public home class names. */
.public-home[b-oz1b68lylq],
.public-hero[b-oz1b68lylq],
.hero-grid[b-oz1b68lylq],
.hero-copy[b-oz1b68lylq],
.hero-panel[b-oz1b68lylq],
.route-card[b-oz1b68lylq],
.proof-card[b-oz1b68lylq],
.parity-card[b-oz1b68lylq],
.home-footer[b-oz1b68lylq] {
  color: var(--home-text);
}

.public-home[b-oz1b68lylq] {
  background:
    linear-gradient(115deg, rgba(105, 240, 182, 0.08), transparent 38%),
    radial-gradient(circle at 18% 8%, rgba(105, 240, 182, 0.18), transparent 30rem),
    radial-gradient(circle at 82% 6%, rgba(240, 199, 102, 0.16), transparent 28rem),
    linear-gradient(145deg, var(--home-void), #12241f 54%, #070f0d);
}

.hero-panel[b-oz1b68lylq],
.hero-facts div[b-oz1b68lylq],
.route-card[b-oz1b68lylq],
.proof-card[b-oz1b68lylq],
.parity-card[b-oz1b68lylq],
.home-footer[b-oz1b68lylq],
.route-pills span[b-oz1b68lylq] {
  background: linear-gradient(150deg, rgba(19, 39, 34, 0.94), rgba(8, 17, 15, 0.78));
  border-color: var(--home-border);
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.34);
}

.hero-kicker[b-oz1b68lylq],
.eyebrow[b-oz1b68lylq],
.route-pills code[b-oz1b68lylq],
.hero-facts dt[b-oz1b68lylq] {
  color: var(--home-mint);
}

.hero-copy h1[b-oz1b68lylq],
.hero-panel h2[b-oz1b68lylq],
.route-card h3[b-oz1b68lylq],
.proof-card h3[b-oz1b68lylq],
.parity-card h3[b-oz1b68lylq] {
  color: #fff7d7;
  text-shadow: 0 0 24px rgba(240, 199, 102, 0.16);
}

.hero-summary[b-oz1b68lylq],
.hero-panel p[b-oz1b68lylq],
.route-card p[b-oz1b68lylq],
.proof-card p[b-oz1b68lylq],
.parity-card p[b-oz1b68lylq],
.hero-facts dd[b-oz1b68lylq],
.home-footer p[b-oz1b68lylq] {
  color: var(--home-muted);
}

.nav-cta[b-oz1b68lylq],
.hero-actions .primary-link[b-oz1b68lylq],
.hero-actions .secondary-link[b-oz1b68lylq],
.route-card a[b-oz1b68lylq] {
  background: linear-gradient(135deg, rgba(105, 240, 182, 0.18), rgba(240, 199, 102, 0.2));
  border-color: rgba(240, 199, 102, 0.3);
  color: var(--home-text);
}

.nav-cta:hover[b-oz1b68lylq],
.hero-actions .primary-link:hover[b-oz1b68lylq],
.hero-actions .secondary-link:hover[b-oz1b68lylq],
.route-card a:hover[b-oz1b68lylq] {
  border-color: rgba(105, 240, 182, 0.58);
  box-shadow: 0 18px 48px rgba(25, 222, 150, 0.14);
}

/* Public home theme polish: stronger Chummer identity and clearer primary action. */
.public-preview[b-oz1b68lylq] {
    --chummer-ink: #fff8e8;
    --chummer-muted: rgba(255, 248, 232, 0.76);
    --chummer-panel: rgba(9, 12, 17, 0.82);
    --chummer-gold: #ffd978;
    --chummer-gold-deep: #b9812f;
    --chummer-green: #8ff0bc;
    --chummer-blue: #6aa1c6;
    background:
        radial-gradient(circle at 82% 8%, rgba(255, 217, 120, 0.3), transparent 26%),
        radial-gradient(circle at 10% 22%, rgba(106, 161, 198, 0.3), transparent 32%),
        radial-gradient(circle at 48% 110%, rgba(143, 240, 188, 0.2), transparent 34%),
        linear-gradient(140deg, rgba(255, 217, 120, 0.07), transparent 35%, rgba(143, 240, 188, 0.055) 72%, transparent),
        linear-gradient(180deg, #111821 0%, #0c1016 52%, #07090d 100%);
}

.brand-mark[b-oz1b68lylq] {
    border-color: rgba(255, 217, 120, 0.72);
    background:
        radial-gradient(circle at 36% 20%, rgba(255, 255, 255, 0.34), transparent 38%),
        linear-gradient(145deg, rgba(255, 217, 120, 0.34), rgba(143, 240, 188, 0.08));
    box-shadow: 0 0 0 1px rgba(255, 217, 120, 0.08), 0 0 34px rgba(255, 217, 120, 0.2);
}

.hero-copy[b-oz1b68lylq],
.hero-panel[b-oz1b68lylq],
.tour-card[b-oz1b68lylq],
.boundary-card[b-oz1b68lylq] {
    border-color: rgba(255, 217, 120, 0.28);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.02)),
        radial-gradient(circle at top right, rgba(255, 217, 120, 0.1), transparent 36%),
        var(--chummer-panel);
}

.public-nav-links .nav-cta[b-oz1b68lylq],
.hero-actions .primary-link[b-oz1b68lylq] {
    background:
        linear-gradient(135deg, #b9812f 0%, #ffd978 58%, #fff2b4 100%);
    color: #171007;
    box-shadow: 0 18px 38px rgba(185, 129, 47, 0.28), 0 0 0 1px rgba(255, 242, 180, 0.18) inset;
}

.hero-actions .secondary-link[b-oz1b68lylq],
.tour-card a[b-oz1b68lylq] {
    border-color: rgba(143, 240, 188, 0.34);
    background:
        linear-gradient(135deg, rgba(106, 161, 198, 0.16), rgba(143, 240, 188, 0.07)),
        rgba(255, 255, 255, 0.03);
}
/* /Components/Pages/Preview.razor.rz.scp.css */
.browser-preview-shell[b-x8j57ztynh] {
    --app-ink: #fff8e8;
    --app-muted: rgba(255, 248, 232, 0.76);
    --app-panel: rgba(8, 11, 16, 0.88);
    --app-panel-soft: rgba(255, 255, 255, 0.052);
    --app-gold: #ffd46f;
    --app-green: #8ff0bc;
    --app-blue: #76aeca;
    --app-line: rgba(255, 212, 111, 0.25);
    --app-shadow: rgba(0, 0, 0, 0.38);
    min-height: 100vh;
    background:
        radial-gradient(circle at 82% 7%, rgba(255, 212, 111, 0.24), transparent 28%),
        radial-gradient(circle at 7% 13%, rgba(118, 174, 202, 0.22), transparent 31%),
        radial-gradient(circle at 58% 108%, rgba(143, 240, 188, 0.16), transparent 35%),
        linear-gradient(118deg, rgba(255, 212, 111, 0.05), transparent 36%, rgba(143, 240, 188, 0.04) 72%, transparent),
        linear-gradient(180deg, #121922 0%, #0b1117 52%, #06090c 100%);
    background-color: #080c11;
    color: var(--app-ink);
    font-family: "Aptos Display", "Trebuchet MS", "Segoe UI", sans-serif;
}

.browser-preview-shell [b-x8j57ztynh]::selection {
    background: rgba(255, 212, 111, 0.34);
    color: #fff8df;
}

.browser-preview-shell a:focus-visible[b-x8j57ztynh],
.browser-preview-shell button:focus-visible[b-x8j57ztynh],
.browser-preview-shell input:focus-visible[b-x8j57ztynh],
.browser-preview-shell select:focus-visible[b-x8j57ztynh],
.browser-preview-shell textarea:focus-visible[b-x8j57ztynh] {
    outline: 3px solid rgba(143, 240, 188, 0.7);
    outline-offset: 3px;
}

.browser-preview-banner[b-x8j57ztynh],
.browser-preview-boundary[b-x8j57ztynh],
.browser-workbench-import-reconcile-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin-left: auto;
    margin-right: auto;
}

.browser-workbench-import-reconcile-strip[b-x8j57ztynh] {
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid var(--app-line);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.09), rgba(137, 224, 179, 0.052)),
        var(--app-panel);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.browser-workbench-import-reconcile-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-import-reconcile-copy strong[b-x8j57ztynh],
.browser-workbench-import-reconcile-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-import-reconcile-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-import-reconcile-copy p[b-x8j57ztynh] {
    color: var(--app-muted);
    line-height: 1.45;
}

.browser-workbench-import-reconcile-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-import-reconcile-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: var(--app-ink);
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background:
        linear-gradient(135deg, rgba(84, 132, 181, 0.09), rgba(244, 207, 115, 0.035)),
        var(--app-panel-soft);
}

.browser-workbench-import-reconcile-actions a:hover[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.56);
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.12), rgba(244, 207, 115, 0.055)),
        rgba(255, 255, 255, 0.06);
}


.browser-workbench-compare-merge-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-compare-merge-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-compare-merge-copy strong[b-x8j57ztynh],
.browser-workbench-compare-merge-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-compare-merge-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-compare-merge-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-compare-merge-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-compare-merge-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-compare-merge-actions a:hover[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-restore-checkpoint-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-restore-checkpoint-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-restore-checkpoint-copy strong[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-restore-checkpoint-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-restore-checkpoint-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-restore-checkpoint-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-restore-checkpoint-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-restore-checkpoint-actions a:hover[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-offline-cache-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-offline-cache-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-offline-cache-copy strong[b-x8j57ztynh],
.browser-workbench-offline-cache-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-offline-cache-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-offline-cache-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-offline-cache-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-offline-cache-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-offline-cache-actions a:hover[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-session-locking-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-session-locking-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-session-locking-copy strong[b-x8j57ztynh],
.browser-workbench-session-locking-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-session-locking-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-session-locking-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-session-locking-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-session-locking-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-session-locking-actions a:hover[b-x8j57ztynh],
.browser-workbench-session-locking-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-share-export-privacy-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-share-export-privacy-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-share-export-privacy-copy strong[b-x8j57ztynh],
.browser-workbench-share-export-privacy-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-share-export-privacy-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-share-export-privacy-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-share-export-privacy-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-share-export-privacy-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-share-export-privacy-actions a:hover[b-x8j57ztynh],
.browser-workbench-share-export-privacy-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-table-handoff-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-table-handoff-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-table-handoff-copy strong[b-x8j57ztynh],
.browser-workbench-table-handoff-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-table-handoff-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-table-handoff-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-table-handoff-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-table-handoff-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-table-handoff-actions a:hover[b-x8j57ztynh],
.browser-workbench-table-handoff-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-rules-citation-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-rules-citation-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-rules-citation-copy strong[b-x8j57ztynh],
.browser-workbench-rules-citation-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-rules-citation-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-rules-citation-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-rules-citation-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-rules-citation-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-rules-citation-actions a:hover[b-x8j57ztynh],
.browser-workbench-rules-citation-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-localization-terminology-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-localization-terminology-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-localization-terminology-copy strong[b-x8j57ztynh],
.browser-workbench-localization-terminology-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-localization-terminology-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-localization-terminology-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-localization-terminology-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-localization-terminology-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-localization-terminology-actions a:hover[b-x8j57ztynh],
.browser-workbench-localization-terminology-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}


.browser-workbench-help-recovery-guidance-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.76fr) minmax(0, 1.5fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-help-recovery-guidance-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-help-recovery-guidance-copy strong[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-help-recovery-guidance-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-help-recovery-guidance-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-help-recovery-guidance-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-help-recovery-guidance-actions a[b-x8j57ztynh] {
    min-height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 850;
    background: rgba(255, 255, 255, 0.042);
}

.browser-workbench-help-recovery-guidance-actions a:hover[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-preview-frame[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto;
}

.browser-preview-banner[b-x8j57ztynh] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 1.05rem 0 0.9rem;
}

.browser-preview-banner-copy h1[b-x8j57ztynh],
.browser-preview-banner-copy p[b-x8j57ztynh],
.browser-preview-banner-copy .browser-preview-kicker[b-x8j57ztynh] {
    margin: 0;
}

.browser-preview-kicker[b-x8j57ztynh] {
    color: var(--app-gold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.76rem;
    font-weight: 700;
}

.browser-preview-banner-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(244, 207, 115, 0.18);
    border-radius: 1.15rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(8, 10, 14, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.browser-preview-banner-copy h1[b-x8j57ztynh] {
    max-width: 16ch;
    color: #fff8df;
    font-size: clamp(2.1rem, 4.6vw, 4.6rem);
    letter-spacing: -0.055em;
    line-height: 0.98;
    text-wrap: balance;
}

.browser-preview-banner-copy p[b-x8j57ztynh] {
    max-width: 52rem;
    color: var(--app-muted);
    line-height: 1.5;
}

.browser-preview-actions[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.browser-preview-actions a[b-x8j57ztynh] {
    color: var(--app-ink);
    text-decoration: none;
    border: 1px solid rgba(244, 207, 115, 0.3);
    border-radius: 999px;
    padding: 0.65rem 0.95rem;
    background:
        linear-gradient(135deg, rgba(84, 132, 181, 0.11), rgba(244, 207, 115, 0.04)),
        rgba(255, 255, 255, 0.03);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.browser-preview-actions a:hover[b-x8j57ztynh],
.browser-preview-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.58);
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.14), rgba(244, 207, 115, 0.075)),
        rgba(255, 255, 255, 0.05);
}

.browser-preview-boundary[b-x8j57ztynh] {
    margin-bottom: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(244, 207, 115, 0.3);
    border-radius: 0.9rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.105), rgba(84, 132, 181, 0.055)),
        rgba(244, 207, 115, 0.04);
    color: #f8ebbf;
}

.browser-workbench-task-dock[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.95rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.85fr) minmax(0, 1.7fr);
    gap: 0.9rem;
    align-items: stretch;
    padding: 0.95rem;
    border: 1px solid rgba(244, 207, 115, 0.36);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 9% 0%, rgba(244, 207, 115, 0.22), transparent 21rem),
        radial-gradient(circle at 96% 12%, rgba(137, 224, 179, 0.15), transparent 24rem),
        linear-gradient(135deg, rgba(244, 207, 115, 0.13), rgba(84, 132, 181, 0.08) 48%, rgba(137, 224, 179, 0.07)),
        rgba(13, 16, 22, 0.9);
    box-shadow: 0 28px 82px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.browser-workbench-task-dock-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.8rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(0, 0, 0, 0.2);
}

.browser-workbench-task-dock-copy strong[b-x8j57ztynh],
.browser-workbench-task-dock-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-task-dock-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1.08rem;
    letter-spacing: -0.018em;
}

.browser-workbench-task-dock-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-task-dock-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(9, minmax(5.2rem, 1fr));
    gap: 0.5rem;
    align-content: center;
}

.browser-workbench-task-dock-actions a[b-x8j57ztynh] {
    position: relative;
    min-height: 3.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.55rem;
    overflow: hidden;
    border: 1px solid rgba(238, 241, 246, 0.16);
    border-radius: 0.95rem;
    color: var(--app-ink);
    text-align: center;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 0.01em;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.025);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.browser-workbench-task-dock-actions a[b-x8j57ztynh]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(244, 207, 115, 0.22), transparent 45%, rgba(137, 224, 179, 0.13));
    opacity: 0;
    transition: opacity 140ms ease;
}

.browser-workbench-task-dock-actions a:hover[b-x8j57ztynh],
.browser-workbench-task-dock-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    transform: translateY(-1px);
    background:
        linear-gradient(180deg, rgba(244, 207, 115, 0.2), rgba(244, 207, 115, 0.07)),
        rgba(255, 255, 255, 0.045);
}

.browser-workbench-task-dock-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-recovery-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-recovery-detail a:focus-visible[b-x8j57ztynh],
.browser-workbench-hosting-cards article:focus-within[b-x8j57ztynh] {
    box-shadow:
        0 0 0 3px rgba(137, 224, 179, 0.34),
        0 0 0 6px rgba(244, 207, 115, 0.16);
}

.browser-workbench-task-dock-actions a:hover[b-x8j57ztynh]::before,
.browser-workbench-task-dock-actions a:focus-visible[b-x8j57ztynh]::before {
    opacity: 1;
}

.browser-workbench-recovery-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(16rem, 0.8fr) minmax(18rem, 1.2fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.9rem;
    border: 1px solid rgba(137, 224, 179, 0.3);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at top left, rgba(137, 224, 179, 0.16), transparent 34rem),
        linear-gradient(135deg, rgba(84, 132, 181, 0.075), rgba(137, 224, 179, 0.04)),
        rgba(14, 18, 25, 0.86);
    box-shadow: 0 20px 58px rgba(0, 0, 0, 0.22);
}

.browser-workbench-recovery-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-recovery-copy strong[b-x8j57ztynh],
.browser-workbench-recovery-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-recovery-copy strong[b-x8j57ztynh] {
    color: #e9f8d9;
    font-size: 1rem;
}

.browser-workbench-recovery-copy p[b-x8j57ztynh],
.browser-workbench-recovery-detail[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-recovery-actions[b-x8j57ztynh],
.browser-workbench-recovery-detail[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-content: center;
    align-items: center;
}

.browser-workbench-recovery-detail[b-x8j57ztynh] {
    grid-column: 1 / -1;
    padding: 0.65rem;
    border: 1px dashed rgba(238, 241, 246, 0.18);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.035);
}

.browser-workbench-recovery-actions a[b-x8j57ztynh],
.browser-workbench-recovery-detail a[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(137, 224, 179, 0.3);
    border-radius: 999px;
    color: var(--app-ink);
    text-decoration: none;
    font-weight: 800;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.12), rgba(84, 132, 181, 0.06)),
        rgba(137, 224, 179, 0.05);
}

.browser-workbench-recovery-actions a:hover[b-x8j57ztynh],
.browser-workbench-recovery-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-recovery-detail a:hover[b-x8j57ztynh],
.browser-workbench-recovery-detail a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.68);
    background: rgba(244, 207, 115, 0.14);
}

.browser-workbench-hosting-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.55fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.9rem;
    border: 1px solid rgba(137, 224, 179, 0.32);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at top right, rgba(137, 224, 179, 0.18), transparent 30rem),
        radial-gradient(circle at 14% 0%, rgba(84, 132, 181, 0.11), transparent 26rem),
        linear-gradient(135deg, rgba(15, 21, 22, 0.94), rgba(13, 16, 22, 0.9));
    box-shadow: 0 20px 58px rgba(0, 0, 0, 0.22);
}

.browser-workbench-hosting-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-hosting-copy strong[b-x8j57ztynh],
.browser-workbench-hosting-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-hosting-copy strong[b-x8j57ztynh] {
    color: #dcffe8;
    font-size: 1rem;
}

.browser-workbench-hosting-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-hosting-cards[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-hosting-cards article[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem;
    border: 1px solid rgba(238, 241, 246, 0.145);
    border-radius: 1rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

@media (prefers-reduced-motion: reduce) {
    .browser-workbench-task-dock-actions a[b-x8j57ztynh],
    .browser-preview-actions a[b-x8j57ztynh],
    .browser-workbench-recovery-actions a[b-x8j57ztynh],
    .browser-workbench-recovery-detail a[b-x8j57ztynh] {
        transition: none;
        transform: none;
    }

    .browser-workbench-task-dock-actions a:hover[b-x8j57ztynh],
    .browser-workbench-task-dock-actions a:focus-visible[b-x8j57ztynh] {
        transform: none;
    }
}

.browser-workbench-hosting-cards span[b-x8j57ztynh] {
    color: #89e0b3;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.browser-workbench-hosting-cards strong[b-x8j57ztynh],
.browser-workbench-hosting-cards p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-hosting-cards strong[b-x8j57ztynh] {
    color: #eef1f6;
}

.browser-workbench-hosting-cards p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.76);
    line-height: 1.42;
}

.browser-workbench-command-palette[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.68fr) minmax(0, 1.65fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(244, 207, 115, 0.24);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 20% 0%, rgba(244, 207, 115, 0.12), transparent 28rem),
        linear-gradient(135deg, rgba(23, 17, 15, 0.94), rgba(13, 16, 22, 0.9));
}

.browser-workbench-command-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-command-copy strong[b-x8j57ztynh],
.browser-workbench-command-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-command-copy strong[b-x8j57ztynh] {
    color: #ffe4d4;
    font-size: 1rem;
}

.browser-workbench-command-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-command-panel[b-x8j57ztynh] {
    padding: 0.65rem;
    border: 1px solid rgba(238, 241, 246, 0.12);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.04);
}

.browser-workbench-command-panel summary[b-x8j57ztynh] {
    cursor: pointer;
    color: #d8cba7;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.browser-workbench-command-list[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.browser-workbench-command-list a[b-x8j57ztynh] {
    min-height: 3.2rem;
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 0.25rem;
    align-items: center;
    padding: 0.55rem;
    border: 1px solid rgba(244, 207, 115, 0.24);
    border-radius: 0.75rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.05);
}

.browser-workbench-command-list a:hover[b-x8j57ztynh],
.browser-workbench-command-list a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(244, 207, 115, 0.12);
}

.browser-workbench-command-list kbd[b-x8j57ztynh] {
    min-width: 1.7rem;
    padding: 0.2rem 0.35rem;
    border: 1px solid rgba(238, 241, 246, 0.26);
    border-radius: 0.35rem;
    color: #fff7d6;
    text-align: center;
    font: 800 0.72rem/1.1 ui-monospace, "SFMono-Regular", Consolas, monospace;
    background: rgba(0, 0, 0, 0.28);
}

.browser-workbench-command-list span[b-x8j57ztynh] {
    font-weight: 800;
}

.browser-workbench-density-strip[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.68fr) minmax(0, 1.65fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(137, 224, 179, 0.24);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 0% 100%, rgba(137, 224, 179, 0.12), transparent 28rem),
        linear-gradient(135deg, rgba(19, 17, 28, 0.94), rgba(13, 16, 22, 0.9));
}

.browser-workbench-density-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-density-copy strong[b-x8j57ztynh],
.browser-workbench-density-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-density-copy strong[b-x8j57ztynh] {
    color: #e9f8d9;
    font-size: 1rem;
}

.browser-workbench-density-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-density-options[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    min-width: 0;
    margin: 0;
    padding: 0.65rem;
    border: 1px solid rgba(238, 241, 246, 0.12);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.04);
}

.browser-workbench-density-options legend[b-x8j57ztynh] {
    padding: 0 0.35rem;
    color: #f4cf73;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.browser-workbench-density-options label[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.25rem 0.55rem;
    align-items: start;
    padding: 0.7rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 0.8rem;
    color: #eef1f6;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-density-options input[b-x8j57ztynh] {
    margin-top: 0.15rem;
    accent-color: #89e0b3;
}

.browser-workbench-density-options span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-density-options small[b-x8j57ztynh] {
    grid-column: 2;
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-workflow-ledger[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.7fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(244, 207, 115, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.12), rgba(137, 224, 179, 0.08)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-ledger-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-ledger-copy strong[b-x8j57ztynh],
.browser-workbench-ledger-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-ledger-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1rem;
}

.browser-workbench-ledger-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-ledger-grid[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-ledger-grid article[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    padding: 0.7rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.04);
}

.browser-workbench-ledger-grid span[b-x8j57ztynh] {
    color: #f4cf73;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.browser-workbench-ledger-grid strong[b-x8j57ztynh],
.browser-workbench-ledger-grid p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-ledger-grid strong[b-x8j57ztynh] {
    color: #eef1f6;
}

.browser-workbench-ledger-grid p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.74);
    line-height: 1.38;
}

.browser-workbench-file-intake[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(137, 224, 179, 0.2);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.09), rgba(244, 207, 115, 0.06)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-file-intake-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-file-intake-copy strong[b-x8j57ztynh],
.browser-workbench-file-intake-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-file-intake-copy strong[b-x8j57ztynh] {
    color: #eaf7ee;
    font-size: 1rem;
}

.browser-workbench-file-intake-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-file-intake-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-file-intake-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    min-height: 5rem;
    padding: 0.7rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.8rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-file-intake-actions a:hover[b-x8j57ztynh],
.browser-workbench-file-intake-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-file-intake-actions span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-file-intake-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-rules-data[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(244, 207, 115, 0.25);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.1), rgba(137, 224, 179, 0.05)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-rules-data-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-rules-data-copy strong[b-x8j57ztynh],
.browser-workbench-rules-data-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-rules-data-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1rem;
}

.browser-workbench-rules-data-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-rules-data-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-rules-data-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    min-height: 5rem;
    padding: 0.7rem;
    border: 1px solid rgba(244, 207, 115, 0.24);
    border-radius: 0.8rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-rules-data-actions a:hover[b-x8j57ztynh],
.browser-workbench-rules-data-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.68);
    background: rgba(244, 207, 115, 0.12);
}

.browser-workbench-rules-data-actions span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-rules-data-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-settings[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(244, 207, 115, 0.2);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.08), rgba(137, 224, 179, 0.06)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-settings-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-settings-copy strong[b-x8j57ztynh],
.browser-workbench-settings-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-settings-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1rem;
}

.browser-workbench-settings-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-settings-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-settings-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    min-height: 5rem;
    padding: 0.7rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.8rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-settings-actions a:hover[b-x8j57ztynh],
.browser-workbench-settings-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(244, 207, 115, 0.1);
}

.browser-workbench-settings-actions span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-settings-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-diagnostics[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(137, 224, 179, 0.25);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.08), rgba(244, 207, 115, 0.05)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-diagnostics-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-diagnostics-copy strong[b-x8j57ztynh],
.browser-workbench-diagnostics-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-diagnostics-copy strong[b-x8j57ztynh] {
    color: #eaf7ee;
    font-size: 1rem;
}

.browser-workbench-diagnostics-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-diagnostics-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-diagnostics-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    min-height: 5rem;
    padding: 0.7rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.8rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-diagnostics-actions a:hover[b-x8j57ztynh],
.browser-workbench-diagnostics-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(137, 224, 179, 0.12);
}

.browser-workbench-diagnostics-actions span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-diagnostics-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-connected-runtime[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(137, 224, 179, 0.2);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.08), rgba(244, 207, 115, 0.05)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-connected-runtime-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-connected-runtime-copy strong[b-x8j57ztynh],
.browser-workbench-connected-runtime-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-connected-runtime-copy strong[b-x8j57ztynh] {
    color: #eaf7ee;
    font-size: 1rem;
}

.browser-workbench-connected-runtime-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-connected-runtime-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-connected-runtime-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    min-height: 5rem;
    padding: 0.7rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.8rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-connected-runtime-actions a:hover[b-x8j57ztynh],
.browser-workbench-connected-runtime-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-connected-runtime-actions span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-connected-runtime-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-accessibility[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(244, 207, 115, 0.2);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.08), rgba(137, 224, 179, 0.05)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-accessibility-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-accessibility-copy strong[b-x8j57ztynh],
.browser-workbench-accessibility-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-accessibility-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1rem;
}

.browser-workbench-accessibility-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-accessibility-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-accessibility-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
    min-height: 5rem;
    padding: 0.7rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.8rem;
    color: #eef1f6;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-accessibility-actions a:hover[b-x8j57ztynh],
.browser-workbench-accessibility-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(244, 207, 115, 0.1);
}

.browser-workbench-accessibility-actions span[b-x8j57ztynh] {
    font-weight: 900;
}

.browser-workbench-accessibility-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-section-rail[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.68fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(244, 207, 115, 0.25);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.09), rgba(137, 224, 179, 0.06)),
        rgba(12, 15, 20, 0.92);
}

.browser-workbench-section-rail-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    background: rgba(0, 0, 0, 0.16);
}

.browser-workbench-section-rail-copy strong[b-x8j57ztynh],
.browser-workbench-section-rail-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-section-rail-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1rem;
}

.browser-workbench-section-rail-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.78);
    line-height: 1.45;
}

.browser-workbench-section-rail-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0.45rem;
}

.browser-workbench-section-rail-actions a[b-x8j57ztynh] {
    min-height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.75rem;
    color: #eef1f6;
    text-align: center;
    text-decoration: none;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.045);
}

.browser-workbench-section-rail-actions a:hover[b-x8j57ztynh],
.browser-workbench-section-rail-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(244, 207, 115, 0.7);
    background: rgba(244, 207, 115, 0.12);
}

.browser-workbench-desktop-install[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 1.6fr);
    gap: 0.8rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(137, 224, 179, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.08), rgba(244, 207, 115, 0.06)),
        rgba(10, 14, 22, 0.93);
}

.browser-workbench-desktop-install-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-desktop-install-copy strong[b-x8j57ztynh],
.browser-workbench-desktop-install-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-desktop-install-copy strong[b-x8j57ztynh] {
    color: #e9f8d9;
    font-size: 1rem;
}

.browser-workbench-desktop-install-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.45;
}

.browser-workbench-desktop-install-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.browser-workbench-desktop-install-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 5rem;
    padding: 0.75rem;
    border: 1px solid rgba(137, 224, 179, 0.2);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.045);
    color: #eef1f6;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-desktop-install-actions a:hover[b-x8j57ztynh],
.browser-workbench-desktop-install-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(244, 207, 115, 0.62);
    background: rgba(244, 207, 115, 0.1);
}

.browser-workbench-desktop-install-actions span[b-x8j57ztynh] {
    font-weight: 800;
}

.browser-workbench-desktop-install-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-menu-bar[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.55fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.78rem;
    border: 1px solid rgba(238, 241, 246, 0.14);
    border-radius: 0.95rem;
    background:
        linear-gradient(90deg, rgba(238, 241, 246, 0.08), rgba(137, 224, 179, 0.055)),
        rgba(9, 12, 18, 0.94);
}

.browser-workbench-menu-bar-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.3rem;
}

.browser-workbench-menu-bar-copy strong[b-x8j57ztynh],
.browser-workbench-menu-bar-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-menu-bar-copy strong[b-x8j57ztynh] {
    color: #fff7d6;
    font-size: 1rem;
}

.browser-workbench-menu-bar-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.4;
}

.browser-workbench-menu-bar-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.45rem;
}

.browser-workbench-menu-bar-actions a[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0.5rem;
    border: 1px solid rgba(238, 241, 246, 0.13);
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.04);
    color: #eef1f6;
    font-weight: 850;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-menu-bar-actions a:hover[b-x8j57ztynh],
.browser-workbench-menu-bar-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(238, 241, 246, 0.38);
    background: rgba(255, 255, 255, 0.075);
}

.browser-workbench-workspace-tabs[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.74fr) minmax(0, 1.62fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.09), rgba(244, 207, 115, 0.05)),
        rgba(8, 14, 16, 0.94);
}

.browser-workbench-workspace-tabs-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-workspace-tabs-copy strong[b-x8j57ztynh],
.browser-workbench-workspace-tabs-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-workspace-tabs-copy strong[b-x8j57ztynh] {
    color: #e9f8d9;
    font-size: 1rem;
}

.browser-workbench-workspace-tabs-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-workspace-tabs-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-workspace-tabs-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.2);
    border-radius: 0.85rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.035);
    color: #eef1f6;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-workspace-tabs-actions a:hover[b-x8j57ztynh],
.browser-workbench-workspace-tabs-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.58);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-workspace-tabs-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-workspace-tabs-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-status-bar[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(19rem, 0.82fr) minmax(0, 1.52fr);
    gap: 0.7rem;
    align-items: stretch;
    padding: 0.72rem;
    border: 1px solid rgba(244, 207, 115, 0.2);
    border-radius: 0.9rem;
    background:
        linear-gradient(90deg, rgba(244, 207, 115, 0.08), rgba(137, 224, 179, 0.055)),
        rgba(12, 13, 16, 0.95);
}

.browser-workbench-status-bar-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.28rem;
    align-content: center;
}

.browser-workbench-status-bar-copy strong[b-x8j57ztynh],
.browser-workbench-status-bar-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-status-bar-copy strong[b-x8j57ztynh] {
    color: #fff7dc;
    font-size: 1rem;
}

.browser-workbench-status-bar-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.4;
}

.browser-workbench-status-bar-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.42rem;
}

.browser-workbench-status-bar-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.22rem;
    min-height: 4.4rem;
    padding: 0.62rem;
    border: 1px solid rgba(244, 207, 115, 0.16);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.04);
    color: #fff8e3;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-status-bar-actions a:hover[b-x8j57ztynh],
.browser-workbench-status-bar-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(244, 207, 115, 0.55);
    background: rgba(244, 207, 115, 0.1);
}

.browser-workbench-status-bar-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-status-bar-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-inspector-rail[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(244, 207, 115, 0.045)),
        rgba(11, 10, 17, 0.94);
}

.browser-workbench-inspector-rail-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-inspector-rail-copy strong[b-x8j57ztynh],
.browser-workbench-inspector-rail-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-inspector-rail-copy strong[b-x8j57ztynh] {
    color: #fff7dc;
    font-size: 1rem;
}

.browser-workbench-inspector-rail-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-inspector-rail-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-inspector-rail-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #eef1f6;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-inspector-rail-actions a:hover[b-x8j57ztynh],
.browser-workbench-inspector-rail-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(244, 207, 115, 0.52);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-inspector-rail-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-inspector-rail-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-dialog-stack[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(244, 207, 115, 0.2);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.08), rgba(137, 224, 179, 0.05)),
        rgba(12, 13, 16, 0.94);
}

.browser-workbench-dialog-stack-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-dialog-stack-copy strong[b-x8j57ztynh],
.browser-workbench-dialog-stack-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-dialog-stack-copy strong[b-x8j57ztynh] {
    color: #fff7dc;
    font-size: 1rem;
}

.browser-workbench-dialog-stack-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-dialog-stack-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-dialog-stack-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(244, 207, 115, 0.17);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #fff8e3;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-dialog-stack-actions a:hover[b-x8j57ztynh],
.browser-workbench-dialog-stack-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(244, 207, 115, 0.52);
    background: rgba(244, 207, 115, 0.1);
}

.browser-workbench-dialog-stack-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-dialog-stack-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-context-actions[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(244, 207, 115, 0.045)),
        rgba(9, 12, 18, 0.94);
}

.browser-workbench-context-actions-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-context-actions-copy strong[b-x8j57ztynh],
.browser-workbench-context-actions-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-context-actions-copy strong[b-x8j57ztynh] {
    color: #fff7dc;
    font-size: 1rem;
}

.browser-workbench-context-actions-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-context-actions-list[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-context-actions-list a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #eef1f6;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-context-actions-list a:hover[b-x8j57ztynh],
.browser-workbench-context-actions-list a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.54);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-context-actions-list span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-context-actions-list small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-search-filter[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.09), rgba(244, 207, 115, 0.045)),
        rgba(8, 15, 16, 0.94);
}

.browser-workbench-search-filter-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-search-filter-copy strong[b-x8j57ztynh],
.browser-workbench-search-filter-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-search-filter-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-search-filter-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-search-filter-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-search-filter-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-search-filter-actions a:hover[b-x8j57ztynh],
.browser-workbench-search-filter-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.56);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-search-filter-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-search-filter-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-layout-presets[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(244, 207, 115, 0.23);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(15, 13, 8, 0.94);
}

.browser-workbench-layout-presets-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-layout-presets-copy strong[b-x8j57ztynh],
.browser-workbench-layout-presets-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-layout-presets-copy strong[b-x8j57ztynh] {
    color: #fff7dc;
    font-size: 1rem;
}

.browser-workbench-layout-presets-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-layout-presets-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-layout-presets-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(244, 207, 115, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #fff8e3;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-layout-presets-actions a:hover[b-x8j57ztynh],
.browser-workbench-layout-presets-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(244, 207, 115, 0.56);
    background: rgba(244, 207, 115, 0.1);
}

.browser-workbench-layout-presets-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-layout-presets-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-activity-feed[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.075), rgba(244, 207, 115, 0.045)),
        rgba(10, 12, 15, 0.95);
}

.browser-workbench-activity-feed-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-activity-feed-copy strong[b-x8j57ztynh],
.browser-workbench-activity-feed-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-activity-feed-copy strong[b-x8j57ztynh] {
    color: #eef1f6;
    font-size: 1rem;
}

.browser-workbench-activity-feed-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-activity-feed-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-activity-feed-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(238, 241, 246, 0.16);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #eef1f6;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-activity-feed-actions a:hover[b-x8j57ztynh],
.browser-workbench-activity-feed-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.52);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-activity-feed-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-activity-feed-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-keyboard-shortcuts[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(238, 241, 246, 0.2);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(238, 241, 246, 0.08), rgba(244, 207, 115, 0.055)),
        rgba(9, 10, 13, 0.95);
}

.browser-workbench-keyboard-shortcuts-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-keyboard-shortcuts-copy strong[b-x8j57ztynh],
.browser-workbench-keyboard-shortcuts-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-keyboard-shortcuts-copy strong[b-x8j57ztynh] {
    color: #f8fbff;
    font-size: 1rem;
}

.browser-workbench-keyboard-shortcuts-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-keyboard-shortcuts-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-keyboard-shortcuts-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(238, 241, 246, 0.16);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #f8fbff;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-keyboard-shortcuts-actions a:hover[b-x8j57ztynh],
.browser-workbench-keyboard-shortcuts-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(238, 241, 246, 0.44);
    background: rgba(255, 255, 255, 0.075);
}

.browser-workbench-keyboard-shortcuts-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-keyboard-shortcuts-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-resource-meters[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.23);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.09), rgba(244, 207, 115, 0.055)),
        rgba(8, 14, 11, 0.95);
}

.browser-workbench-resource-meters-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-resource-meters-copy strong[b-x8j57ztynh],
.browser-workbench-resource-meters-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-resource-meters-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-resource-meters-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-resource-meters-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-resource-meters-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-resource-meters-actions a:hover[b-x8j57ztynh],
.browser-workbench-resource-meters-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.56);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-resource-meters-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-resource-meters-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-tree-tools[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.58fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(244, 207, 115, 0.05)),
        rgba(8, 14, 11, 0.95);
}

.browser-workbench-tree-tools-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-tree-tools-copy strong[b-x8j57ztynh],
.browser-workbench-tree-tools-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-tree-tools-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-tree-tools-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-tree-tools-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-tree-tools-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-tree-tools-actions a:hover[b-x8j57ztynh],
.browser-workbench-tree-tools-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.56);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-tree-tools-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-tree-tools-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-save-session[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.82fr) minmax(0, 1.55fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(244, 207, 115, 0.05)),
        rgba(8, 14, 11, 0.95);
}

.browser-workbench-save-session-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-save-session-copy strong[b-x8j57ztynh],
.browser-workbench-save-session-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-save-session-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-save-session-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-save-session-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-save-session-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-save-session-actions a:hover[b-x8j57ztynh],
.browser-workbench-save-session-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.56);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-save-session-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-save-session-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-output-handoff[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.84fr) minmax(0, 1.55fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(244, 207, 115, 0.05)),
        rgba(8, 14, 11, 0.95);
}

.browser-workbench-output-handoff-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-output-handoff-copy strong[b-x8j57ztynh],
.browser-workbench-output-handoff-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-output-handoff-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-output-handoff-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-output-handoff-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-output-handoff-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-output-handoff-actions a:hover[b-x8j57ztynh],
.browser-workbench-output-handoff-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.56);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-output-handoff-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-output-handoff-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-validation-queue[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.86fr) minmax(0, 1.52fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(244, 207, 115, 0.05)),
        rgba(8, 14, 11, 0.95);
}

.browser-workbench-validation-queue-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-validation-queue-copy strong[b-x8j57ztynh],
.browser-workbench-validation-queue-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-validation-queue-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-validation-queue-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-validation-queue-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-validation-queue-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-validation-queue-actions a:hover[b-x8j57ztynh],
.browser-workbench-validation-queue-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.56);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-validation-queue-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-validation-queue-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-history-undo[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.84fr) minmax(0, 1.55fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.1), rgba(137, 224, 179, 0.05)),
        rgba(10, 9, 15, 0.95);
}

.browser-workbench-history-undo-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-history-undo-copy strong[b-x8j57ztynh],
.browser-workbench-history-undo-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-history-undo-copy strong[b-x8j57ztynh] {
    color: #f4efff;
    font-size: 1rem;
}

.browser-workbench-history-undo-copy p[b-x8j57ztynh] {
    color: rgba(239, 234, 249, 0.74);
    line-height: 1.42;
}

.browser-workbench-history-undo-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-history-undo-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efff;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-history-undo-actions a:hover[b-x8j57ztynh],
.browser-workbench-history-undo-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.56);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-history-undo-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-history-undo-actions small[b-x8j57ztynh] {
    color: rgba(239, 234, 249, 0.72);
    line-height: 1.35;
}

.browser-workbench-sync-presence[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.86fr) minmax(0, 1.52fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.09), rgba(198, 185, 154, 0.055)),
        rgba(8, 13, 10, 0.95);
}

.browser-workbench-sync-presence-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-sync-presence-copy strong[b-x8j57ztynh],
.browser-workbench-sync-presence-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-sync-presence-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-sync-presence-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-sync-presence-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-sync-presence-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-sync-presence-actions a:hover[b-x8j57ztynh],
.browser-workbench-sync-presence-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.54);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-sync-presence-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-sync-presence-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-data-packs[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.86fr) minmax(0, 1.52fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.095), rgba(137, 224, 179, 0.045)),
        rgba(10, 14, 9, 0.95);
}

.browser-workbench-data-packs-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-data-packs-copy strong[b-x8j57ztynh],
.browser-workbench-data-packs-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-data-packs-copy strong[b-x8j57ztynh] {
    color: #f1ffe9;
    font-size: 1rem;
}

.browser-workbench-data-packs-copy p[b-x8j57ztynh] {
    color: rgba(237, 248, 229, 0.74);
    line-height: 1.42;
}

.browser-workbench-data-packs-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-data-packs-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f1ffe9;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-data-packs-actions a:hover[b-x8j57ztynh],
.browser-workbench-data-packs-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.54);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-data-packs-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-data-packs-actions small[b-x8j57ztynh] {
    color: rgba(237, 248, 229, 0.72);
    line-height: 1.35;
}

.browser-workbench-character-library[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.84fr) minmax(0, 1.55fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.095), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-character-library-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-character-library-copy strong[b-x8j57ztynh],
.browser-workbench-character-library-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-character-library-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-character-library-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-character-library-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-character-library-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-character-library-actions a:hover[b-x8j57ztynh],
.browser-workbench-character-library-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.54);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-character-library-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-character-library-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-campaign-session[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.86fr) minmax(0, 1.52fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(198, 185, 154, 0.055)),
        rgba(8, 13, 10, 0.95);
}

.browser-workbench-campaign-session-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-campaign-session-copy strong[b-x8j57ztynh],
.browser-workbench-campaign-session-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-campaign-session-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-campaign-session-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-campaign-session-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-campaign-session-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-campaign-session-actions a:hover[b-x8j57ztynh],
.browser-workbench-campaign-session-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.54);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-campaign-session-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-campaign-session-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-observability-privacy[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(8, 12, 10, 0.95);
}

.browser-workbench-observability-privacy-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-observability-privacy-copy strong[b-x8j57ztynh],
.browser-workbench-observability-privacy-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-observability-privacy-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-observability-privacy-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-observability-privacy-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-observability-privacy-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-observability-privacy-actions a:hover[b-x8j57ztynh],
.browser-workbench-observability-privacy-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.54);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-observability-privacy-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-observability-privacy-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-first-run[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.86fr) minmax(0, 1.52fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.095), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-first-run-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-first-run-copy strong[b-x8j57ztynh],
.browser-workbench-first-run-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-first-run-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-first-run-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-first-run-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-first-run-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-first-run-actions a:hover[b-x8j57ztynh],
.browser-workbench-first-run-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.54);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-first-run-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-first-run-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-pwa-install[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.86fr) minmax(0, 1.52fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(137, 224, 179, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(137, 224, 179, 0.085), rgba(198, 185, 154, 0.055)),
        rgba(8, 13, 10, 0.95);
}

.browser-workbench-pwa-install-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-pwa-install-copy strong[b-x8j57ztynh],
.browser-workbench-pwa-install-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-pwa-install-copy strong[b-x8j57ztynh] {
    color: #effff7;
    font-size: 1rem;
}

.browser-workbench-pwa-install-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-pwa-install-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-pwa-install-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(137, 224, 179, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff7;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-pwa-install-actions a:hover[b-x8j57ztynh],
.browser-workbench-pwa-install-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.54);
    background: rgba(137, 224, 179, 0.1);
}

.browser-workbench-pwa-install-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-pwa-install-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-docker-operator[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(135, 224, 166, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(135, 224, 166, 0.09), rgba(198, 185, 154, 0.045)),
        rgba(7, 14, 10, 0.95);
}

.browser-workbench-docker-operator-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-docker-operator-copy strong[b-x8j57ztynh],
.browser-workbench-docker-operator-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-docker-operator-copy strong[b-x8j57ztynh] {
    color: #ecfff2;
    font-size: 1rem;
}

.browser-workbench-docker-operator-copy p[b-x8j57ztynh] {
    color: rgba(230, 248, 236, 0.74);
    line-height: 1.42;
}

.browser-workbench-docker-operator-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-docker-operator-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(135, 224, 166, 0.2);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #ecfff2;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-docker-operator-actions a:hover[b-x8j57ztynh],
.browser-workbench-docker-operator-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(135, 224, 166, 0.58);
    background: rgba(135, 224, 166, 0.11);
}

.browser-workbench-docker-operator-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-docker-operator-actions small[b-x8j57ztynh] {
    color: rgba(230, 248, 236, 0.72);
    line-height: 1.35;
}

.browser-workbench-security-access[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-security-access-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-security-access-copy strong[b-x8j57ztynh],
.browser-workbench-security-access-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-security-access-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-security-access-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-security-access-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-security-access-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-security-access-actions a:hover[b-x8j57ztynh],
.browser-workbench-security-access-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.54);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-security-access-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-security-access-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-notifications-jobs[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-notifications-jobs-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-notifications-jobs-copy strong[b-x8j57ztynh],
.browser-workbench-notifications-jobs-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-notifications-jobs-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-notifications-jobs-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-notifications-jobs-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-notifications-jobs-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-notifications-jobs-actions a:hover[b-x8j57ztynh],
.browser-workbench-notifications-jobs-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(198, 185, 154, 0.54);
    background: rgba(198, 185, 154, 0.1);
}

.browser-workbench-notifications-jobs-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-notifications-jobs-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-workbench-touch-mobile[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-touch-mobile-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-touch-mobile-copy strong[b-x8j57ztynh],
.browser-workbench-touch-mobile-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-touch-mobile-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-touch-mobile-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-touch-mobile-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-touch-mobile-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-touch-mobile-actions a:hover[b-x8j57ztynh],
.browser-workbench-touch-mobile-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-touch-mobile-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-touch-mobile-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-navigation-deeplink[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-navigation-deeplink-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-navigation-deeplink-copy strong[b-x8j57ztynh],
.browser-workbench-navigation-deeplink-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-navigation-deeplink-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-navigation-deeplink-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-navigation-deeplink-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-navigation-deeplink-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-navigation-deeplink-actions a:hover[b-x8j57ztynh],
.browser-workbench-navigation-deeplink-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-navigation-deeplink-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-navigation-deeplink-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-inline-editing[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-inline-editing-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-inline-editing-copy strong[b-x8j57ztynh],
.browser-workbench-inline-editing-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-inline-editing-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-inline-editing-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-inline-editing-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-inline-editing-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-inline-editing-actions a:hover[b-x8j57ztynh],
.browser-workbench-inline-editing-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-inline-editing-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-inline-editing-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-performance-virtualization[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-performance-virtualization-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-performance-virtualization-copy strong[b-x8j57ztynh],
.browser-workbench-performance-virtualization-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-performance-virtualization-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-performance-virtualization-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-performance-virtualization-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-performance-virtualization-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-performance-virtualization-actions a:hover[b-x8j57ztynh],
.browser-workbench-performance-virtualization-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-performance-virtualization-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-performance-virtualization-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-print-layout[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-print-layout-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-print-layout-copy strong[b-x8j57ztynh],
.browser-workbench-print-layout-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-print-layout-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-print-layout-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-print-layout-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-print-layout-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-print-layout-actions a:hover[b-x8j57ztynh],
.browser-workbench-print-layout-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-print-layout-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-print-layout-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-portrait-attachments[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-portrait-attachments-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-portrait-attachments-copy strong[b-x8j57ztynh],
.browser-workbench-portrait-attachments-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-portrait-attachments-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-portrait-attachments-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-portrait-attachments-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-portrait-attachments-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-portrait-attachments-actions a:hover[b-x8j57ztynh],
.browser-workbench-portrait-attachments-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-portrait-attachments-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-portrait-attachments-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-windowing-panes[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-windowing-panes-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-windowing-panes-copy strong[b-x8j57ztynh],
.browser-workbench-windowing-panes-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-windowing-panes-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-windowing-panes-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-windowing-panes-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-windowing-panes-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-windowing-panes-actions a:hover[b-x8j57ztynh],
.browser-workbench-windowing-panes-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-windowing-panes-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-windowing-panes-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-calculation-provenance[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-calculation-provenance-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-calculation-provenance-copy strong[b-x8j57ztynh],
.browser-workbench-calculation-provenance-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-calculation-provenance-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-calculation-provenance-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-calculation-provenance-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-calculation-provenance-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-calculation-provenance-actions a:hover[b-x8j57ztynh],
.browser-workbench-calculation-provenance-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-calculation-provenance-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-calculation-provenance-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-lifecycle-calendar[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.09), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-lifecycle-calendar-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-lifecycle-calendar-copy strong[b-x8j57ztynh],
.browser-workbench-lifecycle-calendar-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-lifecycle-calendar-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-lifecycle-calendar-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.42;
}

.browser-workbench-lifecycle-calendar-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-lifecycle-calendar-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-lifecycle-calendar-actions a:hover[b-x8j57ztynh],
.browser-workbench-lifecycle-calendar-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-lifecycle-calendar-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-lifecycle-calendar-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.7);
    line-height: 1.35;
}

.browser-workbench-progression-ledger[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin: 0 auto 0.85rem;
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.8rem;
    border: 1px solid rgba(198, 185, 154, 0.22);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(198, 185, 154, 0.085), rgba(137, 224, 179, 0.045)),
        rgba(10, 12, 9, 0.95);
}

.browser-workbench-progression-ledger-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-progression-ledger-copy strong[b-x8j57ztynh],
.browser-workbench-progression-ledger-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-progression-ledger-copy strong[b-x8j57ztynh] {
    color: #f4efe4;
    font-size: 1rem;
}

.browser-workbench-progression-ledger-copy p[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.74);
    line-height: 1.42;
}

.browser-workbench-progression-ledger-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.browser-workbench-progression-ledger-actions a[b-x8j57ztynh] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.75rem;
    padding: 0.72rem;
    border: 1px solid rgba(198, 185, 154, 0.2);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.042);
    color: #f4efe4;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.browser-workbench-progression-ledger-actions a:hover[b-x8j57ztynh],
.browser-workbench-progression-ledger-actions a:focus-visible[b-x8j57ztynh] {
    transform: translateY(-1px);
    border-color: rgba(137, 224, 179, 0.5);
    background: rgba(137, 224, 179, 0.09);
}

.browser-workbench-progression-ledger-actions span[b-x8j57ztynh] {
    font-weight: 850;
}

.browser-workbench-progression-ledger-actions small[b-x8j57ztynh] {
    color: rgba(238, 241, 246, 0.72);
    line-height: 1.35;
}

.browser-preview-frame[b-x8j57ztynh] {
    padding-bottom: 1rem;
}

.browser-app-launch[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(14rem, 0.8fr) minmax(10rem, 0.65fr) minmax(22rem, 1.6fr);
    gap: 0.65rem;
    align-items: stretch;
    padding: 0.75rem;
    border: 1px solid rgba(244, 207, 115, 0.28);
    border-radius: 0.85rem;
    background:
        linear-gradient(135deg, rgba(244, 207, 115, 0.105), rgba(137, 224, 179, 0.06)),
        rgba(9, 12, 16, 0.92);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.browser-app-launch-copy[b-x8j57ztynh],
.browser-app-launch-actions[b-x8j57ztynh],
.browser-app-example-runners[b-x8j57ztynh] {
    min-width: 0;
}

.browser-app-launch-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.22rem;
    align-content: center;
}

.browser-app-launch-copy strong[b-x8j57ztynh],
.browser-app-launch-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-app-launch-copy strong[b-x8j57ztynh] {
    color: #fff7df;
    font-size: 1rem;
}

.browser-app-launch-copy p[b-x8j57ztynh] {
    color: rgba(255, 248, 232, 0.72);
    line-height: 1.35;
}

.browser-app-launch-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
}

.browser-app-launch-actions a[b-x8j57ztynh],
.browser-app-example-runners a[b-x8j57ztynh] {
    color: #fff8e8;
    text-decoration: none;
    border: 1px solid rgba(255, 248, 232, 0.16);
    background: rgba(255, 255, 255, 0.05);
}

.browser-app-launch-actions a[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.38rem 0.55rem;
    border-radius: 0.6rem;
    font-weight: 850;
}

.browser-app-example-runners[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.browser-app-example-runners a[b-x8j57ztynh] {
    display: grid;
    gap: 0.18rem;
    padding: 0.55rem;
    border-radius: 0.7rem;
}

.browser-app-example-runners span[b-x8j57ztynh] {
    color: #ffd46f;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.browser-app-example-runners strong[b-x8j57ztynh] {
    color: #fff8e8;
    font-size: 0.92rem;
}

.browser-app-example-runners small[b-x8j57ztynh] {
    color: rgba(255, 248, 232, 0.68);
    line-height: 1.3;
}

.browser-app-launch-actions a:hover[b-x8j57ztynh],
.browser-app-launch-actions a:focus-visible[b-x8j57ztynh],
.browser-app-example-runners a:hover[b-x8j57ztynh],
.browser-app-example-runners a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(137, 224, 179, 0.62);
    background: rgba(137, 224, 179, 0.11);
}

@media (max-width: 980px) {
    .browser-app-launch[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-app-launch-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .browser-app-example-runners[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .browser-app-launch-actions[b-x8j57ztynh],
    .browser-app-example-runners[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

.browser-preview-frame[b-x8j57ztynh]  .desktop-shell,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell .panel,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell label,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell h3,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell p,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell pre,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell span,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell li,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell dt,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell dd,
.browser-preview-frame[b-x8j57ztynh]  .desktop-shell strong,
.browser-preview-frame[b-x8j57ztynh]  .dialog-visual-pre {
    color: var(--ui-kit-ink);
}

.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog h2,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog h3,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog p,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog pre,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog label,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog span,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog li,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog dt,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog dd,
.browser-preview-shell[b-x8j57ztynh]  .desktop-dialog strong,
.browser-preview-shell[b-x8j57ztynh]  .dialog-visual-pre,
.browser-preview-shell[b-x8j57ztynh]  .dialog-body,
.browser-preview-shell[b-x8j57ztynh]  .dialog-label,
.browser-preview-shell[b-x8j57ztynh]  .dialog-narrative,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-narrative,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-book,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly {
    color: var(--ui-kit-ink);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-panel,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-subpanel,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-summary-card,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly {
    border-color: var(--ui-kit-shell-border);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly {
    background: var(--ui-kit-panel-surface);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview--book {
    background: var(--ui-kit-shell-surface-emphasis);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview p,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly p,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview pre,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly pre,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview strong,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly strong,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview span,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly span,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview li,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly li,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-preview em,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-readonly em,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-narrative p,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-book p,
.browser-preview-shell[b-x8j57ztynh]  .dialog-narrative p {
    color: inherit;
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-panel > header p,
.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-subpanel > header p {
    color: var(--ui-kit-muted);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-note,
.browser-preview-shell[b-x8j57ztynh]  .hint,
.browser-preview-shell[b-x8j57ztynh]  .summary {
    color: var(--ui-kit-muted);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-summary-card strong {
    color: var(--ui-kit-ink-strong);
}

.browser-preview-shell[b-x8j57ztynh]  .dialog-origin-summary-label {
    border-color: var(--ui-kit-shell-border);
    background: var(--ui-kit-shell-surface-emphasis);
    color: var(--ui-kit-muted);
    box-shadow: none;
    letter-spacing: 0.08em;
}

@media (max-width: 720px) {
    .browser-preview-banner[b-x8j57ztynh] {
        flex-direction: column;
        align-items: start;
    }

    .browser-workbench-task-dock[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-task-dock-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-recovery-strip[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-recovery-detail[b-x8j57ztynh] {
        grid-column: auto;
    }

    .browser-workbench-hosting-strip[b-x8j57ztynh],
    .browser-workbench-hosting-cards[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-command-palette[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-command-list[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-density-strip[b-x8j57ztynh],
    .browser-workbench-density-options[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-workflow-ledger[b-x8j57ztynh],
    .browser-workbench-ledger-grid[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-file-intake[b-x8j57ztynh],
    .browser-workbench-file-intake-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-rules-data[b-x8j57ztynh],
    .browser-workbench-rules-data-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-settings[b-x8j57ztynh],
    .browser-workbench-settings-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-diagnostics[b-x8j57ztynh],
    .browser-workbench-diagnostics-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-connected-runtime[b-x8j57ztynh],
    .browser-workbench-connected-runtime-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-accessibility[b-x8j57ztynh],
    .browser-workbench-accessibility-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-section-rail[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-section-rail-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .browser-workbench-desktop-install[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-desktop-install-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-menu-bar[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-menu-bar-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .browser-workbench-workspace-tabs[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-workspace-tabs-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-status-bar[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-status-bar-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-inspector-rail[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-inspector-rail-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-dialog-stack[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-dialog-stack-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-context-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-context-actions-list[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-search-filter[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-search-filter-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-layout-presets[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-layout-presets-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-activity-feed[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-activity-feed-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-keyboard-shortcuts[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-keyboard-shortcuts-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-resource-meters[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-resource-meters-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-tree-tools[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-tree-tools-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-save-session[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-save-session-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-output-handoff[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-output-handoff-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-validation-queue[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-validation-queue-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-history-undo[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-history-undo-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-sync-presence[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-sync-presence-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-data-packs[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-data-packs-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-character-library[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-character-library-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-campaign-session[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-campaign-session-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-observability-privacy[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-observability-privacy-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-first-run[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-first-run-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-pwa-install[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-pwa-install-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-docker-operator[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-docker-operator-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-security-access[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-security-access-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-notifications-jobs[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-notifications-jobs-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-touch-mobile[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-touch-mobile-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-navigation-deeplink[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-navigation-deeplink-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-inline-editing[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-inline-editing-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-performance-virtualization[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-performance-virtualization-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-print-layout[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-print-layout-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-portrait-attachments[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-portrait-attachments-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-windowing-panes[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-windowing-panes-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-calculation-provenance[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-calculation-provenance-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-lifecycle-calendar[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-lifecycle-calendar-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .browser-workbench-progression-ledger[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-workbench-progression-ledger-actions[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .browser-workbench-import-reconcile-strip[b-x8j57ztynh],
    .browser-workbench-import-reconcile-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-compare-merge-strip[b-x8j57ztynh],
    .browser-workbench-compare-merge-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-restore-checkpoint-strip[b-x8j57ztynh],
    .browser-workbench-restore-checkpoint-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-offline-cache-strip[b-x8j57ztynh],
    .browser-workbench-offline-cache-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-session-locking-strip[b-x8j57ztynh],
    .browser-workbench-session-locking-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-share-export-privacy-strip[b-x8j57ztynh],
    .browser-workbench-share-export-privacy-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-table-handoff-strip[b-x8j57ztynh],
    .browser-workbench-table-handoff-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-rules-citation-strip[b-x8j57ztynh],
    .browser-workbench-rules-citation-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-localization-terminology-strip[b-x8j57ztynh],
    .browser-workbench-localization-terminology-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .browser-workbench-help-recovery-guidance-strip[b-x8j57ztynh],
    .browser-workbench-help-recovery-guidance-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

.browser-workbench-gm-screen-export-strip[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(95, 107, 87, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.42);
}

.browser-workbench-gm-screen-export-copy[b-x8j57ztynh] {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.browser-workbench-gm-screen-export-copy strong[b-x8j57ztynh],
.browser-workbench-gm-screen-export-copy p[b-x8j57ztynh] {
    margin: 0;
}

.browser-workbench-gm-screen-export-copy strong[b-x8j57ztynh] {
    color: #27301f;
    font-size: 1rem;
}

.browser-workbench-gm-screen-export-copy p[b-x8j57ztynh] {
    color: #526047;
}

.browser-workbench-gm-screen-export-actions[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.browser-workbench-gm-screen-export-actions a[b-x8j57ztynh] {
    min-height: 3rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(95, 107, 87, 0.24);
    border-radius: 8px;
    color: #27301f;
    background: rgba(255, 255, 255, 0.54);
    text-decoration: none;
    font-weight: 700;
}

.browser-workbench-gm-screen-export-actions a:hover[b-x8j57ztynh],
.browser-workbench-gm-screen-export-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(86, 117, 74, 0.62);
    background: rgba(245, 242, 234, 0.88);
}

@media (max-width: 720px) {
    .browser-workbench-gm-screen-export-strip[b-x8j57ztynh],
    .browser-workbench-gm-screen-export-actions[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

/* Chummer Online theme refinement: deep slate, neon mint, antique gold. */
:root[b-x8j57ztynh] {
  --chummer-void: #07110f;
  --chummer-ink: #0d1b18;
  --chummer-panel: rgba(15, 32, 28, 0.82);
  --chummer-panel-strong: rgba(21, 43, 37, 0.94);
  --chummer-mint: #69f0b6;
  --chummer-mint-soft: rgba(105, 240, 182, 0.16);
  --chummer-gold: #f0c766;
  --chummer-gold-soft: rgba(240, 199, 102, 0.18);
  --chummer-rust: #cf6f4f;
  --chummer-text: #f3f0df;
  --chummer-muted: #aebdb3;
  --chummer-border: rgba(169, 225, 190, 0.22);
  --chummer-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.preview-page[b-x8j57ztynh],
.workbench-shell[b-x8j57ztynh],
.chummer-app-shell[b-x8j57ztynh] {
  color: var(--chummer-text);
  background:
    radial-gradient(circle at 12% 8%, rgba(105, 240, 182, 0.18), transparent 34rem),
    radial-gradient(circle at 84% 12%, rgba(240, 199, 102, 0.16), transparent 30rem),
    linear-gradient(145deg, var(--chummer-void), #10231f 48%, #07100e);
}

.preview-page :is(.card, .panel, .workbench-panel, .command-deck, .task-dock, .route-guidance, .workflow-ledger)[b-x8j57ztynh] {
  background: linear-gradient(150deg, var(--chummer-panel-strong), rgba(8, 17, 15, 0.78));
  border-color: var(--chummer-border);
  box-shadow: var(--chummer-shadow);
}

.preview-page :is(a, button, .nav-link, .route-pill, .command-action):focus-visible[b-x8j57ztynh] {
  outline: 3px solid var(--chummer-gold);
  outline-offset: 3px;
  box-shadow: 0 0 0 7px rgba(240, 199, 102, 0.16);
}

.preview-page :is(.route-pill, .status-pill, .command-action, .primary-action)[b-x8j57ztynh] {
  background: linear-gradient(135deg, var(--chummer-mint-soft), var(--chummer-gold-soft));
  border-color: rgba(240, 199, 102, 0.28);
  color: var(--chummer-text);
}

.preview-page :is(.route-pill:hover, .command-action:hover, .primary-action:hover)[b-x8j57ztynh] {
  border-color: rgba(105, 240, 182, 0.56);
  box-shadow: 0 18px 48px rgba(25, 222, 150, 0.14);
}

.preview-page :is(h1, h2, h3, .section-title, .dock-title)[b-x8j57ztynh] {
  color: #fff7d7;
  text-shadow: 0 0 24px rgba(240, 199, 102, 0.16);
}

.preview-page :is(.eyebrow, .kicker, .status-label, .route-kind)[b-x8j57ztynh] {
  color: var(--chummer-mint);
  letter-spacing: 0.12em;
}

.preview-page p[b-x8j57ztynh] {
  color: var(--chummer-muted);
}

/* Apply the refined palette to the existing browser shell class names. */
.browser-preview-shell[b-x8j57ztynh],
.browser-preview-status[b-x8j57ztynh],
.browser-preview-layout[b-x8j57ztynh],
.browser-workbench-layout[b-x8j57ztynh],
.browser-workbench-task-dock[b-x8j57ztynh],
.browser-workbench-recovery-strip[b-x8j57ztynh],
.browser-workbench-hosting-strip[b-x8j57ztynh],
.browser-workbench-command-deck[b-x8j57ztynh],
.browser-workbench-navigation-strip[b-x8j57ztynh] {
  color: var(--chummer-text);
}

.browser-preview-shell[b-x8j57ztynh],
.browser-workbench-layout[b-x8j57ztynh] {
  background:
    linear-gradient(115deg, rgba(105, 240, 182, 0.08), transparent 36%),
    radial-gradient(circle at 10% 5%, rgba(105, 240, 182, 0.14), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(240, 199, 102, 0.13), transparent 26rem),
    linear-gradient(145deg, var(--chummer-void), #10231f 54%, #07100e);
}

.browser-preview-status-card[b-x8j57ztynh],
.browser-workbench-task-dock[b-x8j57ztynh],
.browser-workbench-recovery-strip[b-x8j57ztynh],
.browser-workbench-hosting-strip[b-x8j57ztynh],
.browser-workbench-command-deck[b-x8j57ztynh],
.browser-workbench-navigation-strip[b-x8j57ztynh],
.browser-workbench-import-reconcile-strip[b-x8j57ztynh],
.browser-workbench-compare-merge-strip[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-strip[b-x8j57ztynh],
.browser-workbench-offline-cache-strip[b-x8j57ztynh],
.browser-workbench-session-locking-strip[b-x8j57ztynh],
.browser-workbench-share-export-privacy-strip[b-x8j57ztynh],
.browser-workbench-table-handoff-strip[b-x8j57ztynh],
.browser-workbench-rules-citation-strip[b-x8j57ztynh],
.browser-workbench-localization-terminology-strip[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-strip[b-x8j57ztynh],
.browser-workbench-gm-screen-export-strip[b-x8j57ztynh] {
  background:
    linear-gradient(150deg, rgba(21, 43, 37, 0.94), rgba(8, 17, 15, 0.78)),
    linear-gradient(90deg, rgba(105, 240, 182, 0.08), rgba(240, 199, 102, 0.08));
  border: 1px solid var(--chummer-border);
  box-shadow: var(--chummer-shadow);
}

.browser-preview-status-card strong[b-x8j57ztynh],
.browser-workbench-task-dock-copy strong[b-x8j57ztynh],
.browser-workbench-recovery-copy strong[b-x8j57ztynh],
.browser-workbench-hosting-copy strong[b-x8j57ztynh],
.browser-workbench-command-deck strong[b-x8j57ztynh],
.browser-workbench-navigation-strip strong[b-x8j57ztynh],
.browser-workbench-import-reconcile-copy strong[b-x8j57ztynh],
.browser-workbench-compare-merge-copy strong[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-copy strong[b-x8j57ztynh],
.browser-workbench-offline-cache-copy strong[b-x8j57ztynh],
.browser-workbench-session-locking-copy strong[b-x8j57ztynh],
.browser-workbench-share-export-privacy-copy strong[b-x8j57ztynh],
.browser-workbench-table-handoff-copy strong[b-x8j57ztynh],
.browser-workbench-rules-citation-copy strong[b-x8j57ztynh],
.browser-workbench-localization-terminology-copy strong[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-copy strong[b-x8j57ztynh],
.browser-workbench-gm-screen-export-copy strong[b-x8j57ztynh] {
  color: #fff7d7;
}

.browser-preview-status-card p[b-x8j57ztynh],
.browser-workbench-task-dock-copy p[b-x8j57ztynh],
.browser-workbench-recovery-copy p[b-x8j57ztynh],
.browser-workbench-hosting-copy p[b-x8j57ztynh],
.browser-workbench-import-reconcile-copy p[b-x8j57ztynh],
.browser-workbench-compare-merge-copy p[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-copy p[b-x8j57ztynh],
.browser-workbench-offline-cache-copy p[b-x8j57ztynh],
.browser-workbench-session-locking-copy p[b-x8j57ztynh],
.browser-workbench-share-export-privacy-copy p[b-x8j57ztynh],
.browser-workbench-table-handoff-copy p[b-x8j57ztynh],
.browser-workbench-rules-citation-copy p[b-x8j57ztynh],
.browser-workbench-localization-terminology-copy p[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-copy p[b-x8j57ztynh],
.browser-workbench-gm-screen-export-copy p[b-x8j57ztynh] {
  color: var(--chummer-muted);
}

.browser-workbench-task-dock-actions a[b-x8j57ztynh],
.browser-workbench-recovery-actions a[b-x8j57ztynh],
.browser-workbench-recovery-detail a[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a[b-x8j57ztynh],
.browser-workbench-session-locking-actions a[b-x8j57ztynh],
.browser-workbench-share-export-privacy-actions a[b-x8j57ztynh],
.browser-workbench-table-handoff-actions a[b-x8j57ztynh],
.browser-workbench-rules-citation-actions a[b-x8j57ztynh],
.browser-workbench-localization-terminology-actions a[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-actions a[b-x8j57ztynh],
.browser-workbench-gm-screen-export-actions a[b-x8j57ztynh] {
  background: linear-gradient(135deg, rgba(105, 240, 182, 0.16), rgba(240, 199, 102, 0.16));
  border-color: rgba(240, 199, 102, 0.28);
  color: var(--chummer-text);
}

.browser-workbench-task-dock-actions a:hover[b-x8j57ztynh],
.browser-workbench-recovery-actions a:hover[b-x8j57ztynh],
.browser-workbench-recovery-detail a:hover[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a:hover[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a:hover[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a:hover[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a:hover[b-x8j57ztynh],
.browser-workbench-session-locking-actions a:hover[b-x8j57ztynh],
.browser-workbench-share-export-privacy-actions a:hover[b-x8j57ztynh],
.browser-workbench-table-handoff-actions a:hover[b-x8j57ztynh],
.browser-workbench-rules-citation-actions a:hover[b-x8j57ztynh],
.browser-workbench-localization-terminology-actions a:hover[b-x8j57ztynh],
.browser-workbench-help-recovery-guidance-actions a:hover[b-x8j57ztynh],
.browser-workbench-gm-screen-export-actions a:hover[b-x8j57ztynh] {
  border-color: rgba(105, 240, 182, 0.58);
  box-shadow: 0 18px 48px rgba(25, 222, 150, 0.14);
}

/* Chummer Online theme polish: make Chummer Online read as a premium app shell, not a default preview page. */
.browser-preview-shell[b-x8j57ztynh] {
    --app-ink: #fff8e8;
    --app-muted: rgba(255, 248, 232, 0.75);
    --app-panel: rgba(8, 11, 16, 0.88);
    --app-panel-soft: rgba(255, 255, 255, 0.052);
    --app-gold: #ffd46f;
    --app-green: #8ff0bc;
    --app-blue: #76aeca;
    --app-line: rgba(255, 217, 120, 0.27);
    background:
        radial-gradient(circle at 86% 5%, rgba(255, 217, 120, 0.28), transparent 25%),
        radial-gradient(circle at 7% 18%, rgba(106, 161, 198, 0.28), transparent 31%),
        radial-gradient(circle at 58% 108%, rgba(143, 240, 188, 0.18), transparent 34%),
        linear-gradient(120deg, rgba(255, 217, 120, 0.06), transparent 34%, rgba(143, 240, 188, 0.05) 74%, transparent),
        linear-gradient(180deg, #141b25 0%, #0b0f15 49%, #06080c 100%);
}

.browser-preview-banner[b-x8j57ztynh],
.browser-preview-boundary[b-x8j57ztynh],
.browser-workbench-import-reconcile-strip[b-x8j57ztynh],
.browser-workbench-compare-merge-strip[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-strip[b-x8j57ztynh],
.browser-workbench-offline-cache-strip[b-x8j57ztynh],
.browser-workbench-session-locking-strip[b-x8j57ztynh] {
    border-color: rgba(255, 217, 120, 0.28);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.browser-workbench-import-reconcile-actions a[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a[b-x8j57ztynh],
.browser-workbench-session-locking-actions a[b-x8j57ztynh] {
    border-color: rgba(255, 217, 120, 0.2);
    background:
        linear-gradient(135deg, rgba(106, 161, 198, 0.12), rgba(255, 217, 120, 0.045)),
        var(--app-panel-soft);
}

.browser-workbench-import-reconcile-actions a:hover[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a:hover[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a:hover[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a:hover[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-session-locking-actions a:hover[b-x8j57ztynh],
.browser-workbench-session-locking-actions a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, 0.58);
    background:
        linear-gradient(135deg, rgba(143, 240, 188, 0.14), rgba(255, 217, 120, 0.065)),
        rgba(255, 255, 255, 0.065);
}

/* Final Chummer Online visual theme layer: unified slate, gold, and mint across every app/workbench strip. */
.browser-preview-shell[b-x8j57ztynh] {
    --app-ink: #fff8e8;
    --app-muted: rgba(255, 248, 232, 0.74);
    --app-muted-strong: rgba(255, 248, 232, 0.86);
    --app-panel: rgba(9, 13, 18, 0.88);
    --app-panel-raised: rgba(17, 27, 32, 0.86);
    --app-panel-soft: rgba(255, 255, 255, 0.06);
    --app-gold: #ffd46f;
    --app-gold-soft: rgba(255, 217, 120, 0.18);
    --app-green: #8ff0bc;
    --app-green-soft: rgba(143, 240, 188, 0.16);
    --app-blue: #77aeca;
    --app-line: rgba(255, 217, 120, 0.3);
    --app-line-cool: rgba(143, 240, 188, 0.28);
    --app-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
    --app-radius: 1.15rem;
    position: relative;
    isolation: isolate;
    overflow-x: clip;
    background:
        radial-gradient(circle at 84% 4%, rgba(255, 217, 120, 0.31), transparent 24rem),
        radial-gradient(circle at 5% 18%, rgba(119, 174, 202, 0.28), transparent 27rem),
        radial-gradient(circle at 58% 112%, rgba(143, 240, 188, 0.19), transparent 32rem),
        linear-gradient(120deg, rgba(255, 217, 120, 0.06), transparent 32%, rgba(143, 240, 188, 0.055) 72%, transparent),
        linear-gradient(180deg, #121923 0%, #0a0f15 48%, #05070b 100%);
    color: var(--app-ink);
}

.browser-preview-shell[b-x8j57ztynh]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 3.4rem 3.4rem;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.62), transparent 72%);
}

.browser-preview-banner[b-x8j57ztynh] {
    border: 1px solid rgba(255, 217, 120, 0.28);
    border-radius: 1.45rem;
    background:
        linear-gradient(135deg, rgba(255, 217, 120, 0.14), rgba(143, 240, 188, 0.08)),
        linear-gradient(150deg, rgba(19, 32, 38, 0.94), rgba(8, 12, 18, 0.84));
    box-shadow: var(--app-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.browser-preview-kicker[b-x8j57ztynh],
.browser-preview-status-label[b-x8j57ztynh] {
    width: fit-content;
    border: 1px solid rgba(255, 217, 120, 0.24);
    border-radius: 999px;
    padding: 0.18rem 0.52rem;
    color: var(--app-gold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    background: linear-gradient(135deg, rgba(255, 217, 120, 0.1), rgba(143, 240, 188, 0.055));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.browser-preview-banner h1[b-x8j57ztynh] {
    color: #fff3c7;
    text-shadow: 0 0 34px rgba(255, 217, 120, 0.18);
}

.browser-preview-banner p[b-x8j57ztynh],
.browser-preview-boundary[b-x8j57ztynh],
.browser-preview-status-card p[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] p[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] small[b-x8j57ztynh] {
    color: var(--app-muted);
}

.browser-preview-actions a[b-x8j57ztynh],
.browser-preview-status-card a[b-x8j57ztynh],
.browser-preview-shell :is(nav, div, fieldset)[class*="-actions"] a[b-x8j57ztynh],
.browser-preview-shell :is(nav, div, fieldset)[class*="-options"] label[b-x8j57ztynh] {
    border: 1px solid rgba(255, 217, 120, 0.27);
    color: var(--app-ink);
    background:
        linear-gradient(135deg, rgba(143, 240, 188, 0.13), rgba(255, 217, 120, 0.1)),
        rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

.browser-preview-actions a:hover[b-x8j57ztynh],
.browser-preview-actions a:focus-visible[b-x8j57ztynh],
.browser-preview-status-card a:hover[b-x8j57ztynh],
.browser-preview-status-card a:focus-visible[b-x8j57ztynh],
.browser-preview-shell :is(nav, div, fieldset)[class*="-actions"] a:hover[b-x8j57ztynh],
.browser-preview-shell :is(nav, div, fieldset)[class*="-actions"] a:focus-visible[b-x8j57ztynh],
.browser-preview-shell :is(nav, div, fieldset)[class*="-options"] label:hover[b-x8j57ztynh],
.browser-preview-shell :is(nav, div, fieldset)[class*="-options"] label:focus-within[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, 0.68);
    background:
        linear-gradient(135deg, rgba(143, 240, 188, 0.2), rgba(255, 217, 120, 0.16)),
        rgba(255, 255, 255, 0.072);
    box-shadow: 0 18px 48px rgba(42, 206, 139, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: translateY(-1px);
}

.browser-preview-actions a[href="/downloads/"][b-x8j57ztynh],
.browser-preview-actions a[href="/docs/"][b-x8j57ztynh] {
    border-color: rgba(119, 174, 202, 0.44);
    background:
        linear-gradient(135deg, rgba(119, 174, 202, 0.16), rgba(255, 217, 120, 0.08)),
        rgba(255, 255, 255, 0.05);
}

.browser-preview-actions a[href="/downloads/"]:hover[b-x8j57ztynh],
.browser-preview-actions a[href="/downloads/"]:focus-visible[b-x8j57ztynh],
.browser-preview-actions a[href="/docs/"]:hover[b-x8j57ztynh],
.browser-preview-actions a[href="/docs/"]:focus-visible[b-x8j57ztynh] {
    border-color: rgba(119, 174, 202, 0.72);
    box-shadow: 0 18px 48px rgba(119, 174, 202, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.085);
}

.browser-preview-boundary[b-x8j57ztynh],
.browser-preview-status-card[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"][data-workbench][b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"][data-workbench-polish][b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"][data-workbench-recovery][b-x8j57ztynh] {
    border: 1px solid rgba(255, 217, 120, 0.24);
    background:
        linear-gradient(145deg, rgba(20, 34, 39, 0.9), rgba(8, 13, 18, 0.78)),
        linear-gradient(90deg, rgba(143, 240, 188, 0.075), rgba(255, 217, 120, 0.085));
    box-shadow: var(--app-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
    position: relative;
    overflow: hidden;
}

.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.24rem;
    pointer-events: none;
    background: linear-gradient(180deg, var(--app-gold), var(--app-green));
    opacity: 0.74;
}

.browser-preview-status-card strong[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] strong[b-x8j57ztynh],
.browser-preview-boundary strong[b-x8j57ztynh] {
    color: #fff6d8;
}

.browser-preview-shell kbd[b-x8j57ztynh] {
    border-color: rgba(255, 217, 120, 0.34);
    color: #fff6d8;
    background: rgba(255, 217, 120, 0.11);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.28);
}

.browser-preview-shell code[b-x8j57ztynh] {
    border: 1px solid rgba(255, 217, 120, 0.28);
    border-radius: 0.46rem;
    padding: 0.08rem 0.34rem;
    color: #fff3c7;
    background: rgba(255, 217, 120, 0.105);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.browser-preview-shell [data-workbench-dock-action="character-roster"][b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="start-new"][b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="open-existing"][b-x8j57ztynh] {
    border-color: rgba(255, 217, 120, 0.56);
    color: #06110d;
    background:
        linear-gradient(135deg, rgba(255, 243, 199, 0.96), rgba(143, 240, 188, 0.86)),
        var(--app-gold);
    box-shadow: 0 18px 52px rgba(255, 217, 120, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.browser-preview-shell [data-workbench-dock-action="character-roster"]:hover[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="character-roster"]:focus-visible[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="start-new"]:hover[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="start-new"]:focus-visible[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="open-existing"]:hover[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="open-existing"]:focus-visible[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, 0.88);
    box-shadow: 0 22px 62px rgba(143, 240, 188, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.browser-preview-shell [data-workbench-dock-action="character-roster"]:focus-visible[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="start-new"]:focus-visible[b-x8j57ztynh],
.browser-preview-shell [data-workbench-dock-action="open-existing"]:focus-visible[b-x8j57ztynh] {
    outline-color: rgba(6, 17, 13, 0.86);
    outline-offset: 4px;
}

.browser-preview-shell .browser-workbench-density-options[b-x8j57ztynh] {
    border-color: rgba(255, 217, 120, 0.26);
    background:
        linear-gradient(145deg, rgba(7, 11, 16, 0.58), rgba(16, 28, 32, 0.42)),
        rgba(255, 255, 255, 0.035);
}

.browser-preview-shell .browser-workbench-density-options legend[b-x8j57ztynh] {
    color: var(--app-gold);
}

.browser-preview-shell .browser-workbench-density-options input[b-x8j57ztynh] {
    accent-color: var(--app-green);
}

.browser-preview-shell .browser-workbench-density-options label:has(input:checked)[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, 0.72);
    background:
        linear-gradient(135deg, rgba(143, 240, 188, 0.22), rgba(255, 217, 120, 0.13)),
        rgba(255, 255, 255, 0.07);
    box-shadow: 0 16px 42px rgba(42, 206, 139, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.085);
}

@media (prefers-reduced-motion: reduce) {
    .browser-preview-actions a[b-x8j57ztynh],
    .browser-preview-status-card a[b-x8j57ztynh],
    .browser-preview-shell :is(nav, div, fieldset)[class*="-actions"] a[b-x8j57ztynh],
    .browser-preview-shell :is(nav, div, fieldset)[class*="-options"] label[b-x8j57ztynh] {
        transition: none;
    }

    .browser-preview-actions a:hover[b-x8j57ztynh],
    .browser-preview-actions a:focus-visible[b-x8j57ztynh],
    .browser-preview-status-card a:hover[b-x8j57ztynh],
    .browser-preview-status-card a:focus-visible[b-x8j57ztynh],
    .browser-preview-shell :is(nav, div, fieldset)[class*="-actions"] a:hover[b-x8j57ztynh],
    .browser-preview-shell :is(nav, div, fieldset)[class*="-actions"] a:focus-visible[b-x8j57ztynh],
    .browser-preview-shell :is(nav, div, fieldset)[class*="-options"] label:hover[b-x8j57ztynh],
    .browser-preview-shell :is(nav, div, fieldset)[class*="-options"] label:focus-within[b-x8j57ztynh] {
        transform: none;
    }
}

@media (max-width: 720px) {
    .browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh]::after {
        inset: 0 0 auto 0;
        width: auto;
        height: 0.2rem;
        background: linear-gradient(90deg, var(--app-gold), var(--app-green));
    }

    .browser-preview-shell [data-workbench-dock-action="start-new"][b-x8j57ztynh],
    .browser-preview-shell [data-workbench-dock-action="open-existing"][b-x8j57ztynh] {
        min-height: 3.6rem;
        justify-content: center;
    }
}

/* Final Chummer Online theme pass: keep Chummer Online dark, readable, and deliberately branded. */
.browser-preview-shell[b-x8j57ztynh] {
    --app-ink: #fff7e3;
    --app-muted: rgba(255, 247, 227, 0.76);
    --app-panel: rgba(12, 17, 20, 0.9);
    --app-panel-soft: rgba(255, 250, 236, 0.055);
    --app-gold: #ffd46f;
    --app-green: #8ff0bc;
    --app-blue: #76aeca;
    --app-rust: #d8794b;
    --app-shadow: rgba(0, 0, 0, 0.38);
    --app-line: rgba(255, 212, 111, 0.25);
    background:
        radial-gradient(circle at 82% 8%, rgba(255, 212, 111, 0.24), transparent 23rem),
        radial-gradient(circle at 8% 14%, rgba(118, 174, 202, 0.26), transparent 25rem),
        radial-gradient(circle at 62% 102%, rgba(143, 240, 188, 0.18), transparent 28rem),
        linear-gradient(135deg, rgba(216, 121, 75, 0.08), transparent 28%, rgba(143, 240, 188, 0.055) 70%, transparent),
        linear-gradient(180deg, #192026 0%, #10161a 50%, #080b0d 100%);
}

.browser-preview-shell[b-x8j57ztynh]::before {
    background-image:
        linear-gradient(rgba(255, 212, 111, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(143, 240, 188, 0.038) 1px, transparent 1px);
    background-size: 3.8rem 3.8rem;
    opacity: 0.55;
}

.browser-preview-banner[b-x8j57ztynh] {
    border-color: rgba(255, 212, 111, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 212, 111, 0.14), rgba(143, 240, 188, 0.07) 46%, rgba(118, 174, 202, 0.12)),
        rgba(10, 16, 19, 0.88);
    box-shadow: 0 30px 90px var(--app-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.browser-preview-title[b-x8j57ztynh],
.browser-preview-banner h1[b-x8j57ztynh],
.browser-workbench-task-dock h2[b-x8j57ztynh],
.browser-workbench-session-recovery h2[b-x8j57ztynh],
.browser-workbench-hosting-privacy h2[b-x8j57ztynh],
.browser-workbench-command-palette h2[b-x8j57ztynh] {
    color: #fff3cf;
    letter-spacing: -0.035em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.34), 0 0 32px rgba(255, 212, 111, 0.13);
}

.browser-preview-kicker[b-x8j57ztynh],
.browser-preview-status-label[b-x8j57ztynh],
.browser-preview-route-label[b-x8j57ztynh],
.browser-preview-boundary strong[b-x8j57ztynh] {
    color: #111712;
    border-color: rgba(255, 212, 111, 0.44);
    background: linear-gradient(135deg, rgba(255, 212, 111, 0.95), rgba(143, 240, 188, 0.88));
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh],
.browser-preview-boundary[b-x8j57ztynh],
.browser-workbench-import-reconcile-strip[b-x8j57ztynh],
.browser-workbench-compare-merge-strip[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-strip[b-x8j57ztynh],
.browser-workbench-offline-cache-strip[b-x8j57ztynh] {
    border-color: rgba(255, 212, 111, 0.22);
    background:
        linear-gradient(145deg, rgba(255, 212, 111, 0.095), rgba(143, 240, 188, 0.045) 54%, rgba(118, 174, 202, 0.07)),
        rgba(8, 13, 15, 0.88);
    box-shadow: 0 22px 62px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh]::after {
    background: linear-gradient(180deg, var(--app-gold), var(--app-green) 55%, var(--app-blue));
    box-shadow: 0 0 32px rgba(143, 240, 188, 0.18);
}

.browser-preview-shell a[b-x8j57ztynh],
.browser-preview-shell button[b-x8j57ztynh] {
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.browser-preview-shell a:hover[b-x8j57ztynh],
.browser-preview-shell button:hover[b-x8j57ztynh] {
    transform: translateY(-1px);
}

.browser-preview-shell a:focus-visible[b-x8j57ztynh],
.browser-preview-shell button:focus-visible[b-x8j57ztynh],
.browser-preview-shell input:focus-visible[b-x8j57ztynh],
.browser-preview-shell select:focus-visible[b-x8j57ztynh],
.browser-preview-shell textarea:focus-visible[b-x8j57ztynh] {
    outline-color: rgba(255, 212, 111, 0.82);
    box-shadow: 0 0 0 5px rgba(143, 240, 188, 0.15);
}

.browser-preview-actions a[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a[b-x8j57ztynh],
.browser-workbench-task-dock a[b-x8j57ztynh] {
    color: #fff7e3;
    border-color: rgba(255, 212, 111, 0.24);
    background:
        linear-gradient(135deg, rgba(118, 174, 202, 0.12), rgba(255, 212, 111, 0.065)),
        rgba(255, 250, 236, 0.055);
}

.browser-preview-actions a:hover[b-x8j57ztynh],
.browser-preview-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a:hover[b-x8j57ztynh],
.browser-workbench-import-reconcile-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a:hover[b-x8j57ztynh],
.browser-workbench-compare-merge-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a:hover[b-x8j57ztynh],
.browser-workbench-restore-checkpoint-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a:hover[b-x8j57ztynh],
.browser-workbench-offline-cache-actions a:focus-visible[b-x8j57ztynh],
.browser-workbench-task-dock a:hover[b-x8j57ztynh],
.browser-workbench-task-dock a:focus-visible[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, 0.62);
    background:
        linear-gradient(135deg, rgba(143, 240, 188, 0.15), rgba(255, 212, 111, 0.105)),
        rgba(255, 250, 236, 0.08);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.23);
}

.browser-workbench-task-dock [data-workbench-dock-action="character-roster"][b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="start-new"][b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="open-existing"][b-x8j57ztynh] {
    color: #0d1510;
    border-color: rgba(255, 230, 152, 0.78);
    background: linear-gradient(135deg, #ffe29a, #8ff0bc 82%);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.browser-workbench-task-dock [data-workbench-dock-action="character-roster"]:hover[b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="character-roster"]:focus-visible[b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="start-new"]:hover[b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="start-new"]:focus-visible[b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="open-existing"]:hover[b-x8j57ztynh],
.browser-workbench-task-dock [data-workbench-dock-action="open-existing"]:focus-visible[b-x8j57ztynh] {
    color: #08100b;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.38), 0 0 34px rgba(143, 240, 188, 0.2);
}

.browser-preview-shell code[b-x8j57ztynh] {
    color: #fff0bd;
    border: 1px solid rgba(255, 212, 111, 0.2);
    background: rgba(255, 212, 111, 0.08);
}

@media (max-width: 720px) {
    .browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh]::after {
        background: linear-gradient(90deg, var(--app-gold), var(--app-green) 55%, var(--app-blue));
    }
}

@media (prefers-reduced-motion: reduce) {
    .browser-preview-shell a[b-x8j57ztynh],
    .browser-preview-shell button[b-x8j57ztynh] {
        transition: none;
    }

    .browser-preview-shell a:hover[b-x8j57ztynh],
    .browser-preview-shell button:hover[b-x8j57ztynh] {
        transform: none;
    }
}

/* Final Chummer Online motion pass: give the command deck a deliberate reveal without fighting reduced-motion users. */
@keyframes chummer-command-deck-reveal-b-x8j57ztynh {
    from {
        opacity: 0;
        transform: translateY(0.65rem) scale(0.992);
    }

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

.browser-preview-banner[b-x8j57ztynh],
.browser-preview-boundary[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
    animation: chummer-command-deck-reveal-b-x8j57ztynh 420ms cubic-bezier(0.2, 0.78, 0.2, 1) both;
}

.browser-preview-boundary[b-x8j57ztynh] {
    animation-delay: 45ms;
}

.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
    animation-delay: 90ms;
}

.browser-preview-shell section[class*="browser-workbench-"]:nth-of-type(2n)[b-x8j57ztynh] {
    animation-delay: 135ms;
}

.browser-preview-shell section[class*="browser-workbench-"]:nth-of-type(3n)[b-x8j57ztynh] {
    animation-delay: 180ms;
}

@media (prefers-reduced-motion: reduce) {
    .browser-preview-banner[b-x8j57ztynh],
    .browser-preview-boundary[b-x8j57ztynh],
    .browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
        animation: none;
    }
}

/* Final route-token pass: route names should read as app chrome, not default code snippets. */
.browser-preview-shell code[b-x8j57ztynh],
.browser-preview-route-label[b-x8j57ztynh],
.browser-preview-boundary strong[b-x8j57ztynh] {
    font-variant-ligatures: none;
    letter-spacing: 0.01em;
}

.browser-preview-shell code[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.08rem 0.42rem;
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 0 18px rgba(255, 212, 111, 0.055);
}

.browser-preview-route-label[b-x8j57ztynh],
.browser-preview-boundary strong[b-x8j57ztynh] {
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 900;
}

/* Final mobile route-token pass: keep route chrome readable when the app shell narrows. */
@media (max-width: 520px) {
    .browser-preview-route-label[b-x8j57ztynh],
    .browser-preview-status-label[b-x8j57ztynh],
    .browser-preview-boundary strong[b-x8j57ztynh],
    .browser-preview-shell code[b-x8j57ztynh] {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .browser-preview-shell code[b-x8j57ztynh] {
        min-height: 1.7rem;
        line-height: 1.25;
    }
}

/* Final keyboard route-token pass: make route chrome visibly navigable, not just decorative. */
.browser-preview-route-label:focus-visible[b-x8j57ztynh],
.browser-preview-boundary strong:focus-visible[b-x8j57ztynh],
.browser-preview-shell code:focus-visible[b-x8j57ztynh] {
    outline: 3px solid rgba(255, 212, 111, 0.78);
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(143, 240, 188, 0.14), 0 0 28px rgba(255, 212, 111, 0.12);
}

/* Final high-contrast route-token pass: preserve app chrome while sharpening route affordances. */
@media (prefers-contrast: more) {
    .browser-preview-route-label[b-x8j57ztynh],
    .browser-preview-status-label[b-x8j57ztynh],
    .browser-preview-boundary strong[b-x8j57ztynh],
    .browser-preview-shell code[b-x8j57ztynh] {
        border-color: rgba(255, 247, 227, 0.82);
        box-shadow: none;
    }

    .browser-preview-shell a:focus-visible[b-x8j57ztynh],
    .browser-preview-shell button:focus-visible[b-x8j57ztynh],
    .browser-preview-shell code:focus-visible[b-x8j57ztynh] {
        outline-color: #fff7e3;
        box-shadow: 0 0 0 5px rgba(255, 212, 111, 0.34);
    }
}

/* Chummer5A corrective layer: the promoted Chummer Online surface must read as a dense
   desktop client, not a diagnostic-gallery page. Keep route/diagnostic selectors in source, but
   visually prioritize the familiar menu/toolstrip/workspace/status shape. */
.browser-preview-shell[b-x8j57ztynh] {
    --classic-bg: #d7d0c3;
    --classic-panel: #eee9df;
    --classic-panel-raised: #f7f3ea;
    --classic-border: #8f8779;
    --classic-border-dark: #514b43;
    --classic-ink: #1f1d1a;
    --classic-muted: #5c554c;
    --classic-accent: #315f7c;
    --classic-accent-soft: #d9e7ef;
    --classic-warn: #8a5d16;
    color: var(--classic-ink);
    background:
        linear-gradient(180deg, #c9c1b3 0, #e6dfd3 5.5rem, #d7d0c3 100%);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.browser-preview-shell .route-boundary[b-x8j57ztynh],
.browser-preview-shell .command-deck[b-x8j57ztynh],
.browser-preview-shell .workflow-ledger[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-task-dock[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-recovery-strip[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-navigation-strip[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-command-deck[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-hosting-strip[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
    border: 1px solid var(--classic-border);
    border-radius: 3px;
    background: var(--classic-panel);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .72),
        0 1px 0 rgba(0, 0, 0, .12);
}

.browser-preview-shell :is(.route-boundary, .command-deck, .workflow-ledger)[b-x8j57ztynh] {
    margin-block: .35rem;
    padding: .45rem .6rem;
}

.browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
    margin-block: .35rem;
    padding: .55rem .65rem;
}

.browser-preview-shell section[class*="browser-workbench-"] :is(h2, h3, strong)[b-x8j57ztynh],
.browser-preview-shell .command-deck strong[b-x8j57ztynh],
.browser-preview-shell .route-boundary strong[b-x8j57ztynh] {
    color: var(--classic-ink);
    font-size: .92rem;
    letter-spacing: 0;
    text-transform: none;
}

.browser-preview-shell section[class*="browser-workbench-"] :is(p, small)[b-x8j57ztynh],
.browser-preview-shell .route-boundary :is(p, small)[b-x8j57ztynh],
.browser-preview-shell .workflow-ledger :is(p, small)[b-x8j57ztynh] {
    color: var(--classic-muted);
    font-size: .78rem;
    line-height: 1.35;
}

.browser-preview-shell :is(a, button, .mini-btn)[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] a[b-x8j57ztynh] {
    border: 1px solid #7b756b;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbfaf6 0, #d8d2c8 100%);
    color: var(--classic-ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
    min-height: 1.7rem;
    padding: .22rem .5rem;
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
}

.browser-preview-shell :is(a, button, .mini-btn):hover[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] a:hover[b-x8j57ztynh] {
    background: linear-gradient(180deg, #ffffff 0, #c8d9e4 100%);
    border-color: var(--classic-accent);
    color: #102332;
}

.browser-preview-shell :is(a, button, .mini-btn):focus-visible[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] a:focus-visible[b-x8j57ztynh] {
    outline: 2px solid var(--classic-accent);
    outline-offset: 1px;
}

/* Keep the actual desktop-shaped lanes visible. Hide later source-staged diagnostic rails from
   the promoted visual flow so Chummer Online stops looking like a wall of random controls. */
.browser-preview-shell section[class*="browser-workbench-"]:is(
    .browser-workbench-import-reconcile-strip,
    .browser-workbench-compare-merge-strip,
    .browser-workbench-restore-checkpoint-strip,
    .browser-workbench-offline-cache-strip,
    .browser-workbench-session-locking-strip,
    .browser-workbench-share-export-privacy-strip,
    .browser-workbench-table-handoff-strip,
    .browser-workbench-rules-citation-strip,
    .browser-workbench-localization-terminology-strip,
    .browser-workbench-help-recovery-guidance-strip,
    .browser-workbench-gm-screen-export-strip
)[b-x8j57ztynh] {
    display: none;
}

.browser-preview-shell .browser-workbench-task-dock[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-navigation-strip[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-command-deck[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto;
    align-items: center;
    gap: .45rem .75rem;
}

.browser-preview-shell .browser-workbench-task-dock-actions[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-navigation-actions[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-command-actions[b-x8j57ztynh],
.browser-preview-shell section[class*="browser-workbench-"] [role="list"][b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: center;
}

.browser-preview-shell .browser-workbench-task-dock [data-workbench-dock-action="character-roster"][b-x8j57ztynh],
.browser-preview-shell .browser-workbench-task-dock [data-workbench-dock-action="start-new"][b-x8j57ztynh],
.browser-preview-shell .browser-workbench-task-dock [data-workbench-dock-action="open-existing"][b-x8j57ztynh] {
    background: linear-gradient(180deg, #eef7fb 0, #b8d0de 100%);
    border-color: #426b84;
    color: #102332;
}

.browser-preview-shell .browser-workbench-density-options[b-x8j57ztynh],
.browser-preview-shell .route-token[b-x8j57ztynh],
.browser-preview-shell .status-pill[b-x8j57ztynh] {
    border-radius: 2px;
    border: 1px solid var(--classic-border);
    background: var(--classic-panel-raised);
    color: var(--classic-ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.browser-preview-shell[b-x8j57ztynh]::before {
    content: "Chummer Online";
    display: block;
    margin: .25rem 0 .35rem;
    padding: .25rem .55rem;
    border: 1px solid var(--classic-border-dark);
    background: linear-gradient(180deg, #f2efe8 0, #bdb5a7 100%);
    color: var(--classic-ink);
    font-size: .82rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

@media (max-width: 760px) {
    .browser-preview-shell .browser-workbench-task-dock[b-x8j57ztynh],
    .browser-preview-shell .browser-workbench-navigation-strip[b-x8j57ztynh],
    .browser-preview-shell .browser-workbench-command-deck[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-preview-shell section[class*="browser-workbench-"][b-x8j57ztynh] {
        padding: .5rem;
    }
}

/* Chummer5A corrective layer, pass 2: force a recognizable desktop-client frame.
   This is intentionally stronger than theme polish: menu bar, toolstrip, work area,
   and status strip must dominate over diagnostic-gallery rails. */
.browser-preview-shell[b-x8j57ztynh] {
    max-width: 1280px;
    margin-inline: auto;
    padding: .35rem;
    border: 1px solid #443f38;
    box-shadow: 0 0 0 1px rgba(255,255,255,.45) inset, 0 16px 38px rgba(0,0,0,.22);
}

.browser-preview-shell[b-x8j57ztynh]::before {
    content: "File   Edit   View   Runner   Tools   Help\A New runner  Open Runner  Save  Print  Export  Character Roster  Build Lab";
    white-space: pre-wrap;
    line-height: 1.45;
    margin: 0 0 .3rem;
    padding: .2rem .45rem .3rem;
    border: 1px solid #6c655b;
    background:
        linear-gradient(180deg, #f6f2ea 0, #d8d0c3 46%, #b9b0a1 47%, #ded8ce 100%);
    color: #1f1d1a;
    font-size: .78rem;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.browser-preview-shell[b-x8j57ztynh]::after {
    content: "Ready   |   Local dossier state   |   Rules: SR5   |   Chummer Online";
    display: block;
    margin-top: .35rem;
    padding: .18rem .45rem;
    border: 1px solid #6c655b;
    background: linear-gradient(180deg, #e9e3d8 0, #c5bcae 100%);
    color: #2a261f;
    font-size: .72rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

/* Treat the top operational blocks as a desktop workbench frame: navigation/list area,
   active dossier work area, and status/ledger area. */
.browser-preview-shell > :is(.route-boundary, .browser-workbench-task-dock, .browser-workbench-navigation-strip, .workflow-ledger, .command-deck)[b-x8j57ztynh] {
    position: relative;
}

.browser-preview-shell .browser-workbench-task-dock[b-x8j57ztynh] {
    grid-template-columns: 16rem minmax(0, 1fr);
    min-height: 5.2rem;
}

.browser-preview-shell .browser-workbench-task-dock[b-x8j57ztynh]::before {
    content: "Character Roster";
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    padding: .35rem .45rem;
    border: 1px solid #9a9184;
    background:
        linear-gradient(180deg, #f7f4ed 0, #e2dbcf 100%);
    color: #1e1b17;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.browser-preview-shell .browser-workbench-task-dock-copy[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-task-dock-actions[b-x8j57ztynh] {
    grid-column: 2;
}

.browser-preview-shell .browser-workbench-navigation-strip[b-x8j57ztynh],
.browser-preview-shell .browser-workbench-command-deck[b-x8j57ztynh],
.browser-preview-shell .workflow-ledger[b-x8j57ztynh] {
    border-left: 4px solid #315f7c;
}

.browser-preview-shell .workflow-ledger[b-x8j57ztynh] {
    max-height: 7.5rem;
    overflow: auto;
}

/* Hide card-gallery affordances that make the app feel generated. Keep source and DOM
   available, but keep promoted flow visually close to Chummer's compact desktop surface. */
.browser-preview-shell :is(
    .browser-workbench-hosting-strip,
    .browser-workbench-recovery-strip,
    .browser-workbench-density-strip,
    .browser-workbench-workflow-ledger-strip,
    .browser-workbench-file-intake-strip,
    .browser-workbench-rules-data-strip,
    .browser-workbench-settings-strip,
    .browser-workbench-diagnostics-strip,
    .browser-workbench-connected-runtime-strip,
    .browser-workbench-accessibility-strip
)[b-x8j57ztynh] {
    display: none;
}

.browser-preview-shell .browser-preview-status-card[b-x8j57ztynh],
.browser-preview-shell .card[b-x8j57ztynh],
.browser-preview-shell .panel[b-x8j57ztynh] {
    border-radius: 2px;
    border-color: #8f8779;
    background: #eee9df;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.browser-preview-shell .browser-preview-status-card[b-x8j57ztynh] {
    color: #1f1d1a;
}

.browser-preview-shell .browser-preview-status-card strong[b-x8j57ztynh] {
    color: #1f1d1a;
}

.browser-preview-shell .browser-preview-status-card p[b-x8j57ztynh] {
    color: #4b5563;
}

.browser-preview-shell .browser-preview-status-card a[b-x8j57ztynh] {
    border: 1px solid #7b756b;
    background: linear-gradient(180deg, #fbfaf6 0, #d8d2c8 100%);
    color: #1f1d1a;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.browser-preview-shell .browser-preview-status-card a:hover[b-x8j57ztynh],
.browser-preview-shell .browser-preview-status-card a:focus-visible[b-x8j57ztynh] {
    border-color: #315f7c;
    background: #dbeaf6;
    color: #102235;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
    transform: none;
}

.browser-preview-shell :is(h1, h2, h3)[b-x8j57ztynh] {
    color: #1f1d1a;
    letter-spacing: 0;
    text-transform: none;
}

.browser-preview-shell h1[b-x8j57ztynh] {
    font-size: 1.05rem;
}

.browser-preview-shell h2[b-x8j57ztynh] {
    font-size: .95rem;
}

.browser-preview-shell h3[b-x8j57ztynh] {
    font-size: .86rem;
}

@media (max-width: 760px) {
    .browser-preview-shell[b-x8j57ztynh]::before {
        content: "File  Runner  Tools  Help\A New  Open  Save  Roster";
    }

    .browser-preview-shell .browser-workbench-task-dock[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-preview-shell .browser-workbench-task-dock-copy[b-x8j57ztynh],
    .browser-preview-shell .browser-workbench-task-dock-actions[b-x8j57ztynh] {
        grid-column: auto;
    }
}

/* Real classic shell DOM layer: this is the promoted Chummer Online frame. */
.classic-chummer-shell[b-x8j57ztynh] {
    margin: .35rem 0 .55rem;
    border: 1px solid #3f3a33;
    background: #d7d0c3;
    color: #1f1d1a;
    box-shadow: 0 0 0 1px rgba(255,255,255,.55) inset, 0 8px 20px rgba(0,0,0,.18);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.classic-chummer-menu[b-x8j57ztynh] {
    display: flex;
    gap: .15rem;
    padding: .15rem .25rem;
    border-bottom: 1px solid #8f8779;
    background: linear-gradient(180deg, #f6f2ea 0, #d8d0c3 100%);
}

.classic-chummer-menu a[b-x8j57ztynh] {
    border: 0;
    background: transparent;
    box-shadow: none;
    min-height: 1.35rem;
    padding: .12rem .55rem;
    color: #1f1d1a;
    font-size: .78rem;
    font-weight: 500;
}

.classic-chummer-menu a:hover[b-x8j57ztynh],
.classic-chummer-menu a:focus-visible[b-x8j57ztynh] {
    background: #315f7c;
    color: #fff;
    outline: 0;
}

.classic-chummer-toolstrip[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    padding: .25rem;
    border-bottom: 1px solid #8f8779;
    background: #ece7dc;
}

.classic-chummer-toolstrip a[b-x8j57ztynh],
.classic-chummer-dossier-actions a[b-x8j57ztynh],
.classic-chummer-roster a[b-x8j57ztynh],
.classic-chummer-tabs a[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    border: 1px solid #7b756b;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbfaf6 0, #d8d2c8 100%);
    color: #1f1d1a;
    padding: .15rem .45rem;
    font-size: .76rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.classic-chummer-workspace[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    min-height: 18rem;
    border-bottom: 1px solid #8f8779;
}

.classic-chummer-roster[b-x8j57ztynh] {
    padding: .35rem;
    border-right: 1px solid #8f8779;
    background: #c9c1b3;
}

.classic-chummer-roster h2[b-x8j57ztynh] {
    margin: 0 0 .3rem;
    padding: .18rem .3rem;
    border: 1px solid #8f8779;
    background: #eee9df;
    font-size: .82rem;
}

.classic-chummer-roster a[b-x8j57ztynh] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: .22rem;
    text-align: left;
}

.classic-chummer-roster .classic-roster-primary[b-x8j57ztynh] {
    background: linear-gradient(180deg, #eaf4fa 0, #b8d0de 100%);
    border-color: #426b84;
}

.classic-chummer-dossier[b-x8j57ztynh] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    min-width: 0;
    background: #eee9df;
}

.classic-chummer-dossier > header[b-x8j57ztynh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .28rem .45rem;
    border-bottom: 1px solid #8f8779;
    background: linear-gradient(180deg, #f7f3ea 0, #ddd5c8 100%);
    font-size: .78rem;
}

.classic-chummer-dossier > header strong[b-x8j57ztynh] {
    color: #102332;
}

.classic-chummer-tabs[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .12rem;
    padding: .22rem .3rem 0;
    border-bottom: 1px solid #8f8779;
    background: #d7d0c3;
}

.classic-chummer-tabs a[b-x8j57ztynh] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}

.classic-chummer-dossier-body[b-x8j57ztynh] {
    padding: .55rem;
    background: #f4f0e8;
    font-size: .82rem;
    line-height: 1.4;
}

.classic-chummer-dossier-actions[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .55rem;
}

.classic-chummer-status[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    gap: .25rem;
    padding: .18rem .25rem;
    background: linear-gradient(180deg, #e9e3d8 0, #c5bcae 100%);
    font-size: .72rem;
}

.classic-chummer-status span[b-x8j57ztynh] {
    border: 1px solid #9a9184;
    background: #eee9df;
    padding: .08rem .35rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

@media (max-width: 760px) {
    .classic-chummer-workspace[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .classic-chummer-roster[b-x8j57ztynh] {
        border-right: 0;
        border-bottom: 1px solid #8f8779;
    }

    .classic-chummer-status[b-x8j57ztynh] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Promoted /app route: start with the desktop-like Chummer shell, not the diagnostic hero. */
.browser-preview-shell.classic-promoted-app > .browser-preview-banner[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app > .browser-preview-boundary[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app > .browser-preview-status-grid[b-x8j57ztynh] {
    display: none;
}

.browser-preview-shell.classic-promoted-app > .browser-app-launch[b-x8j57ztynh] {
    margin-top: 0;
}

.browser-preview-shell.classic-promoted-app > :not(.browser-app-launch):not(.browser-preview-frame--app):not(.browser-preview-banner):not(.browser-preview-boundary):not(.browser-preview-status-grid)[b-x8j57ztynh] {
    max-width: 100%;
}

/* Compatibility route keeps route context, but still leads with the classic shell treatment. */
.browser-preview-shell.classic-compat-app > .browser-preview-status-grid[b-x8j57ztynh] {
    margin-top: .35rem;
}

/* Preview route remains a diagnostic surface; only app/workbench get the desktop shell. */
.browser-preview-shell.classic-preview-tools .classic-chummer-shell[b-x8j57ztynh] {
    display: none;
}

/* Promoted /app hard stop: the user route is the classic Chummer shell, not the
   source-staged diagnostic gallery. Compatibility/preview routes can still expose diagnostic rails. */
.browser-preview-shell.classic-promoted-app[b-x8j57ztynh]::before,
.browser-preview-shell.classic-promoted-app[b-x8j57ztynh]::after,
.browser-preview-shell.classic-compat-app[b-x8j57ztynh]::before,
.browser-preview-shell.classic-compat-app[b-x8j57ztynh]::after {
    content: none;
    display: none;
}

.browser-preview-shell.classic-promoted-app[b-x8j57ztynh] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.browser-preview-shell.classic-promoted-app > .browser-app-launch[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app > .browser-preview-frame--app[b-x8j57ztynh] {
    width: min(1240px, calc(100% - 1rem));
    margin-left: auto;
    margin-right: auto;
}

.browser-preview-shell.classic-promoted-app > .browser-preview-frame--app[b-x8j57ztynh] {
    flex: 1 1 auto;
    padding-bottom: 0.85rem;
}

.browser-preview-shell.classic-promoted-app > .browser-preview-frame--app[b-x8j57ztynh]  .desktop-shell {
    min-height: min(72vh, 48rem);
}

.browser-preview-shell.classic-promoted-app > .classic-chummer-shell[b-x8j57ztynh] {
    flex: 1 1 auto;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-workspace[b-x8j57ztynh] {
    min-height: clamp(28rem, 72vh, 46rem);
}

/* Dense dossier workspace: compact form/list panels instead of landing-card prose. */
.classic-dossier-grid[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(13rem, 1fr) minmax(13rem, 1fr);
    gap: .4rem;
}

.classic-dossier-group[b-x8j57ztynh] {
    border: 1px solid #8f8779;
    background: #eee9df;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.classic-dossier-group--wide[b-x8j57ztynh] {
    grid-column: 1 / -1;
}

.classic-dossier-group h3[b-x8j57ztynh] {
    margin: 0;
    padding: .18rem .35rem;
    border-bottom: 1px solid #8f8779;
    background: linear-gradient(180deg, #f7f3ea 0, #d7d0c3 100%);
    color: #1f1d1a;
    font-size: .76rem;
    font-weight: 700;
}

.classic-dossier-group dl[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: .25rem;
}

.classic-dossier-group dl div[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr);
    min-height: 1.35rem;
    border: 1px solid #b3aa9c;
    margin: -1px 0 0 -1px;
    background: #f8f5ee;
}

.classic-dossier-group dt[b-x8j57ztynh],
.classic-dossier-group dd[b-x8j57ztynh] {
    margin: 0;
    padding: .12rem .25rem;
    font-size: .74rem;
}

.classic-dossier-group dt[b-x8j57ztynh] {
    background: #ddd6ca;
    border-right: 1px solid #b3aa9c;
    color: #3d372f;
    font-weight: 700;
}

.classic-dossier-group dd[b-x8j57ztynh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1f1d1a;
}

.classic-dossier-lists[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .3rem;
    padding: .3rem;
}

.classic-dossier-lists ul[b-x8j57ztynh] {
    min-height: 5.2rem;
    margin: 0;
    padding: .2rem .2rem .2rem 1.1rem;
    border: 1px solid #b3aa9c;
    background: #f8f5ee;
    font-size: .74rem;
}

.classic-dossier-lists li:first-child[b-x8j57ztynh] {
    margin-left: -.2rem;
    list-style: none;
    font-weight: 700;
    color: #102332;
}

.classic-dossier-readiness[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .25rem;
    padding: .3rem;
}

.classic-dossier-readiness span[b-x8j57ztynh] {
    border: 1px solid #b3aa9c;
    background: #f8f5ee;
    padding: .18rem .28rem;
    font-size: .74rem;
}

@media (max-width: 760px) {
    .classic-dossier-grid[b-x8j57ztynh],
    .classic-dossier-lists[b-x8j57ztynh],
    .classic-dossier-readiness[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .classic-dossier-group dl[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

/* Character Roster should read as a Chummer tree, not loose action buttons. */
.classic-roster-tree[b-x8j57ztynh] {
    border: 1px solid #8f8779;
    background: #f8f5ee;
    font-size: .74rem;
}

.classic-roster-folder[b-x8j57ztynh],
.classic-roster-runner[b-x8j57ztynh] {
    display: flex;
    align-items: center;
    min-height: 1.3rem;
    border: 0;
    border-bottom: 1px solid #d0c7ba;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: .08rem .3rem;
    background: transparent;
    color: #1f1d1a;
    text-decoration: none;
}

.classic-roster-folder[b-x8j57ztynh] {
    font-weight: 700;
    background: #e2dbcf;
}

.classic-roster-folder[b-x8j57ztynh]::before {
    content: "v";
    width: 1rem;
    color: #3d372f;
}

.classic-roster-folder--muted[b-x8j57ztynh]::before {
    content: ">";
}

.classic-roster-runner[b-x8j57ztynh] {
    padding-left: 1.45rem;
    font-weight: 500;
}

.classic-roster-runner[b-x8j57ztynh]::before {
    content: "[]";
    width: 1rem;
    margin-left: -1rem;
    color: #315f7c;
}

.classic-roster-runner--selected[b-x8j57ztynh] {
    background: #315f7c;
    color: #fff;
}

.classic-roster-runner--selected[b-x8j57ztynh]::before {
    color: #fff;
}

.classic-roster-runner:hover[b-x8j57ztynh],
.classic-roster-runner:focus-visible[b-x8j57ztynh] {
    background: #c8d9e4;
    color: #102332;
    outline: 1px dotted #102332;
    outline-offset: -2px;
}

/* Classic right inspector: keep totals/checks beside the dossier like desktop Chummer. */
.classic-chummer-workspace[b-x8j57ztynh] {
    grid-template-columns: 15rem minmax(0, 1fr) 14rem;
}

.classic-chummer-inspector[b-x8j57ztynh] {
    padding: .35rem;
    border-left: 1px solid #8f8779;
    background: #d0c8ba;
    font-size: .74rem;
}

.classic-chummer-inspector h2[b-x8j57ztynh],
.classic-chummer-inspector h3[b-x8j57ztynh] {
    margin: 0 0 .28rem;
    padding: .16rem .3rem;
    border: 1px solid #8f8779;
    background: #eee9df;
    color: #1f1d1a;
    font-size: .78rem;
}

.classic-chummer-inspector h3[b-x8j57ztynh] {
    margin-top: .45rem;
}

.classic-chummer-inspector dl[b-x8j57ztynh] {
    margin: 0;
    border: 1px solid #9f9588;
    background: #f8f5ee;
}

.classic-chummer-inspector dl div[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    border-bottom: 1px solid #d0c7ba;
}

.classic-chummer-inspector dl div:last-child[b-x8j57ztynh] {
    border-bottom: 0;
}

.classic-chummer-inspector dt[b-x8j57ztynh],
.classic-chummer-inspector dd[b-x8j57ztynh] {
    margin: 0;
    padding: .12rem .25rem;
}

.classic-chummer-inspector dt[b-x8j57ztynh] {
    background: #e2dbcf;
    border-right: 1px solid #d0c7ba;
    font-weight: 700;
}

.classic-chummer-inspector ul[b-x8j57ztynh] {
    margin: 0;
    padding: .25rem .25rem .25rem 1.05rem;
    border: 1px solid #9f9588;
    background: #f8f5ee;
}

.classic-chummer-inspector li[b-x8j57ztynh] {
    margin-bottom: .18rem;
}

@media (max-width: 960px) {
    .classic-chummer-workspace[b-x8j57ztynh] {
        grid-template-columns: 13rem minmax(0, 1fr);
    }

    .classic-chummer-inspector[b-x8j57ztynh] {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid #8f8779;
    }
}

@media (max-width: 760px) {
    .classic-chummer-workspace[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }
}

/* Roster hierarchy affordances: make custom folders and move intent visible. */
.classic-roster-toolbar[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .18rem;
    margin-bottom: .25rem;
}

.classic-roster-toolbar button[b-x8j57ztynh] {
    min-height: 1.35rem;
    border: 1px solid #7b756b;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbfaf6 0, #d8d2c8 100%);
    color: #1f1d1a;
    padding: .08rem .25rem;
    font-size: .7rem;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.classic-roster-toolbar button:hover[b-x8j57ztynh],
.classic-roster-toolbar button:focus-visible[b-x8j57ztynh] {
    background: linear-gradient(180deg, #ffffff 0, #c8d9e4 100%);
    border-color: #315f7c;
    outline: 1px dotted #102332;
    outline-offset: -2px;
}

.classic-roster-hint[b-x8j57ztynh] {
    margin-bottom: .25rem;
    border: 1px solid #b3aa9c;
    background: #eee9df;
    color: #5c554c;
    padding: .15rem .25rem;
    font-size: .68rem;
    line-height: 1.25;
}

.classic-roster-tree[b-x8j57ztynh] {
    min-height: 11rem;
}

.classic-roster-folder[b-x8j57ztynh],
.classic-roster-runner[b-x8j57ztynh] {
    cursor: grab;
}

.classic-roster-folder--muted[b-x8j57ztynh],
.classic-roster-folder--muted + .classic-roster-runner[b-x8j57ztynh] {
    color: #6c655b;
}

/* Dossier section list: Chummer-style left navigation inside the active workspace. */
.classic-chummer-dossier-body[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: .45rem;
    align-items: start;
}

.classic-dossier-section-list[b-x8j57ztynh] {
    border: 1px solid #8f8779;
    background: #d7d0c3;
    font-size: .74rem;
}

.classic-dossier-section-list a[b-x8j57ztynh] {
    display: block;
    min-height: 1.3rem;
    border: 0;
    border-bottom: 1px solid #b3aa9c;
    border-radius: 0;
    background: #eee9df;
    box-shadow: none;
    color: #1f1d1a;
    padding: .12rem .35rem;
    text-decoration: none;
    font-weight: 600;
}

.classic-dossier-section-list a.active[b-x8j57ztynh],
.classic-dossier-section-list a:hover[b-x8j57ztynh],
.classic-dossier-section-list a:focus-visible[b-x8j57ztynh] {
    background: #315f7c;
    color: #fff;
    outline: 1px dotted #fff;
    outline-offset: -2px;
}

.classic-dossier-grid[b-x8j57ztynh],
.classic-chummer-dossier-actions[b-x8j57ztynh] {
    grid-column: 2;
}

@media (max-width: 760px) {
    .classic-chummer-dossier-body[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .classic-dossier-grid[b-x8j57ztynh],
    .classic-chummer-dossier-actions[b-x8j57ztynh] {
        grid-column: auto;
    }

    .classic-dossier-section-list[b-x8j57ztynh] {
        display: flex;
        overflow-x: auto;
    }

    .classic-dossier-section-list a[b-x8j57ztynh] {
        white-space: nowrap;
        border-bottom: 0;
        border-right: 1px solid #b3aa9c;
    }
}

/* Classic title bar: make Chummer Online feel like an app window, not a page section. */
.classic-chummer-titlebar[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 1.65rem;
    border-bottom: 1px solid #1d2830;
    background: linear-gradient(180deg, #3f6f89 0, #24485f 100%);
    color: #fff;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: .78rem;
    font-weight: 700;
}

.classic-chummer-titlebar-title[b-x8j57ztynh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .18rem .45rem;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
}

.classic-chummer-titlebar-controls[b-x8j57ztynh] {
    display: grid;
    grid-auto-flow: column;
    border-left: 1px solid rgba(255,255,255,.18);
}

.classic-chummer-titlebar-controls span[b-x8j57ztynh] {
    display: grid;
    place-items: center;
    min-width: 1.7rem;
    min-height: 1.55rem;
    border-left: 1px solid rgba(0,0,0,.32);
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: .68rem;
}

.classic-chummer-titlebar-controls span:last-child[b-x8j57ztynh] {
    background: #7a2d2d;
}

.browser-preview-shell.classic-promoted-app[b-x8j57ztynh] {
    padding: .2rem;
    background: #bdb5a7;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell[b-x8j57ztynh] {
    min-height: calc(100vh - .4rem);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-dossier-body[b-x8j57ztynh] {
    overflow: auto;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector[b-x8j57ztynh] {
    overflow: auto;
}

/* Toolstrip groups: compact desktop button clusters with small icon slots. */
.classic-toolstrip-group[b-x8j57ztynh] {
    display: inline-flex;
    gap: .12rem;
    padding-right: .35rem;
    margin-right: .22rem;
    border-right: 1px solid #9a9184;
}

.classic-toolstrip-group:last-child[b-x8j57ztynh] {
    border-right: 0;
}

.classic-chummer-toolstrip a[b-x8j57ztynh] {
    gap: .25rem;
    min-width: 4.2rem;
    justify-content: flex-start;
}

.classic-tool-icon[b-x8j57ztynh] {
    display: inline-grid;
    place-items: center;
    width: 1rem;
    height: 1rem;
    border: 1px solid #7b756b;
    background: linear-gradient(180deg, #fff 0, #c8d9e4 100%);
    color: #102332;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.classic-chummer-toolstrip a:hover .classic-tool-icon[b-x8j57ztynh],
.classic-chummer-toolstrip a:focus-visible .classic-tool-icon[b-x8j57ztynh] {
    border-color: #315f7c;
    background: #315f7c;
    color: #fff;
}

/* Classic menu flyouts: expose Chummer-like command grouping instead of web nav tabs. */
.classic-menu-item[b-x8j57ztynh] {
    position: relative;
}

.classic-menu-item > a[b-x8j57ztynh] {
    display: inline-flex;
}

.classic-menu-flyout[b-x8j57ztynh] {
    position: absolute;
    z-index: 30;
    top: calc(100% - 1px);
    left: 0;
    display: none;
    min-width: 10rem;
    padding: .15rem;
    border: 1px solid #3f3a33;
    background: #eee9df;
    box-shadow: 2px 3px 0 rgba(0,0,0,.22);
}

.classic-menu-item:hover .classic-menu-flyout[b-x8j57ztynh],
.classic-menu-item:focus-within .classic-menu-flyout[b-x8j57ztynh] {
    display: grid;
}

.classic-menu-flyout a[b-x8j57ztynh] {
    min-height: 1.35rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #1f1d1a;
    padding: .12rem .45rem;
    font-size: .74rem;
    font-weight: 500;
    text-align: left;
}

.classic-menu-flyout a:hover[b-x8j57ztynh],
.classic-menu-flyout a:focus-visible[b-x8j57ztynh] {
    background: #315f7c;
    color: #fff;
    outline: 0;
}

/* Desktop-style splitters between roster, dossier, and inspector panes. */
.classic-chummer-roster[b-x8j57ztynh],
.classic-chummer-dossier[b-x8j57ztynh] {
    position: relative;
}

.classic-chummer-roster[b-x8j57ztynh]::after,
.classic-chummer-dossier[b-x8j57ztynh]::after {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    bottom: 0;
    width: 5px;
    border-left: 1px solid #f8f5ee;
    border-right: 1px solid #7b756b;
    background: repeating-linear-gradient(
        180deg,
        #c5bcae 0,
        #c5bcae 4px,
        #aca294 4px,
        #aca294 8px
    );
    cursor: col-resize;
    z-index: 2;
}

.classic-chummer-dossier[b-x8j57ztynh]::after {
    right: -4px;
}

@media (max-width: 960px) {
    .classic-chummer-dossier[b-x8j57ztynh]::after {
        content: none;
        display: none;
    }
}

@media (max-width: 760px) {
    .classic-chummer-roster[b-x8j57ztynh]::after {
        content: none;
        display: none;
    }
}

.browser-preview-shell.classic-promoted-app .classic-chummer-status[b-x8j57ztynh] {
    grid-template-columns: repeat(6, minmax(0, auto));
    justify-content: stretch;
    gap: 0;
    padding: 0;
    border-top: 1px solid #8d8478;
    background: linear-gradient(180deg, #d9d1c4 0%, #bdb3a5 100%);
    color: #2b2723;
    font-size: .68rem;
    line-height: 1;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-status span[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: .28rem;
    min-height: 1.35rem;
    padding: .18rem .45rem;
    border-right: 1px solid #918779;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .55);
    white-space: nowrap;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-status strong[b-x8j57ztynh] {
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-status em[b-x8j57ztynh] {
    color: #5b5348;
    font-size: .66rem;
    font-style: normal;
}

@media (max-width: 760px) {
    .browser-preview-shell.classic-promoted-app .classic-chummer-status[b-x8j57ztynh] {
        grid-template-columns: 1fr 1fr;
    }

    .browser-preview-shell.classic-promoted-app .classic-chummer-status span[b-x8j57ztynh] {
        justify-content: space-between;
    }
}

/* Classic Chummer5A dossier correction: dense form/table surface, not web cards. */
.browser-preview-shell.classic-promoted-app .classic-chummer-dossier[b-x8j57ztynh] {
    background: #b9b0a3;
    border-left: 1px solid #786f64;
    border-right: 1px solid #786f64;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .58), inset -1px -1px 0 rgba(61, 52, 43, .28);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-tabs[b-x8j57ztynh] {
    align-items: end;
    gap: 0;
    padding: .28rem .42rem 0;
    border-bottom: 1px solid #746b60;
    background: linear-gradient(180deg, #d2c8ba 0%, #b7ad9f 100%);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-tab[b-x8j57ztynh] {
    min-height: 1.55rem;
    margin-right: -1px;
    padding: .28rem .72rem .22rem;
    border: 1px solid #7d7367;
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
    background: linear-gradient(180deg, #c9c0b3 0%, #a99f92 100%);
    color: #302a24;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: none;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .55);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-tab:first-child[b-x8j57ztynh] {
    position: relative;
    z-index: 2;
    background: linear-gradient(180deg, #f0eadf 0%, #d7cec1 100%);
    color: #17130f;
    min-height: 1.72rem;
    margin-bottom: -1px;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-body[b-x8j57ztynh] {
    padding: .48rem;
    background: #d7cec1;
    border-top: 1px solid #f6f0e7;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-section-list[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 .45rem;
    padding: .18rem;
    border: 1px solid #877d71;
    background: #c3b8aa;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .52);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-section-list a[b-x8j57ztynh] {
    padding: .22rem .52rem;
    border-right: 1px solid #8d8378;
    color: #26211c;
    font-size: .69rem;
    font-weight: 800;
    text-decoration: none;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-section-list a:first-child[b-x8j57ztynh] {
    background: #efe7dc;
    outline: 1px solid #6f655a;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-grid[b-x8j57ztynh] {
    gap: .42rem;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group[b-x8j57ztynh] {
    border: 1px solid #7e7468;
    background: #e8dfd3;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .7), 1px 1px 0 rgba(69, 58, 48, .22);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group h3[b-x8j57ztynh] {
    margin: 0;
    padding: .24rem .42rem;
    border-bottom: 1px solid #80766a;
    background: linear-gradient(180deg, #b4ab9f 0%, #92887b 100%);
    color: #120f0c;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dl[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-group ul[b-x8j57ztynh] {
    margin: 0;
    padding: .22rem .3rem .3rem;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dl[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(6.5rem, .7fr) minmax(0, 1fr);
    gap: 0;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dt[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-group dd[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-group li[b-x8j57ztynh] {
    min-height: 1.38rem;
    padding: .22rem .3rem;
    border-bottom: 1px solid #c9bfb2;
    color: #211c17;
    font-size: .71rem;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dt[b-x8j57ztynh] {
    background: #d2c8ba;
    color: #4b4238;
    font-weight: 800;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dd[b-x8j57ztynh] {
    margin: 0;
    background: #f2eadf;
    border-left: 1px solid #c2b7aa;
    font-weight: 700;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group li[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .5rem;
    background: #f2eadf;
    list-style: none;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group li[b-x8j57ztynh]::after {
    content: "OK";
    color: #4f463b;
    font-size: .62rem;
    font-weight: 900;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-actions[b-x8j57ztynh] {
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
    margin-top: .45rem;
    padding: .34rem;
    border: 1px solid #82786d;
    background: #c6bbad;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .52);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-actions a[b-x8j57ztynh] {
    min-width: 7.5rem;
    padding: .32rem .7rem;
    border: 1px solid #6d6257;
    background: linear-gradient(180deg, #f0eadf 0%, #bfb4a6 100%);
    color: #1b1713;
    font-size: .7rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .8), 1px 1px 0 rgba(57, 48, 40, .22);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-actions a:active[b-x8j57ztynh] {
    background: linear-gradient(180deg, #b7ad9f 0%, #e8dfd3 100%);
    box-shadow: inset 1px 1px 0 rgba(57, 48, 40, .28);
}

/* Classic Chummer5A roster correction: explorer tree, not web navigation. */
.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh] {
    background: #c8bdae;
    border-right: 1px solid #6f665b;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .58), inset -1px 0 0 rgba(58, 48, 39, .22);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster h2[b-x8j57ztynh] {
    margin: 0;
    padding: .28rem .44rem;
    border-bottom: 1px solid #746b60;
    background: linear-gradient(180deg, #a99f92 0%, #82786c 100%);
    color: #11100e;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .28);
}

.browser-preview-shell.classic-promoted-app .classic-roster-toolbar[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    padding: .22rem;
    border-bottom: 1px solid #877d71;
    background: #b5aa9c;
}

.browser-preview-shell.classic-promoted-app .classic-roster-toolbar button[b-x8j57ztynh] {
    min-height: 1.45rem;
    padding: .18rem .22rem;
    border: 1px solid #675d52;
    border-radius: 0;
    background: linear-gradient(180deg, #ebe4d9 0%, #b9aea0 100%);
    color: #1f1a15;
    font-size: .62rem;
    font-weight: 900;
    line-height: 1.05;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .78);
}

.browser-preview-shell.classic-promoted-app .classic-roster-toolbar button:active[b-x8j57ztynh] {
    background: linear-gradient(180deg, #aaa092 0%, #e8dfd3 100%);
    box-shadow: inset 1px 1px 0 rgba(55, 45, 37, .3);
}

.browser-preview-shell.classic-promoted-app .classic-roster-hint[b-x8j57ztynh] {
    margin: 0;
    padding: .26rem .42rem;
    border-bottom: 1px solid #94897b;
    background: #d8cec0;
    color: #584f44;
    font-size: .64rem;
    line-height: 1.2;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree[b-x8j57ztynh] {
    margin: 0;
    padding: .18rem .12rem .35rem;
    border: 1px solid #897f73;
    border-left: 0;
    border-right: 0;
    background: #eee6db;
    color: #181410;
    font-size: .7rem;
    min-height: 22rem;
    overflow: auto;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree ul[b-x8j57ztynh] {
    margin: 0;
    padding-left: .82rem;
    border-left: 1px dotted #9a9084;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[b-x8j57ztynh] {
    position: relative;
    min-height: 1.25rem;
    margin: 0;
    padding: .16rem .24rem .16rem .38rem;
    border: 1px solid transparent;
    list-style: none;
    white-space: nowrap;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[b-x8j57ztynh]::before {
    position: absolute;
    left: .08rem;
    top: .28rem;
    width: .58rem;
    color: #50483e;
    font-size: .62rem;
    font-weight: 900;
    text-align: center;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[data-tree-kind="folder"][b-x8j57ztynh]::before,
.browser-preview-shell.classic-promoted-app .classic-roster-tree li:has(> ul)[b-x8j57ztynh]::before {
    content: ">";
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[data-tree-kind="runner"][b-x8j57ztynh]::before,
.browser-preview-shell.classic-promoted-app .classic-roster-tree li:not(:has(> ul))[b-x8j57ztynh]::before {
    content: "[]";
    letter-spacing: -.08em;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li:hover[b-x8j57ztynh] {
    border-color: #aaa094;
    background: #ddd4c8;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[aria-selected="true"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-tree .is-selected[b-x8j57ztynh] {
    border-color: #264f7f;
    background: linear-gradient(180deg, #4e79aa 0%, #2f5f95 100%);
    color: #fffdf8;
    font-weight: 900;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .45);
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[aria-selected="true"][b-x8j57ztynh]::before,
.browser-preview-shell.classic-promoted-app .classic-roster-tree .is-selected[b-x8j57ztynh]::before {
    color: #fffdf8;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[draggable="true"][b-x8j57ztynh] {
    cursor: grab;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree li[draggable="true"]:active[b-x8j57ztynh] {
    cursor: grabbing;
}

/* Classic Chummer5A inspector correction: properties/checks pane, not a web sidebar. */
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector[b-x8j57ztynh] {
    background: #c5baac;
    border-left: 1px solid #6e6459;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .52), inset 1px 0 0 rgba(255, 255, 255, .28);
    color: #1d1814;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector h2[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector h3[b-x8j57ztynh] {
    margin: 0;
    padding: .28rem .44rem;
    border-top: 1px solid rgba(255, 255, 255, .42);
    border-bottom: 1px solid #756b60;
    background: linear-gradient(180deg, #aaa093 0%, #83786d 100%);
    color: #11100e;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .24);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector h2:first-child[b-x8j57ztynh] {
    border-top: 0;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector dl[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(4.8rem, .72fr) minmax(0, 1fr);
    margin: 0;
    padding: .28rem;
    gap: 0;
    background: #e5dccf;
    border-bottom: 1px solid #8f8478;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector dt[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector dd[b-x8j57ztynh] {
    min-height: 1.34rem;
    padding: .22rem .28rem;
    border-bottom: 1px solid #c3b8aa;
    font-size: .68rem;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector dt[b-x8j57ztynh] {
    background: #d0c5b8;
    color: #4a4137;
    font-weight: 900;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector dd[b-x8j57ztynh] {
    margin: 0;
    border-left: 1px solid #b7ac9e;
    background: #f3ebdf;
    color: #201b16;
    font-weight: 800;
    text-align: right;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector ul[b-x8j57ztynh] {
    margin: 0;
    padding: .3rem;
    background: #e5dccf;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector li[b-x8j57ztynh] {
    position: relative;
    min-height: 1.42rem;
    margin: 0 0 .18rem;
    padding: .24rem .34rem .24rem 1.35rem;
    border: 1px solid #a09486;
    background: #f1e9de;
    color: #27211b;
    font-size: .68rem;
    font-weight: 800;
    list-style: none;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .68);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector li[b-x8j57ztynh]::before {
    content: "!";
    position: absolute;
    left: .34rem;
    top: .24rem;
    width: .62rem;
    height: .62rem;
    border: 1px solid #806a31;
    background: #d7b94e;
    color: #20180a;
    font-size: .52rem;
    font-weight: 900;
    line-height: .62rem;
    text-align: center;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector li:first-child[b-x8j57ztynh]::before {
    content: "i";
    border-color: #486780;
    background: #89a8c0;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-inspector li:last-child[b-x8j57ztynh]::before {
    content: "?";
    border-color: #6c6c6c;
    background: #c8c1b7;
}

/* Classic Chummer5A top chrome correction: WinForms-style menu and toolbar. */
.browser-preview-shell.classic-promoted-app .classic-chummer-titlebar[b-x8j57ztynh] {
    min-height: 1.65rem;
    padding: .16rem .28rem .16rem .45rem;
    border: 1px solid #28384a;
    border-bottom-color: #111a25;
    background: linear-gradient(90deg, #243b59 0%, #476b91 54%, #8ba6bf 100%);
    color: #fffaf0;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .01em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .55);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-titlebar[b-x8j57ztynh]::before {
    content: "C";
    display: inline-grid;
    place-items: center;
    width: .95rem;
    height: .95rem;
    margin-right: .38rem;
    border: 1px solid rgba(255, 255, 255, .55);
    background: #182535;
    color: #f3efe5;
    font-size: .58rem;
    font-weight: 900;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .28);
}

.browser-preview-shell.classic-promoted-app .classic-window-controls[b-x8j57ztynh] {
    display: flex;
    gap: 2px;
    margin-left: auto;
}

.browser-preview-shell.classic-promoted-app .classic-window-controls span[b-x8j57ztynh] {
    display: grid;
    place-items: center;
    width: 1.24rem;
    height: 1.02rem;
    border: 1px solid #39485a;
    background: linear-gradient(180deg, #dbe5ef 0%, #8fa1b4 100%);
    color: #101820;
    font-size: .62rem;
    font-weight: 900;
    line-height: 1;
    text-shadow: none;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .78);
}

.browser-preview-shell.classic-promoted-app .classic-window-controls span:last-child[b-x8j57ztynh] {
    background: linear-gradient(180deg, #d9b1a7 0%, #9f4f45 100%);
    color: #fff7f1;
    border-color: #6f342e;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-menu[b-x8j57ztynh] {
    min-height: 1.48rem;
    padding: 0 .22rem;
    border-left: 1px solid #83796c;
    border-right: 1px solid #83796c;
    border-bottom: 1px solid #7b7166;
    background: linear-gradient(180deg, #ece5da 0%, #c5baac 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.browser-preview-shell.classic-promoted-app .classic-menu-item > button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item > a[b-x8j57ztynh] {
    min-height: 1.42rem;
    padding: .18rem .62rem;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #201b16;
    font-size: .68rem;
    font-weight: 800;
    text-decoration: none;
}

.browser-preview-shell.classic-promoted-app .classic-menu-item:hover > button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item:focus-within > button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item:hover > a[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item:focus-within > a[b-x8j57ztynh] {
    border-color: #6f879f;
    background: linear-gradient(180deg, #d8e6f3 0%, #a6bfd8 100%);
    color: #101820;
}

.browser-preview-shell.classic-promoted-app .classic-menu-flyout[b-x8j57ztynh] {
    min-width: 12rem;
    padding: .16rem;
    border: 1px solid #5f554a;
    background: #eee6db;
    box-shadow: 3px 3px 0 rgba(42, 35, 28, .35);
}

.browser-preview-shell.classic-promoted-app .classic-menu-flyout a[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: 1.25rem 1fr auto;
    gap: .38rem;
    min-height: 1.42rem;
    padding: .2rem .42rem;
    border: 1px solid transparent;
    color: #1c1712;
    font-size: .68rem;
    font-weight: 750;
    text-decoration: none;
}

.browser-preview-shell.classic-promoted-app .classic-menu-flyout a[b-x8j57ztynh]::before {
    content: "";
    width: .84rem;
    height: .84rem;
    align-self: center;
    border: 1px solid #8f8477;
    background: linear-gradient(180deg, #f5eee4 0%, #c4b8aa 100%);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .7);
}

.browser-preview-shell.classic-promoted-app .classic-menu-flyout a:hover[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-flyout a:focus-visible[b-x8j57ztynh] {
    border-color: #2d5e94;
    background: linear-gradient(180deg, #6090c1 0%, #315f93 100%);
    color: #fffdf8;
    outline: none;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-toolstrip[b-x8j57ztynh] {
    min-height: 2.35rem;
    padding: .24rem .34rem;
    border-left: 1px solid #83796c;
    border-right: 1px solid #83796c;
    border-bottom: 1px solid #746a5f;
    background: linear-gradient(180deg, #d8cec1 0%, #b8ad9f 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68);
}

.browser-preview-shell.classic-promoted-app .classic-toolstrip-group[b-x8j57ztynh] {
    display: flex;
    align-items: center;
    gap: .18rem;
    margin-right: .28rem;
    padding: .18rem .34rem .18rem .22rem;
    border: 1px solid #94897b;
    border-top-color: #f4eee4;
    border-left-color: #f4eee4;
    background: #c7bcad;
    box-shadow: inset -1px -1px 0 rgba(62, 52, 43, .2);
}

.browser-preview-shell.classic-promoted-app .classic-toolstrip-group[b-x8j57ztynh]::after {
    content: "";
    width: 1px;
    height: 1.42rem;
    margin-left: .18rem;
    background: #8a8074;
    box-shadow: 1px 0 0 rgba(255, 255, 255, .55);
}

.browser-preview-shell.classic-promoted-app .classic-tool-icon[b-x8j57ztynh] {
    display: grid;
    place-items: center;
    width: 1.55rem;
    height: 1.48rem;
    border: 1px solid #6b6055;
    background: linear-gradient(180deg, #f4ede3 0%, #bbb0a2 100%);
    color: #1d1814;
    font-size: .62rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .82), 1px 1px 0 rgba(55, 45, 37, .18);
}

.browser-preview-shell.classic-promoted-app .classic-tool-icon:hover[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-tool-icon:focus-visible[b-x8j57ztynh] {
    border-color: #2d5e94;
    background: linear-gradient(180deg, #dcebf8 0%, #93b1ce 100%);
    outline: none;
}

.browser-preview-shell.classic-promoted-app .classic-tool-icon:active[b-x8j57ztynh] {
    background: linear-gradient(180deg, #aaa092 0%, #eee6dc 100%);
    box-shadow: inset 1px 1px 0 rgba(52, 43, 36, .32);
}

.browser-preview-shell.classic-promoted-app .classic-menu-item[b-x8j57ztynh] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}

.browser-preview-shell.classic-promoted-app .classic-menu-item > .classic-menu-flyout[b-x8j57ztynh] {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 40;
    display: none;
}

.browser-preview-shell.classic-promoted-app .classic-menu-item:hover > .classic-menu-flyout[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item:focus-within > .classic-menu-flyout[b-x8j57ztynh] {
    display: grid;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-menu[b-x8j57ztynh],
.browser-preview-shell.classic-compat-app .classic-chummer-menu[b-x8j57ztynh] {
    overflow: visible;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-toolstrip[b-x8j57ztynh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree a[b-x8j57ztynh] {
    color: inherit;
    text-decoration: none;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree a:hover[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-tree a:focus-visible[b-x8j57ztynh] {
    text-decoration: underline;
    outline: none;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dl > div[b-x8j57ztynh] {
    display: contents;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dl > div:hover dt[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-group dl > div:hover dd[b-x8j57ztynh] {
    background-color: #e0d6c9;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-group dl > div:hover dd[b-x8j57ztynh] {
    background-color: #fff6ea;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-dossier > header[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    min-height: 1.8rem;
    padding: .24rem .48rem;
    border-bottom: 1px solid #73695e;
    background: linear-gradient(180deg, #e6ded2 0%, #c4b9aa 100%);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .72);
    color: #1d1814;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-dossier > header span[b-x8j57ztynh] {
    padding: .12rem .34rem;
    border: 1px solid #8d8275;
    background: #d5cbbd;
    color: #4d443a;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-dossier > header strong[b-x8j57ztynh] {
    overflow: hidden;
    color: #18130f;
    font-size: .78rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-dossier > header[b-x8j57ztynh]::after {
    content: "Local dossier | Unsaved | SR5";
    justify-self: end;
    padding: .12rem .34rem;
    border: 1px solid #8f8477;
    background: #eee6db;
    color: #4b4238;
    font-size: .64rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .62);
}

@media (max-width: 760px) {
    .browser-preview-shell.classic-promoted-app .classic-chummer-dossier > header[b-x8j57ztynh] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .browser-preview-shell.classic-promoted-app .classic-chummer-dossier > header[b-x8j57ztynh]::after {
        justify-self: stretch;
    }
}

/* Classic Chummer5A app frame correction: one contained desktop window, not a web section. */
.browser-preview-shell.classic-promoted-app[b-x8j57ztynh] {
    min-height: 100vh;
    padding: .65rem;
    background:
        linear-gradient(135deg, rgba(42, 53, 61, .24) 0 25%, transparent 25% 50%, rgba(42, 53, 61, .18) 50% 75%, transparent 75%) 0 0 / 18px 18px,
        linear-gradient(180deg, #6f7d86 0%, #404a51 100%);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell[b-x8j57ztynh] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    width: min(100%, 1180px);
    min-height: calc(100vh - 1.3rem);
    margin: 0 auto;
    border: 1px solid #172230;
    background: #b9afa2;
    box-shadow:
        0 18px 38px rgba(12, 16, 20, .42),
        inset 1px 1px 0 rgba(255, 255, 255, .58),
        inset -1px -1px 0 rgba(25, 21, 17, .35);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-workspace[b-x8j57ztynh] {
    min-height: 0;
    border-left: 1px solid #83796c;
    border-right: 1px solid #83796c;
    background: #b8ad9f;
    overflow: hidden;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-chummer-dossier[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector[b-x8j57ztynh] {
    min-height: 0;
    overflow: auto;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh]::-webkit-scrollbar,
.browser-preview-shell.classic-promoted-app .classic-chummer-dossier[b-x8j57ztynh]::-webkit-scrollbar,
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector[b-x8j57ztynh]::-webkit-scrollbar,
.browser-preview-shell.classic-promoted-app .classic-roster-tree[b-x8j57ztynh]::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh]::-webkit-scrollbar-track,
.browser-preview-shell.classic-promoted-app .classic-chummer-dossier[b-x8j57ztynh]::-webkit-scrollbar-track,
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector[b-x8j57ztynh]::-webkit-scrollbar-track,
.browser-preview-shell.classic-promoted-app .classic-roster-tree[b-x8j57ztynh]::-webkit-scrollbar-track {
    border: 1px solid #7c7267;
    background: #c4b9ab;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh]::-webkit-scrollbar-thumb,
.browser-preview-shell.classic-promoted-app .classic-chummer-dossier[b-x8j57ztynh]::-webkit-scrollbar-thumb,
.browser-preview-shell.classic-promoted-app .classic-chummer-inspector[b-x8j57ztynh]::-webkit-scrollbar-thumb,
.browser-preview-shell.classic-promoted-app .classic-roster-tree[b-x8j57ztynh]::-webkit-scrollbar-thumb {
    border: 1px solid #655b50;
    background: linear-gradient(180deg, #ede5d9 0%, #a99e91 100%);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .74);
}

@media (max-width: 980px) {
    .browser-preview-shell.classic-promoted-app[b-x8j57ztynh] {
        padding: .35rem;
    }

    .browser-preview-shell.classic-promoted-app .classic-chummer-shell[b-x8j57ztynh] {
        min-height: calc(100vh - .7rem);
    }
}

/* Promoted app route must open as the desktop client, not as a preview or diagnostic page. */
.browser-preview-shell.classic-promoted-app > .browser-preview-banner[b-x8j57ztynh] {
    display: none !important;
}

.browser-preview-shell.classic-promoted-app > .classic-chummer-shell[b-x8j57ztynh] {
    grid-row: 1;
}

.browser-preview-shell.classic-promoted-app > :not(.browser-app-launch):not(.browser-preview-frame--app):not(.browser-preview-banner)[b-x8j57ztynh] {
    display: none !important;
}

/* Classic Chummer5A promoted-app control baseline. */
.browser-preview-shell.classic-promoted-app[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app input[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app select[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app textarea[b-x8j57ztynh] {
    font-family: Tahoma, Verdana, "Segoe UI", sans-serif;
}

.browser-preview-shell.classic-promoted-app a[b-x8j57ztynh] {
    color: inherit;
}

.browser-preview-shell.classic-promoted-app button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-tool-icon[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-actions a[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item > a[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-flyout a[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-tab[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-section-list a[b-x8j57ztynh] {
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

.browser-preview-shell.classic-promoted-app a:focus-visible[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app button:focus-visible[b-x8j57ztynh] {
    outline: 1px dotted #111;
    outline-offset: -3px;
}

.browser-preview-shell.classic-promoted-app button[b-x8j57ztynh]::-moz-focus-inner {
    border: 0;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell *[b-x8j57ztynh] {
    box-sizing: border-box;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell [b-x8j57ztynh]::selection {
    background: #315f93;
    color: #fffdf8;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell [aria-disabled="true"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-chummer-shell .is-disabled[b-x8j57ztynh] {
    color: #7a7167 !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .52);
    pointer-events: none;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell [aria-disabled="true"][b-x8j57ztynh]::before,
.browser-preview-shell.classic-promoted-app .classic-chummer-shell .is-disabled[b-x8j57ztynh]::before {
    opacity: .45;
}

/* Shared classic shell baseline for promoted app and compatibility routes. */
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[b-x8j57ztynh] {
    color: #1d1814;
    font-family: Tahoma, Verdana, "Segoe UI", sans-serif;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell *[b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell *[b-x8j57ztynh]::before,
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell *[b-x8j57ztynh]::after {
    box-sizing: border-box;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell a[b-x8j57ztynh] {
    color: inherit;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell a:focus-visible[b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell button:focus-visible[b-x8j57ztynh] {
    outline: 1px dotted #111;
    outline-offset: -3px;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-window-controls[b-x8j57ztynh] {
    display: flex;
    gap: 2px;
    margin-left: auto;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-item[b-x8j57ztynh] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-item > .classic-menu-flyout[b-x8j57ztynh] {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 40;
    display: none;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-item:hover > .classic-menu-flyout[b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-item:focus-within > .classic-menu-flyout[b-x8j57ztynh] {
    display: grid;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-toolstrip[b-x8j57ztynh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree a[b-x8j57ztynh] {
    color: inherit;
    text-decoration: none;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-dossier-group dl > div[b-x8j57ztynh] {
    display: contents;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-drop-zone][b-x8j57ztynh] {
    outline-offset: -2px;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-drop-zone]:hover[b-x8j57ztynh] {
    outline: 1px dotted #315f93;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [aria-expanded="true"][b-x8j57ztynh]::before {
    content: "v";
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [aria-expanded="false"][b-x8j57ztynh]::before {
    content: ">";
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-toolbar [data-roster-command][b-x8j57ztynh] {
    position: relative;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-toolbar [data-roster-command][aria-pressed="true"][b-x8j57ztynh] {
    background: linear-gradient(180deg, #aaa092 0%, #e8dfd3 100%);
    box-shadow: inset 1px 1px 0 rgba(55, 45, 37, .32);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-toolbar [data-roster-command][aria-busy="true"][b-x8j57ztynh]::after {
    content: "...";
    position: absolute;
    right: .18rem;
    bottom: .08rem;
    color: #4b4238;
    font-size: .55rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-roster.is-roster-command[b-x8j57ztynh] {
    box-shadow:
        inset 0 0 0 2px #315f93,
        inset 1px 1px 0 rgba(255, 255, 255, .58),
        inset -1px 0 0 rgba(58, 48, 39, .22);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-roster.is-roster-command h2[b-x8j57ztynh]::after {
    content: "Active";
    float: right;
    padding: .05rem .26rem;
    border: 1px solid #244f7e;
    background: #e6f0fa;
    color: #1c4169;
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-flyout a[aria-current="page"][b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-tool-icon[aria-current="page"][b-x8j57ztynh] {
    border-color: #244f7e;
    background: linear-gradient(180deg, #dcebf8 0%, #7fa1c3 100%);
    color: #10263d;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .82), inset -1px -1px 0 rgba(36, 79, 126, .35);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-flyout a[aria-current="page"][b-x8j57ztynh]::after {
    content: "current";
    justify-self: end;
    color: inherit;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-dossier-tab[aria-current="page"][b-x8j57ztynh] {
    position: relative;
    z-index: 3;
    margin-bottom: -1px;
    min-height: 1.72rem;
    border-color: #5f554a;
    border-bottom-color: #d7cec1;
    background: linear-gradient(180deg, #f0eadf 0%, #d7cec1 100%);
    color: #17130f;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .72);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-dossier-section-list a[aria-current="page"][b-x8j57ztynh] {
    background: #efe7dc;
    color: #17130f;
    outline: 1px solid #6f655a;
    position: relative;
    z-index: 1;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-dossier-section-list a[aria-current="page"][b-x8j57ztynh]::after {
    content: "";
    position: absolute;
    left: .35rem;
    right: .35rem;
    bottom: .08rem;
    border-bottom: 2px solid #315f93;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-node-id][b-x8j57ztynh] {
    --roster-node-indent-guide: #b0a699;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [draggable="true"][data-roster-node-id][b-x8j57ztynh]::after {
    content: "move";
    float: right;
    color: #6d6358;
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .04em;
    opacity: 0;
    text-transform: uppercase;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [draggable="true"][data-roster-node-id]:hover[b-x8j57ztynh]::after {
    opacity: 1;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-order][b-x8j57ztynh] {
    counter-increment: roster-row;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-order]:focus-within[b-x8j57ztynh] {
    outline: 1px dotted #111;
    outline-offset: -2px;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-accepts-children="true"][b-x8j57ztynh] {
    --roster-drop-color: #315f93;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-accepts-children="true"][data-drop-state="candidate"][b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-accepts-children="true"].is-drop-candidate[b-x8j57ztynh] {
    outline: 1px dashed var(--roster-drop-color);
    background: #e4edf5;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-accepts-children="true"][data-drop-state="blocked"][b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-accepts-children="true"].is-drop-blocked[b-x8j57ztynh] {
    outline: 1px dashed #8a3d32;
    background: #ead9d4;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-draggable-kind="runner"][aria-grabbed="true"][b-x8j57ztynh] {
    opacity: .72;
    outline: 1px dotted #244f7e;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [data-roster-draggable-kind="folder"][aria-grabbed="true"][b-x8j57ztynh] {
    opacity: .78;
    outline: 1px dotted #244f7e;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree [draggable="true"][data-roster-draggable-kind="folder"][b-x8j57ztynh]::after {
    content: "move folder";
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree[data-roster-reorder-mode="nested"][b-x8j57ztynh] {
    border-bottom-color: #6f665b;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree[data-roster-schema-version][b-x8j57ztynh]::after {
    content: "Custom directory layout";
    display: block;
    margin: .35rem .18rem 0;
    padding: .18rem .28rem;
    border: 1px solid #9a9084;
    background: #d8cec0;
    color: #5b5248;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-toolbar [data-roster-shortcut][b-x8j57ztynh]::before {
    content: attr(data-roster-shortcut);
    display: block;
    color: #5d5449;
    font-size: .5rem;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-toolbar [data-roster-shortcut]:hover[b-x8j57ztynh]::before,
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-toolbar [data-roster-shortcut]:focus-visible[b-x8j57ztynh]::before {
    color: #1c4169;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-tool-icon[data-chummer-shortcut][b-x8j57ztynh] {
    position: relative;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-tool-icon[data-chummer-shortcut][b-x8j57ztynh]::after {
    content: attr(data-chummer-shortcut);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: 2px;
    padding: .08rem .18rem;
    border: 1px solid #6d6257;
    background: #f2eadf;
    color: #302a24;
    font-size: .5rem;
    font-weight: 900;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    z-index: 45;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-tool-icon[data-chummer-shortcut]:hover[b-x8j57ztynh]::after,
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-tool-icon[data-chummer-shortcut]:focus-visible[b-x8j57ztynh]::after {
    opacity: 1;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-flyout a[data-chummer-shortcut][b-x8j57ztynh]::after {
    content: attr(data-chummer-shortcut);
    justify-self: end;
    color: #5b5248;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .03em;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-flyout a[data-chummer-shortcut]:hover[b-x8j57ztynh]::after,
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-flyout a[data-chummer-shortcut]:focus-visible[b-x8j57ztynh]::after,
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-menu-flyout a[data-chummer-shortcut][aria-current="page"][b-x8j57ztynh]::after {
    color: inherit;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-roster-tree[data-roster-selected-node]:not([data-roster-selected-node="none"])[b-x8j57ztynh] {
    box-shadow: inset 0 0 0 1px rgba(49, 95, 147, .38);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-roster-selected-node]:not([data-roster-selected-node="none"]) .classic-chummer-status span:first-child[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e8f0f8 0%, #c5d8ea 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-dossier-state="unsaved"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f7ead4 0%, #d9bd83 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-dossier-state="saved"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #b8d2a3 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-dossier-state="saving"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e8f0f8 0%, #b9d0e7 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-dossier-state="error"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f1d8d2 0%, #c98578 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-validation-state="valid"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #b8d2a3 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-validation-state="review-required"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh],
.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-validation-state="warning"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f7ead4 0%, #d9bd83 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-validation-state="error"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f1d8d2 0%, #c98578 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-ruleset="sr5"] .classic-chummer-status span:nth-child(3) em[b-x8j57ztynh]::after {
    content: " active";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-privacy-mode="local-first"] .classic-chummer-status span:nth-child(5)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #b8d2a3 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-privacy-mode="cloud-sync"] .classic-chummer-status span:nth-child(5)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e8f0f8 0%, #b9d0e7 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-analytics-scope="route-workflow-only"] .classic-chummer-status span:nth-child(5) em[b-x8j57ztynh]::after {
    content: " telemetry-safe";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-hosting-mode="hosted-or-self-hosted"] .classic-chummer-status span:nth-child(6)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e8f0f8 0%, #b9d0e7 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-deployment-target="chummer-run"] .classic-chummer-status span:nth-child(6) em[b-x8j57ztynh]::after {
    content: " hosted";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-deployment-target="compatibility"] .classic-chummer-status span:nth-child(6) em[b-x8j57ztynh]::after {
    content: " compat";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-self-hostable="true"][data-container-target="docker"] .classic-chummer-status span:nth-child(6) strong[b-x8j57ztynh]::after {
    content: " Docker";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-route-surface="public-app"] .classic-chummer-titlebar-title[b-x8j57ztynh]::after {
    content: " public";
    margin-left: .35rem;
    color: rgba(255, 250, 240, .82);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-route-surface="compatibility"] .classic-chummer-titlebar-title[b-x8j57ztynh]::after {
    content: " compatibility";
    margin-left: .35rem;
    color: rgba(255, 250, 240, .82);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-auth-gate="login-if-anonymous"] .classic-chummer-status span:first-child[b-x8j57ztynh]::after {
    content: " auth-ready";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-session-state="authenticated"] .classic-chummer-status span:first-child[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #b8d2a3 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-session-state="anonymous"] .classic-chummer-status span:first-child[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f7ead4 0%, #d9bd83 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-auth-return-policy="preserve-route-and-query"] .classic-chummer-status span:first-child strong[b-x8j57ztynh]::after {
    content: " return";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-route-alias="online"] .classic-chummer-titlebar-title[b-x8j57ztynh]::before {
    content: "alias ";
    color: rgba(255, 250, 240, .74);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-output-state="requested"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh]::after {
    content: " output";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-output-state="ready"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #b8d2a3 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-output-state="error"] .classic-chummer-status span:nth-child(2)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f1d8d2 0%, #c98578 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-output-target="local-dossier"] .classic-chummer-status span:nth-child(2) em[b-x8j57ztynh]::after {
    content: " local";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-output-target="print-view"] .classic-chummer-status span:nth-child(2) em[b-x8j57ztynh]::after {
    content: " print";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-output-target="download-package"] .classic-chummer-status span:nth-child(2) em[b-x8j57ztynh]::after {
    content: " download";
    color: #4f463b;
    font-size: .58rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-dialog-action]:not([data-dialog-action="none"]) .classic-chummer-status span:nth-child(2) strong[b-x8j57ztynh]::after {
    content: " dialog";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-control]:not([data-control="none"]) .classic-chummer-status span:nth-child(6)[b-x8j57ztynh]::after {
    content: " control";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-fixture]:not([data-fixture="none"]) .classic-chummer-status span:nth-child(6) strong[b-x8j57ztynh]::after {
    content: " fixture";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-legacy-runner]:not([data-legacy-runner="none"]) .classic-chummer-status span:nth-child(6) em[b-x8j57ztynh]::after {
    content: " legacy-runner";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-owner-state="local-preview"] .classic-chummer-status span:first-child em[b-x8j57ztynh]::after {
    content: " local-owner";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-owner-state="authenticated"] .classic-chummer-status span:first-child[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #b8d2a3 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-owner-state="anonymous"] .classic-chummer-status span:first-child[b-x8j57ztynh] {
    background: linear-gradient(180deg, #f7ead4 0%, #d9bd83 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-client-kind="web-desktop"] .classic-chummer-status span:nth-child(6) strong[b-x8j57ztynh]::before {
    content: "Web ";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-parity-target="desktop-client"] .classic-chummer-status span:nth-child(6) em[b-x8j57ztynh]::before {
    content: "desktop-parity ";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-calculation-owner="shared-chummer-core"] .classic-chummer-status span:nth-child(4) strong[b-x8j57ztynh]::after {
    content: " shared";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-statistics-runtime="reusable-by-avalonia"] .classic-chummer-status span:nth-child(4) em[b-x8j57ztynh]::after {
    content: " avalonia-ready";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-character-statistics="enabled"] .classic-chummer-status span:nth-child(4) strong[b-x8j57ztynh]::before {
    content: "Stats ";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-statistics-scope="anonymized-build-comparisons"] .classic-chummer-status span:nth-child(4) em[b-x8j57ztynh]::before {
    content: "anonymized ";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-recommendation-mode="explainable-local-inputs"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh]::after {
    content: " explainable";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-statistics-result="pending-shared-calculation"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh]::before {
    content: "pending-calc ";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-percentile-band="top-3"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7f0df 0%, #a8cf8e 100%);
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-recommendation-state="ready"] .classic-chummer-status span:nth-child(4)[b-x8j57ztynh]::after {
    content: " recommendation-ready";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-recommendation-inputs="spells-inventory-drugs-gear-qualities"] .classic-chummer-status span:nth-child(4) strong[b-x8j57ztynh]::after {
    content: " inputs";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-risk-model="damage-threshold-probability"] .classic-chummer-status span:nth-child(4) em[b-x8j57ztynh]::after {
    content: " risk-model";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-calculation-boundary="shared-engine-only"] .classic-chummer-status span:nth-child(4) strong[b-x8j57ztynh]::before {
    content: "Core ";
    color: #1c4169;
    font-size: .56rem;
    font-weight: 900;
}

.browser-preview-shell:is(.classic-promoted-app, .classic-compat-app) .classic-chummer-shell[data-result-consumer="blazor-renders-shared-results"] .classic-chummer-status span:nth-child(4) em[b-x8j57ztynh]::before {
    content: "render-only ";
    color: #4f463b;
    font-size: .56rem;
    font-weight: 900;
}
/* Chummer5A visual correction for promoted web-client routes.
   `/app` and `/online` must read as the desktop client, not as preview or diagnostic tooling. */
.browser-preview-shell.classic-promoted-app[b-x8j57ztynh] {
    --classic-client-bg: #2f3539;
    --classic-client-chrome: #d8dce0;
    --classic-client-chrome-dark: #b8c0c7;
    --classic-client-panel: #eceff2;
    --classic-client-panel-2: #f7f8f9;
    --classic-client-border: #7f8992;
    --classic-client-border-soft: #aeb6bd;
    --classic-client-text: #182027;
    --classic-client-muted: #53616d;
    --classic-client-blue: #3f6688;
    --classic-client-blue-dark: #284a66;
    --classic-client-selection: #c9dcec;
    --classic-client-warning: #8a5a1f;
    --classic-client-danger: #7d2e2a;
    min-height: 100vh;
    padding: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .04), transparent 24rem),
        linear-gradient(180deg, #40484e 0%, #252b30 100%);
    color: var(--classic-client-text);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell[b-x8j57ztynh] {
    width: min(100vw, 100%);
    min-height: 100vh;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--classic-client-chrome);
    box-shadow: none;
    font-family: "Segoe UI", "Tahoma", sans-serif;
    letter-spacing: 0;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-titlebar[b-x8j57ztynh] {
    min-height: 28px;
    padding: 4px 8px;
    border-bottom: 1px solid #152536;
    background:
        linear-gradient(180deg, #557391 0%, #36546f 48%, #263f55 100%);
    color: #f4f7fa;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .55);
}

.browser-preview-shell.classic-promoted-app .classic-window-controls[b-x8j57ztynh] {
    gap: 3px;
}

.browser-preview-shell.classic-promoted-app .classic-window-controls button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-window-control[b-x8j57ztynh] {
    width: 30px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .42);
    border-radius: 2px;
    background: linear-gradient(180deg, #eef2f5 0%, #aeb8c1 100%);
    color: #102235;
    font-size: 11px;
    line-height: 1;
}

.browser-preview-shell.classic-promoted-app .classic-menu-bar[b-x8j57ztynh] {
    min-height: 25px;
    padding: 0 6px;
    border-top: 1px solid rgba(255, 255, 255, .5);
    border-bottom: 1px solid var(--classic-client-border);
    background: linear-gradient(180deg, #f7f8f9 0%, #d7dde3 100%);
    color: var(--classic-client-text);
    font-size: 12px;
}

.browser-preview-shell.classic-promoted-app .classic-menu-item[b-x8j57ztynh] {
    min-height: 24px;
    padding: 4px 9px;
    border: 1px solid transparent;
    border-radius: 0;
}

.browser-preview-shell.classic-promoted-app .classic-menu-item:hover[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-menu-item:focus-within[b-x8j57ztynh] {
    border-color: #7da5c8;
    background: #dbeaf6;
}

.browser-preview-shell.classic-promoted-app .classic-menu-flyout[b-x8j57ztynh] {
    border: 1px solid #6c7883;
    border-radius: 0;
    background: #f5f6f7;
    box-shadow: 3px 4px 0 rgba(0, 0, 0, .22);
    color: var(--classic-client-text);
}

.browser-preview-shell.classic-promoted-app .classic-toolstrip[b-x8j57ztynh] {
    min-height: 39px;
    padding: 5px 7px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid var(--classic-client-border);
    background:
        linear-gradient(180deg, #eef1f4 0%, #cbd3da 100%);
}

.browser-preview-shell.classic-promoted-app .classic-toolstrip-group[b-x8j57ztynh] {
    gap: 3px;
    padding-right: 7px;
    margin-right: 5px;
    border-right: 1px solid #9ea8b0;
    box-shadow: 1px 0 0 rgba(255, 255, 255, .75);
}

.browser-preview-shell.classic-promoted-app .classic-tool-icon[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-toolstrip button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-toolbar button[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-inspector button[b-x8j57ztynh] {
    min-height: 27px;
    border: 1px solid #7e8993;
    border-radius: 2px;
    background:
        linear-gradient(180deg, #ffffff 0%, #d8dee4 55%, #c4ccd3 100%);
    color: var(--classic-client-text);
    font-size: 12px;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, .9),
        inset -1px -1px 0 rgba(70, 80, 90, .16);
}

.browser-preview-shell.classic-promoted-app .classic-tool-icon[aria-current="page"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-toolstrip button[aria-current="page"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-tab[aria-current="page"][b-x8j57ztynh] {
    border-color: #365f82;
    background:
        linear-gradient(180deg, #d9ebf8 0%, #a7c9e5 100%);
    color: #102a40;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-workspace[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(230px, 18vw) minmax(520px, 1fr) minmax(260px, 21vw);
    gap: 5px;
    min-height: calc(100vh - 124px);
    padding: 5px;
    border-top: 1px solid rgba(255, 255, 255, .72);
    background: var(--classic-client-bg);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-dossier-panel[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-inspector[b-x8j57ztynh] {
    border: 1px solid #68747e;
    border-radius: 0;
    background: var(--classic-client-panel);
    color: var(--classic-client-text);
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, .86),
        inset -1px -1px 0 rgba(0, 0, 0, .12);
}

.browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-inspector[b-x8j57ztynh] {
    padding: 7px;
}

.browser-preview-shell.classic-promoted-app .classic-panel-title[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-header[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-inspector-header[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-group-title[b-x8j57ztynh] {
    margin: 0 0 6px;
    padding: 4px 6px;
    border: 1px solid #8996a1;
    background: linear-gradient(180deg, #eef2f5 0%, #ccd5dd 100%);
    color: #1d303f;
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
}

.browser-preview-shell.classic-promoted-app .classic-roster-toolbar[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 6px;
    padding: 5px;
    border: 1px solid var(--classic-client-border-soft);
    background: #dde3e8;
}

.browser-preview-shell.classic-promoted-app .classic-roster-tree[b-x8j57ztynh] {
    min-height: 420px;
    padding: 5px;
    border: 1px solid #8b969f;
    background: #fbfcfd;
    color: var(--classic-client-text);
    font-size: 12px;
    line-height: 1.35;
}

.browser-preview-shell.classic-promoted-app .classic-roster-node[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-leaf[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-tree-node[b-x8j57ztynh] {
    min-height: 22px;
    margin: 1px 0;
    padding: 2px 4px;
    border: 1px solid transparent;
    border-radius: 0;
}

.browser-preview-shell.classic-promoted-app .classic-roster-node[aria-selected="true"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-leaf[aria-selected="true"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-tree-node[aria-selected="true"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-node:hover[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-roster-leaf:hover[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-tree-node:hover[b-x8j57ztynh] {
    border-color: #7aa6cd;
    background: var(--classic-client-selection);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-panel[b-x8j57ztynh] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-tabs[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 6px 6px 0;
    border-bottom: 1px solid #7b8791;
    background: #c9d1d8;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-tab[b-x8j57ztynh] {
    min-height: 28px;
    margin: 0 1px -1px 0;
    padding: 6px 11px;
    border: 1px solid #7b8791;
    border-bottom-color: #7b8791;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(180deg, #eef1f4 0%, #c4ccd4 100%);
    color: #24323e;
    font-size: 12px;
    font-weight: 600;
}

.browser-preview-shell.classic-promoted-app .classic-dossier-tab[aria-current="page"][b-x8j57ztynh] {
    position: relative;
    z-index: 1;
    border-bottom-color: var(--classic-client-panel-2);
    background: var(--classic-client-panel-2);
}

.browser-preview-shell.classic-promoted-app .classic-dossier-content[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-character-sheet[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-sheet-body[b-x8j57ztynh] {
    flex: 1;
    min-height: 0;
    padding: 9px;
    background: var(--classic-client-panel-2);
    color: var(--classic-client-text);
    overflow: auto;
}

.browser-preview-shell.classic-promoted-app .classic-field-grid[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-stat-grid[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-attribute-grid[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 6px;
}

.browser-preview-shell.classic-promoted-app .classic-field[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-stat-card[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-group-box[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-inspector-card[b-x8j57ztynh] {
    border: 1px solid #9aa5ae;
    border-radius: 0;
    background: #ffffff;
    color: var(--classic-client-text);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .9);
}

.browser-preview-shell.classic-promoted-app .classic-field label[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-stat-label[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-inspector-label[b-x8j57ztynh] {
    color: var(--classic-client-muted);
    font-size: 11px;
    font-weight: 600;
}

.browser-preview-shell.classic-promoted-app .classic-field input[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-field select[b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app .classic-field textarea[b-x8j57ztynh] {
    border: 1px solid #7f8992;
    border-radius: 0;
    background: #ffffff;
    color: #111820;
    font: 12px "Segoe UI", "Tahoma", sans-serif;
}

.browser-preview-shell.classic-promoted-app .classic-inspector[b-x8j57ztynh] {
    font-size: 12px;
    overflow: auto;
}

.browser-preview-shell.classic-promoted-app .classic-inspector-card[b-x8j57ztynh] {
    margin-bottom: 7px;
    padding: 7px;
}

.browser-preview-shell.classic-promoted-app .classic-statusbar[b-x8j57ztynh] {
    display: flex;
    min-height: 25px;
    padding: 3px 5px;
    border-top: 1px solid #7b8791;
    background: linear-gradient(180deg, #dce2e7 0%, #bfc8d0 100%);
    color: #1f2d38;
    font-size: 11px;
}

.browser-preview-shell.classic-promoted-app .classic-status-cell[b-x8j57ztynh] {
    min-height: 18px;
    padding: 2px 7px;
    border: 1px solid #8d98a1;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    background: #d5dce2;
    white-space: nowrap;
}

.browser-preview-shell.classic-promoted-app [class*="proof"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app [class*="preview-card"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app [class*="marketing"][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app [data-fixture][b-x8j57ztynh],
.browser-preview-shell.classic-promoted-app [data-control][b-x8j57ztynh] {
    box-shadow: none;
}

.browser-skip-link[b-x8j57ztynh] {
    position: fixed;
    left: 8px;
    top: 8px;
    z-index: 1000;
    transform: translateY(-150%);
    padding: 8px 10px;
    border: 2px solid #9ed6ff;
    background: #ffffff;
    color: #17202a;
    font-weight: 800;
    text-decoration: none;
}

.browser-skip-link:focus[b-x8j57ztynh] {
    transform: translateY(0);
}

.browser-preview-shell.classic-promoted-app .browser-preview-banner[b-x8j57ztynh] {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    margin: 0;
    border-radius: 0;
    border-inline: 0;
    border-top: 0;
    background:
        linear-gradient(180deg, rgba(244, 247, 250, 0.98), rgba(219, 226, 232, 0.98));
    backdrop-filter: blur(10px);
}

.browser-preview-shell.classic-promoted-app .browser-preview-banner-copy h1[b-x8j57ztynh] {
    font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.browser-preview-shell.classic-promoted-app .browser-preview-banner-copy p:not(.browser-preview-kicker)[b-x8j57ztynh] {
    max-width: 80ch;
    color: #31404c;
}

.browser-preview-shell.classic-promoted-app .classic-chummer-shell:focus[b-x8j57ztynh] {
    outline: 3px solid #9ed6ff;
    outline-offset: -3px;
}

@media (max-width: 980px) {
    .browser-preview-shell.classic-promoted-app .classic-chummer-workspace[b-x8j57ztynh] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .browser-preview-shell.classic-promoted-app .classic-chummer-roster[b-x8j57ztynh],
    .browser-preview-shell.classic-promoted-app .classic-dossier-panel[b-x8j57ztynh],
    .browser-preview-shell.classic-promoted-app .classic-inspector[b-x8j57ztynh] {
        min-height: 260px;
    }

    .browser-preview-shell.classic-promoted-app .browser-preview-banner[b-x8j57ztynh] {
        position: static;
    }
}

/* Public app route. Keep /app roster-first and free of compatibility-shell chrome. */
.browser-preview-shell.chummer-online-app-shell[b-x8j57ztynh] {
    min-height: 100vh;
    padding: 0;
    background: #080b0f;
    color: #f7f2e8;
}

.browser-preview-shell.chummer-online-app-shell[b-x8j57ztynh]::before,
.browser-preview-shell.chummer-online-app-shell[b-x8j57ztynh]::after {
    content: none;
    display: none;
}

.browser-preview-shell.chummer-online-app-shell > .browser-app-roster[b-x8j57ztynh] {
    width: min(1180px, calc(100% - 1.25rem));
    margin: 0 auto;
    padding: .75rem 0 1rem;
    color: #f7f2e8;
}

.browser-app-classic-chrome[b-x8j57ztynh] {
    margin-bottom: .75rem;
    border: 1px solid #6c655b;
    background: linear-gradient(180deg, #f6f2ea 0, #d8d0c3 48%, #b9b0a1 49%, #ded8ce 100%);
    color: #1f1d1a;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .32) inset;
    position: relative;
    z-index: 10;
}

.browser-app-classic-menu-bar[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: stretch;
    padding: 0 .15rem;
    border-bottom: 1px solid #6c655b;
    background: linear-gradient(180deg, #f6f2ea 0, #e3dbcf 58%, #c8bfae 100%);
}

.browser-app-classic-menu-root[b-x8j57ztynh] {
    position: relative;
}

.browser-app-classic-menu-root > summary[b-x8j57ztynh],
.browser-app-classic-menu-root > summary[data-app-menu-summary][b-x8j57ztynh] {
    list-style: none;
    display: flex;
    align-items: center;
    min-height: 1.9rem;
    padding: .2rem .55rem;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    color: #1f1d1a;
    font-size: .78rem;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.browser-app-classic-menu-root > summary[b-x8j57ztynh]::-webkit-details-marker {
    display: none;
}

.browser-app-classic-menu-root[open] > summary[b-x8j57ztynh],
.browser-app-classic-menu-root[open] > summary[data-app-menu-summary][b-x8j57ztynh],
.browser-app-classic-menu-root > summary:hover[b-x8j57ztynh],
.browser-app-classic-menu-root > summary:focus-visible[b-x8j57ztynh],
.browser-app-classic-menu-root:focus-within > summary[b-x8j57ztynh],
.browser-app-classic-menu-root:focus-within > summary[data-app-menu-summary][b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7eef4 0, #c8d8e6 100%);
    outline: none;
}

.browser-app-classic-menu-flyout[b-x8j57ztynh] {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width: 12rem;
    display: grid;
    gap: .15rem;
    padding: .18rem;
    border: 1px solid #6c655b;
    background: #f7f4ed;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .18);
    z-index: 20;
}

.browser-app-classic-menu-root:not([open]) > .browser-app-classic-menu-flyout[b-x8j57ztynh] {
    display: none;
}

.browser-app-classic-menu-flyout a[b-x8j57ztynh] {
    display: block;
    padding: .34rem .5rem;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #1f1d1a;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.browser-app-classic-menu-flyout a:hover[b-x8j57ztynh],
.browser-app-classic-menu-flyout a:focus-visible[b-x8j57ztynh],
.browser-app-classic-menu-flyout a[aria-current="page"][b-x8j57ztynh] {
    background: #dbeaf6;
    border-color: #56738a;
    outline: none;
}

.browser-app-classic-toolstrip[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .3rem .4rem;
    background: linear-gradient(180deg, #ece5d8 0, #d7cdbd 100%);
}

.browser-app-classic-toolstrip a[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.95rem;
    padding: .28rem .58rem;
    border: 1px solid #7a7266;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbf8f2 0, #e1d8cb 100%);
    color: #1f1d1a;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
}

.browser-app-classic-toolstrip a:hover[b-x8j57ztynh],
.browser-app-classic-toolstrip a:focus-visible[b-x8j57ztynh],
.browser-app-classic-toolstrip a[aria-current="page"][b-x8j57ztynh] {
    background: linear-gradient(180deg, #e7eef4 0, #c8d8e6 100%);
    border-color: #56738a;
    outline: none;
}

.browser-app-roster-head[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: end;
    padding: .65rem 0 .75rem;
    border-bottom: 1px solid rgba(244, 207, 115, .22);
}

.browser-app-roster-head span[b-x8j57ztynh],
.browser-app-runner-panel span[b-x8j57ztynh],
.browser-app-example-panel h2[b-x8j57ztynh] {
    color: #d8bf7a;
    font-size: .78rem;
    font-weight: 800;
}

.browser-app-roster-head h1[b-x8j57ztynh],
.browser-app-roster-head p[b-x8j57ztynh],
.browser-app-runner-panel h2[b-x8j57ztynh],
.browser-app-runner-panel p[b-x8j57ztynh],
.browser-app-example-panel h2[b-x8j57ztynh] {
    margin: 0;
}

.browser-app-roster-head h1[b-x8j57ztynh] {
    color: #fff8e8;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1;
}

.browser-app-roster-head p[b-x8j57ztynh],
.browser-app-runner-panel p[b-x8j57ztynh],
.browser-app-example-runners small[b-x8j57ztynh] {
    color: rgba(247, 242, 232, .72);
}

.browser-app-roster-actions[b-x8j57ztynh],
.browser-app-runner-actions[b-x8j57ztynh],
.browser-app-roster-toolbar[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.browser-app-roster-actions a[b-x8j57ztynh],
.browser-app-runner-actions a[b-x8j57ztynh],
.browser-app-roster-toolbar button[b-x8j57ztynh] {
    min-height: 2.15rem;
    padding: .45rem .7rem;
    border: 1px solid rgba(244, 207, 115, .28);
    border-radius: .35rem;
    background: rgba(255, 255, 255, .055);
    color: #fff8e8;
    font: inherit;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.browser-app-roster-actions a:first-child[b-x8j57ztynh],
.browser-app-runner-actions a:first-child[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, .5);
    background: rgba(143, 240, 188, .14);
}

.browser-app-roster-actions a:hover[b-x8j57ztynh],
.browser-app-runner-actions a:hover[b-x8j57ztynh],
.browser-app-roster-toolbar button:hover[b-x8j57ztynh],
.browser-app-example-runners a:hover[b-x8j57ztynh],
.browser-app-roster-tree a:hover[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, .72);
    background: rgba(143, 240, 188, .12);
}

.browser-app-roster-grid[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: minmax(14rem, .7fr) minmax(24rem, 1.45fr) minmax(15rem, .85fr);
    gap: .75rem;
    min-height: min(72vh, 44rem);
    padding-top: .75rem;
}

.browser-app-roster-tree[b-x8j57ztynh],
.browser-app-runner-panel[b-x8j57ztynh],
.browser-app-example-panel[b-x8j57ztynh] {
    min-width: 0;
    border: 1px solid rgba(244, 207, 115, .2);
    border-radius: .5rem;
    background: rgba(5, 7, 10, .68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.browser-app-roster-tree[b-x8j57ztynh],
.browser-app-example-panel[b-x8j57ztynh] {
    padding: .7rem;
}

.browser-app-roster-toolbar[b-x8j57ztynh] {
    margin-bottom: .6rem;
}

.browser-app-roster-tree ul[b-x8j57ztynh] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.browser-app-roster-tree ul ul[b-x8j57ztynh] {
    margin: .25rem 0 .5rem .85rem;
}

.browser-app-roster-tree li[b-x8j57ztynh] {
    margin: .12rem 0;
}

.browser-app-roster-tree span[b-x8j57ztynh],
.browser-app-roster-tree a[b-x8j57ztynh] {
    display: block;
    padding: .38rem .45rem;
    border: 1px solid transparent;
    border-radius: .3rem;
}

.browser-app-roster-tree span[b-x8j57ztynh] {
    color: #d8bf7a;
    font-size: .8rem;
    font-weight: 850;
}

.browser-app-roster-tree a[b-x8j57ztynh] {
    color: #fff8e8;
    text-decoration: none;
}

.browser-app-roster-tree [aria-selected="true"] a[b-x8j57ztynh] {
    border-color: rgba(143, 240, 188, .58);
    background: rgba(143, 240, 188, .13);
}

.browser-app-runner-panel[b-x8j57ztynh] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    padding: .9rem;
}

.browser-app-runner-panel h2[b-x8j57ztynh] {
    color: #fff8e8;
    font-size: clamp(1.4rem, 2vw, 2rem);
}

.browser-app-runner-stats[b-x8j57ztynh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    margin: .85rem 0;
}

.browser-app-runner-stats span[b-x8j57ztynh] {
    display: grid;
    gap: .15rem;
    padding: .55rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .35rem;
    background: rgba(255, 255, 255, .052);
}

.browser-app-runner-stats strong[b-x8j57ztynh] {
    color: #fff8e8;
    font-size: .95rem;
}

.browser-app-runner-stats small[b-x8j57ztynh] {
    color: rgba(247, 242, 232, .62);
}

.browser-app-runner-actions[b-x8j57ztynh] {
    align-self: end;
}

.browser-app-example-panel[b-x8j57ztynh] {
    display: grid;
    align-content: start;
    gap: .6rem;
}

.browser-app-example-runners[b-x8j57ztynh] {
    display: grid;
    gap: .45rem;
}

.browser-app-example-runners a[b-x8j57ztynh] {
    display: grid;
    gap: .16rem;
    min-height: 0;
    padding: .55rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .35rem;
    background: rgba(255, 255, 255, .052);
    color: #fff8e8;
    text-decoration: none;
}

.browser-app-example-runners strong[b-x8j57ztynh] {
    color: #fff8e8;
}

.browser-app-statusbar[b-x8j57ztynh] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin-top: .75rem;
    padding: .28rem .45rem;
    border: 1px solid rgba(244, 207, 115, .18);
    background: rgba(255, 255, 255, .045);
    color: rgba(247, 242, 232, .78);
    font-size: .76rem;
}

.browser-app-statusbar span[b-x8j57ztynh] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0 .42rem;
    border: 1px solid rgba(244, 207, 115, .14);
    background: rgba(0, 0, 0, .18);
}

.browser-app-statusbar strong[b-x8j57ztynh] {
    color: #fff8e8;
}

@media (max-width: 920px) {
    .browser-app-classic-menu-bar[b-x8j57ztynh] {
        gap: .2rem;
        padding: .25rem;
        border-bottom: 0;
    }

    .browser-app-classic-menu-root > summary[b-x8j57ztynh],
    .browser-app-classic-menu-root > summary[data-app-menu-summary][b-x8j57ztynh] {
        min-height: 1.85rem;
        padding-inline: .65rem;
        border: 1px solid #7a7266;
        border-radius: 2px;
        background: linear-gradient(180deg, #fbf8f2 0, #e1d8cb 100%);
    }

    .browser-app-classic-menu-root[open] > summary[b-x8j57ztynh],
    .browser-app-classic-menu-root[open] > summary[data-app-menu-summary][b-x8j57ztynh],
    .browser-app-classic-menu-root > summary:hover[b-x8j57ztynh],
    .browser-app-classic-menu-root > summary:focus-visible[b-x8j57ztynh],
    .browser-app-classic-menu-root:focus-within > summary[b-x8j57ztynh],
    .browser-app-classic-menu-root:focus-within > summary[data-app-menu-summary][b-x8j57ztynh] {
        border-color: #56738a;
    }

    .browser-app-classic-menu-flyout[b-x8j57ztynh] {
        position: static;
        min-width: 0;
        margin: .2rem 0 .35rem;
    }

    .browser-app-classic-toolstrip a[b-x8j57ztynh] {
        flex: 1 1 calc(50% - .3rem);
    }

    .browser-app-roster-head[b-x8j57ztynh],
    .browser-app-roster-grid[b-x8j57ztynh] {
        grid-template-columns: 1fr;
    }

    .browser-app-roster-actions[b-x8j57ztynh] {
        justify-content: flex-start;
    }

    .browser-app-runner-stats[b-x8j57ztynh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}