/* /Components/AltSentinel/AltSentinelBanConfirmationDialog.razor.rz.scp.css */
.sentinel-ban-confirmation[b-l6kow7at0c] { display: grid; gap: 1rem; min-width: min(32rem, 72vw); color: #b8c2d1; }
.sentinel-ban-confirmation > header[b-l6kow7at0c] { display: flex; align-items: center; gap: .75rem; }
.sentinel-ban-confirmation > header > span[b-l6kow7at0c] { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid rgba(251, 113, 133, .25); border-radius: .8rem; color: #fb8499; background: rgba(244, 63, 94, .09); }
.sentinel-ban-confirmation header small[b-l6kow7at0c], .ban-message-preview > span[b-l6kow7at0c] { color: #fb8499; font-size: .6rem; font-weight: 850; letter-spacing: .11em; }
.sentinel-ban-confirmation h2[b-l6kow7at0c] { margin: .1rem 0 0; color: #f1f4f9; font: 700 1.25rem Georgia, serif; }
.sentinel-ban-confirmation > p[b-l6kow7at0c] { margin: 0; color: #8895a9; font-size: .78rem; }
.sentinel-ban-confirmation > p strong[b-l6kow7at0c] { color: #f3a0ae; }
.ban-confirm-member-list[b-l6kow7at0c] { display: grid; max-height: 15rem; overflow: auto; border: 1px solid rgba(148, 163, 184, .1); border-radius: .75rem; background: #0a1220; }
.ban-confirm-member-list > div[b-l6kow7at0c] { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: center; gap: .6rem; padding: .55rem .65rem; border-bottom: 1px solid rgba(148, 163, 184, .07); }
.ban-confirm-member-list > div:last-child[b-l6kow7at0c] { border: 0; }
.ban-confirm-member-list > div > span[b-l6kow7at0c] { display: grid; width: 1.85rem; height: 1.85rem; place-items: center; border-radius: .5rem; color: #dcd7ff; background: rgba(139, 124, 255, .12); font: 700 .68rem Georgia, serif; }
.ban-confirm-member-list strong[b-l6kow7at0c] { display: grid; color: #dce2eb; font-size: .72rem; }
.ban-confirm-member-list strong small[b-l6kow7at0c] { color: #66758b; font: .55rem ui-monospace, SFMono-Regular, Consolas, monospace; }
.ban-confirm-member-list time[b-l6kow7at0c] { color: #76849a; font-size: .58rem; }
.ban-message-preview[b-l6kow7at0c] { display: grid; gap: .22rem; padding: .75rem .85rem; border-left: 3px solid #6d28d9; border-radius: .3rem .7rem .7rem .3rem; background: #161820; box-shadow: 0 10px 26px rgba(0, 0, 0, .2); }
.ban-message-preview > strong[b-l6kow7at0c] { margin: .18rem 0; color: #f2f3f5; font: 700 .86rem Georgia, serif; }
.ban-message-preview code[b-l6kow7at0c] { width: max-content; padding: .08rem .25rem; border-radius: .2rem; color: #c8c9ff; background: #3b3d6e; font-size: .62rem; }
.ban-message-preview small[b-l6kow7at0c] { margin-top: .3rem; color: #7e8798; font-size: .56rem; }

@media (max-width: 560px) {
    .sentinel-ban-confirmation[b-l6kow7at0c] { min-width: 0; }
    .ban-confirm-member-list > div[b-l6kow7at0c] { grid-template-columns: 2rem minmax(0, 1fr); }
    .ban-confirm-member-list time[b-l6kow7at0c] { grid-column: 2; }
}
/* /Components/AltSentinel/AltSentinelReviewDialog.razor.rz.scp.css */
.sentinel-review-dialog[b-b03wjsz00p] { display: grid; gap: 1rem; min-width: min(42rem, 78vw); color: #b8c2d1; }
.sentinel-review-dialog > header[b-b03wjsz00p] { display: flex; align-items: center; gap: .75rem; }
.sentinel-review-dialog > header > span[b-b03wjsz00p] { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid rgba(139, 124, 255, .28); border-radius: .8rem; color: #c7beff; background: rgba(139, 124, 255, .1); }
.sentinel-review-dialog header small[b-b03wjsz00p] { color: #9183dc; font-size: .58rem; font-weight: 850; letter-spacing: .11em; }
.sentinel-review-dialog h2[b-b03wjsz00p] { margin: .1rem 0 0; color: #f1f4f9; font: 700 1.25rem Georgia, serif; }
.review-outcome-grid[b-b03wjsz00p] { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.review-outcome-grid button[b-b03wjsz00p] { display: grid; grid-template-columns: auto 1fr; gap: .25rem .55rem; padding: .8rem; border: 1px solid rgba(148, 163, 184, .12); border-radius: .8rem; color: #8996aa; background: #0a1220; text-align: left; transition: border-color .16s, background .16s, transform .16s; }
.review-outcome-grid button:hover[b-b03wjsz00p] { transform: translateY(-1px); border-color: rgba(139, 124, 255, .3); }
.review-outcome-grid button.selected[b-b03wjsz00p] { border-color: rgba(139, 124, 255, .55); color: #c9c2ff; background: rgba(139, 124, 255, .09); box-shadow: inset 0 1px rgba(255, 255, 255, .035); }
.review-outcome-grid button.cleared.selected[b-b03wjsz00p] { border-color: rgba(86, 214, 160, .48); color: #82e7bc; background: rgba(86, 214, 160, .075); }
.review-outcome-grid .mud-icon-root[b-b03wjsz00p] { grid-row: 1 / 3; font-size: 1.15rem; }
.review-outcome-grid strong[b-b03wjsz00p] { color: #dce2eb; font-size: .72rem; }
.review-outcome-grid span[b-b03wjsz00p] { font-size: .62rem; line-height: 1.45; }
.sentinel-review-dialog > label[b-b03wjsz00p] { display: grid; gap: .3rem; }
.sentinel-review-dialog > label > span[b-b03wjsz00p] { color: #7d899d; font-size: .55rem; font-weight: 850; letter-spacing: .09em; }
.sentinel-review-dialog > label > span small[b-b03wjsz00p] { color: #58667b; letter-spacing: 0; }
.sentinel-review-dialog textarea[b-b03wjsz00p] { min-height: 5rem; resize: vertical; padding: .65rem .72rem; border: 1px solid rgba(148, 163, 184, .13); border-radius: .65rem; outline: none; color: #d8dee8; background: #09111f; font: inherit; font-size: .72rem; }
.sentinel-review-dialog textarea:focus[b-b03wjsz00p] { border-color: rgba(139, 124, 255, .5); box-shadow: 0 0 0 3px rgba(139, 124, 255, .07); }
.sentinel-review-dialog > label > small[b-b03wjsz00p] { justify-self: end; color: #59677c; font-size: .5rem; }
.review-impact[b-b03wjsz00p] { display: flex; align-items: center; gap: .6rem; padding: .65rem .72rem; border: 1px solid rgba(139, 124, 255, .14); border-radius: .7rem; color: #9c91e3; background: rgba(139, 124, 255, .045); }
.review-impact.cleared[b-b03wjsz00p] { border-color: rgba(86, 214, 160, .16); color: #6ddcad; background: rgba(86, 214, 160, .04); }
.review-impact > span[b-b03wjsz00p] { display: grid; }
.review-impact strong[b-b03wjsz00p] { color: #cbd3de; font-size: .65rem; }
.review-impact small[b-b03wjsz00p] { color: #6d7a90; font-size: .55rem; }

@media (max-width: 620px) {
    .sentinel-review-dialog[b-b03wjsz00p] { min-width: 0; }
    .review-outcome-grid[b-b03wjsz00p] { grid-template-columns: 1fr; }
}
/* /Components/Announcements/AnnouncementSourceCatalog.razor.rz.scp.css */
.source-catalog[b-l78giyd62f]{overflow:hidden;border:1px solid rgba(105,159,190,.14);border-radius:.75rem;background:#08131f;color:#dce8f2;box-shadow:0 18px 60px rgba(1,7,13,.18)}.source-catalog>header[b-l78giyd62f]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(105,159,190,.1);background:linear-gradient(90deg,rgba(41,131,166,.08),transparent 55%)}.source-catalog>header div[b-l78giyd62f]{min-width:0}.source-catalog>header small[b-l78giyd62f]{color:#60859a;font:750 .47rem/1 Bahnschrift,sans-serif;letter-spacing:.13em}.source-catalog h2[b-l78giyd62f]{margin:.18rem 0 .12rem;color:#ecf5fa;font:720 1rem/1 Bahnschrift,sans-serif}.source-catalog p[b-l78giyd62f]{margin:0;color:#718798;font-size:.58rem}.source-catalog>header>span[b-l78giyd62f]{min-width:58px;display:grid;place-items:center;padding:.42rem;border:1px solid rgba(69,189,211,.18);border-radius:.48rem;background:rgba(69,189,211,.04)}.source-catalog>header>span strong[b-l78giyd62f]{color:#77cfdd;font:760 .9rem/1 Bahnschrift,sans-serif}.source-catalog>header>span small[b-l78giyd62f]{margin-top:.14rem;font-size:.4rem}.channel-grid[b-l78giyd62f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.55rem;padding:.65rem}.channel-card[b-l78giyd62f]{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.62rem;padding:.66rem;border:1px solid rgba(119,153,178,.09);border-radius:.58rem;background:rgba(255,255,255,.012);transition:border-color .16s ease,background .16s ease,transform .16s ease}.channel-card:hover[b-l78giyd62f]{transform:translateY(-1px);border-color:rgba(119,177,202,.2);background:rgba(255,255,255,.02)}.channel-card.enabled[b-l78giyd62f]{border-color:rgba(72,192,208,.22);background:linear-gradient(105deg,rgba(40,155,177,.07),rgba(255,255,255,.01));box-shadow:inset 2px 0 #4cb5c7}.channel-card.unavailable[b-l78giyd62f]{border-color:rgba(202,100,117,.14);opacity:.72}.channel-mark[b-l78giyd62f]{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(115,159,183,.12);border-radius:.48rem;color:#6e95a9;background:#0c1a28}.channel-mark[b-l78giyd62f]  .mud-icon-root{font-size:1.05rem}.enabled .channel-mark[b-l78giyd62f]{color:#76cad7;border-color:rgba(75,183,202,.2);background:rgba(44,151,172,.08)}.channel-copy[b-l78giyd62f]{min-width:0;display:grid;gap:.08rem}.channel-copy small[b-l78giyd62f]{overflow:hidden;color:#587589;font:730 .4rem/1 Bahnschrift,sans-serif;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.channel-copy strong[b-l78giyd62f]{overflow:hidden;color:#cbd9e3;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.channel-copy code[b-l78giyd62f]{color:#526a7c;font:.43rem ui-monospace,Consolas,monospace}.channel-switch[b-l78giyd62f]{display:grid;justify-items:end}.channel-switch[b-l78giyd62f]  .mud-switch{margin:-.35rem -.55rem -.28rem 0}.channel-switch small[b-l78giyd62f]{color:#587285;font:740 .36rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}.enabled .channel-switch small[b-l78giyd62f]{color:#68aebb}.channel-card footer[b-l78giyd62f]{grid-column:1/-1;display:flex;align-items:center;gap:.8rem;padding-top:.46rem;border-top:1px solid rgba(116,151,175,.07)}.channel-card footer span[b-l78giyd62f]{display:flex;align-items:center;gap:.25rem;color:#647e90;font-size:.46rem}.channel-card footer span[b-l78giyd62f]  .mud-icon-root{font-size:.68rem}.channel-card footer strong[b-l78giyd62f]{color:#91a8b8;font-weight:700}.channel-card footer em[b-l78giyd62f]{margin-left:auto;color:#557487;font:740 .37rem/1 Bahnschrift,sans-serif;font-style:normal;letter-spacing:.08em}
@media(max-width:650px){.channel-grid[b-l78giyd62f]{grid-template-columns:1fr;padding:.48rem}.source-catalog>header[b-l78giyd62f]{padding:.7rem}.source-catalog p[b-l78giyd62f]{white-space:normal}.channel-card[b-l78giyd62f]{grid-template-columns:34px minmax(0,1fr) auto;padding:.56rem}.channel-mark[b-l78giyd62f]{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.channel-card[b-l78giyd62f]{transition:none}.channel-card:hover[b-l78giyd62f]{transform:none}}
.category-list[b-l78giyd62f]{display:grid;gap:.55rem;padding:.65rem}.channel-category[b-l78giyd62f]{overflow:hidden;border:1px solid rgba(106,151,179,.1);border-radius:.62rem;background:rgba(3,12,20,.24)}.category-header[b-l78giyd62f]{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:.7rem;padding:.62rem .72rem;border:0;color:inherit;text-align:left;background:linear-gradient(90deg,rgba(42,142,171,.08),rgba(255,255,255,.008));cursor:pointer;transition:background .16s ease}.category-header:hover[b-l78giyd62f]{background:linear-gradient(90deg,rgba(48,158,187,.13),rgba(255,255,255,.015))}.category-chevron[b-l78giyd62f]{display:grid;place-items:center;color:#63b5c7}.category-chevron[b-l78giyd62f]  .mud-icon-root{font-size:1.05rem}.category-copy[b-l78giyd62f]{min-width:0;display:grid;gap:.12rem}.category-copy small[b-l78giyd62f]{color:#547588;font:740 .4rem/1 Bahnschrift,sans-serif;letter-spacing:.12em}.category-copy strong[b-l78giyd62f]{overflow:hidden;color:#d7e6ef;font:730 .76rem/1 Bahnschrift,sans-serif;text-overflow:ellipsis;white-space:nowrap}.category-status[b-l78giyd62f]{min-width:46px;display:grid;justify-items:center;gap:.1rem;padding-left:.65rem;border-left:1px solid rgba(111,154,179,.1)}.category-status b[b-l78giyd62f]{color:#8db2c5;font:730 .64rem/1 Bahnschrift,sans-serif}.category-status small[b-l78giyd62f]{color:#4f6e80;font:730 .34rem/1 Bahnschrift,sans-serif;letter-spacing:.08em}.channel-category.collapsed .category-header[b-l78giyd62f]{background:rgba(255,255,255,.008)}.channel-category .channel-grid[b-l78giyd62f]{padding:.55rem;border-top:1px solid rgba(107,151,177,.08);animation:category-open-b-l78giyd62f .16s ease-out}@keyframes category-open-b-l78giyd62f{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:650px){.category-list[b-l78giyd62f]{padding:.48rem}.category-header[b-l78giyd62f]{grid-template-columns:24px minmax(0,1fr) auto;gap:.45rem;padding:.58rem}.category-live[b-l78giyd62f]{display:none}.category-status[b-l78giyd62f]{min-width:42px}.channel-category .channel-grid[b-l78giyd62f]{padding:.4rem}}
@media(prefers-reduced-motion:reduce){.category-header[b-l78giyd62f]{transition:none}.channel-category .channel-grid[b-l78giyd62f]{animation:none}}
/* /Components/Auth/TeamAccessDialog.razor.rz.scp.css */
[b-8ezgksymee] .team-access-dialog {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 24px !important;
    background: #0d1424 !important;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .58) !important;
}

[b-8ezgksymee] .team-access-dialog .mud-dialog-content { padding: 0 !important; }

.access-shell[b-8ezgksymee] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 34px;
    color: #f8fafc;
    background: linear-gradient(155deg, #111a2c 0%, #0c1322 64%, #11162a 100%);
}

.access-glow[b-8ezgksymee] { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.access-glow-one[b-8ezgksymee] { top: -150px; right: -130px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(99, 102, 241, .3), transparent 68%); }
.access-glow-two[b-8ezgksymee] { bottom: -150px; left: -130px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(34, 211, 238, .16), transparent 68%); }
.access-header[b-8ezgksymee] { display: flex; align-items: flex-start; gap: 17px; margin-bottom: 30px; }
.access-mark[b-8ezgksymee] { display: grid; place-items: center; flex: 0 0 50px; height: 50px; border-radius: 15px; background: linear-gradient(145deg, #6366f1, #4338ca); box-shadow: 0 10px 28px rgba(79, 70, 229, .35); }
.access-mark[b-8ezgksymee]  .mud-icon-root { color: white; font-size: 27px; }
.access-eyebrow[b-8ezgksymee] { color: #9ca3ff !important; font-weight: 700 !important; letter-spacing: .17em; }
.access-title[b-8ezgksymee] { font-weight: 760 !important; letter-spacing: -.035em !important; }
.access-copy[b-8ezgksymee] { margin-top: 3px !important; color: #98a6bd !important; }
.access-form[b-8ezgksymee] { display: flex; flex-direction: column; gap: 21px; }
.team-picker[b-8ezgksymee] { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin: 0; padding: 0; border: 0; }
.team-picker legend[b-8ezgksymee] { grid-column: 1 / -1; width: 100%; margin-bottom: 2px; color: #8591a7; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.team-choice[b-8ezgksymee] { appearance: none; display: grid; grid-template-columns: 42px 1fr 22px; align-items: center; gap: 11px; padding: 13px; border: 1px solid rgba(148, 163, 184, .15); border-radius: 15px; color: #e5e7eb; text-align: left; background: rgba(19, 29, 48, .72); cursor: pointer; transition: .18s ease; }
.team-choice:hover[b-8ezgksymee] { transform: translateY(-1px); border-color: rgba(129, 140, 248, .45); background: rgba(29, 41, 67, .82); }
.team-choice-selected[b-8ezgksymee] { border-color: #818cf8; background: linear-gradient(145deg, rgba(79, 70, 229, .22), rgba(30, 41, 59, .8)); box-shadow: inset 0 0 0 1px rgba(129, 140, 248, .18), 0 9px 25px rgba(0, 0, 0, .16); }
.team-monogram[b-8ezgksymee] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: white; font-size: .75rem; font-weight: 850; letter-spacing: .05em; }
.index-monogram[b-8ezgksymee] { background: linear-gradient(145deg, #6366f1, #4338ca); }
.tsuma-monogram[b-8ezgksymee] { background: linear-gradient(145deg, #06b6d4, #0e7490); }
.team-copy[b-8ezgksymee] { display: flex; flex-direction: column; min-width: 0; }
.team-copy strong[b-8ezgksymee] { font-size: .95rem; }
.team-copy small[b-8ezgksymee] { color: #7f8ca3; font-size: .72rem; white-space: nowrap; }
.team-check[b-8ezgksymee] { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #818cf8; opacity: 0; transform: scale(.7); transition: .18s ease; }
.team-check[b-8ezgksymee]  .mud-icon-root { color: white; font-size: 14px; }
.team-choice-selected .team-check[b-8ezgksymee] { opacity: 1; transform: scale(1); }
.discord-identity-note[b-8ezgksymee] { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(88, 101, 242, .22); border-radius: 14px; background: rgba(88, 101, 242, .08); }
.discord-identity-icon[b-8ezgksymee] { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 11px; color: #c8ccff; background: rgba(88, 101, 242, .18); }
.discord-identity-note > span:last-child[b-8ezgksymee] { display: flex; flex-direction: column; gap: 2px; }
.discord-identity-note strong[b-8ezgksymee] { color: #e7e9ff; font-size: .82rem; }
.discord-identity-note small[b-8ezgksymee] { color: #8793aa; font-size: .7rem; line-height: 1.45; }
.access-error[b-8ezgksymee] { display: flex; align-items: flex-start; gap: 11px; padding: 13px 14px; border: 1px solid rgba(248, 113, 113, .3); border-radius: 13px; color: #fecaca; background: rgba(127, 29, 29, .18); }
.access-error[b-8ezgksymee]  .mud-icon-root { color: #f87171; }
.access-error div[b-8ezgksymee] { display: flex; flex-direction: column; }
.access-error span[b-8ezgksymee] { color: #e6a4a4; font-size: .78rem; }
.access-submit[b-8ezgksymee] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; height: 51px; padding: 0 18px; border-radius: 14px; color: #fff !important; text-align: center; text-decoration: none; font-size: .98rem; font-weight: 720; background: linear-gradient(100deg, #5865f2, #4752c4); box-shadow: 0 13px 30px rgba(71, 82, 196, .3); transition: transform .16s ease, filter .16s ease; }
.access-submit:hover[b-8ezgksymee] { transform: translateY(-1px); filter: brightness(1.08); }
.access-submit[b-8ezgksymee]  .mud-icon-root { font-size: 1.1rem; }
.access-footnote[b-8ezgksymee] { display: flex; align-items: center; justify-content: center; gap: 7px; color: #65728a; font-size: .72rem; text-align: center; }
.access-footnote[b-8ezgksymee]  .mud-icon-root { font-size: 14px; }

@media (max-width: 520px) {
    .access-shell[b-8ezgksymee] { padding: 25px 20px; }
    .team-picker[b-8ezgksymee] { grid-template-columns: 1fr; }
    .access-header[b-8ezgksymee] { margin-bottom: 24px; }
    .team-copy small[b-8ezgksymee] { white-space: normal; }
}
/* /Components/Auth/TeamAccessGate.razor.rz.scp.css */
.team-access-gate[b-sygfjlb0jd] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    overflow: auto;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 10%, rgba(79, 70, 229, .18), transparent 38%),
        rgba(3, 7, 18, .94);
}

.team-access-gate[b-sygfjlb0jd]  .team-access-card {
    width: min(100%, 560px);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 24px;
    background: #0d1424;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .58);
}

@media (max-width: 520px) {
    .team-access-gate[b-sygfjlb0jd] {
        align-items: start;
        padding: 12px;
    }
}
/* /Components/ColoredEmojis/ColoredEmojiCoverage.razor.rz.scp.css */
.coverage-panel[b-1uzrjzcwrx]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(142,164,193,.11);border-radius:.64rem;background:#091321;color:#dce7f4}.coverage-panel>header[b-1uzrjzcwrx]{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.58rem .68rem;border-bottom:1px solid rgba(142,164,193,.09)}.coverage-panel>header>div:first-child[b-1uzrjzcwrx]{min-width:0}.coverage-panel>header small[b-1uzrjzcwrx]{color:#63798f;font:780 .43rem/1 Bahnschrift,sans-serif;letter-spacing:.1em}.coverage-panel h2[b-1uzrjzcwrx]{margin:.12rem 0;color:#e2ebf3;font:710 .82rem/1.05 Bahnschrift,sans-serif}.coverage-panel>header p[b-1uzrjzcwrx]{overflow:hidden;margin:.13rem 0 0;color:#697d92;font-size:.49rem;text-overflow:ellipsis;white-space:nowrap}.coverage-head-stats[b-1uzrjzcwrx]{display:flex;align-items:center}.coverage-head-stats>span[b-1uzrjzcwrx]{min-width:78px;display:grid;padding:.18rem .5rem;border-left:1px solid rgba(142,164,193,.09)}.coverage-head-stats strong[b-1uzrjzcwrx]{color:#a9bdcb;font:.67rem/1 Bahnschrift,sans-serif}.coverage-head-stats small[b-1uzrjzcwrx]{margin-top:.12rem;color:#536b80!important;font-size:.36rem!important}
.coverage-toolbar[b-1uzrjzcwrx]{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:.55rem;padding:.48rem .58rem;border-bottom:1px solid rgba(142,164,193,.07);background:#07101c}.coverage-mode[b-1uzrjzcwrx]{display:flex;padding:.18rem;border:1px solid rgba(142,164,193,.09);border-radius:.39rem;background:#091321}.coverage-mode button[b-1uzrjzcwrx]{display:flex;align-items:center;gap:.28rem;padding:.32rem .45rem;border:0;border-radius:.28rem;background:transparent;color:#657b90;font:620 .48rem/1 Bahnschrift,sans-serif;cursor:pointer}.coverage-mode button span[b-1uzrjzcwrx]{padding:.1rem .23rem;border-radius:99px;color:#5f7488;background:rgba(142,164,193,.06);font-size:.38rem}.coverage-mode button.active[b-1uzrjzcwrx]{color:#a5c9d1;background:rgba(71,196,220,.055)}.coverage-mode button.active span[b-1uzrjzcwrx]{color:#78aeb8;background:rgba(71,196,220,.08)}.coverage-toolbar[b-1uzrjzcwrx]  .mud-input-control{margin:0}.coverage-toolbar[b-1uzrjzcwrx]  .mud-input-outlined{font-size:.53rem}.coverage-toolbar[b-1uzrjzcwrx]  .mud-switch{margin:0}.coverage-columns[b-1uzrjzcwrx]{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(150px,1fr) 105px;gap:.55rem;padding:.38rem 43px .3rem 52px;border-bottom:1px solid rgba(142,164,193,.055);color:#536b80;font:760 .36rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}
.coverage-list[b-1uzrjzcwrx]{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(112,139,169,.3) transparent;display:grid;align-content:start;gap:.28rem;padding:.4rem}.coverage-row[b-1uzrjzcwrx]{overflow:hidden;border:1px solid rgba(142,164,193,.065);border-radius:.43rem;background:rgba(255,255,255,.01)}.coverage-row summary[b-1uzrjzcwrx]{display:grid;grid-template-columns:30px minmax(180px,.8fr) minmax(150px,1fr) 85px 16px;align-items:center;gap:.5rem;padding:.42rem .48rem;cursor:pointer;list-style:none}.coverage-row summary[b-1uzrjzcwrx]::-webkit-details-marker{display:none}.coverage-sigil[b-1uzrjzcwrx]{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(71,196,220,.11);border-radius:.4rem;color:#78aeba;background:rgba(71,196,220,.025);font:730 .48rem/1 Bahnschrift,sans-serif}.coverage-sigil.item[b-1uzrjzcwrx]{border-color:rgba(194,135,178,.11);color:#b28ca9;background:rgba(194,135,178,.025)}.coverage-row summary>div[b-1uzrjzcwrx]{min-width:0;display:grid;gap:.05rem}.coverage-row summary strong[b-1uzrjzcwrx]{overflow:hidden;color:#acbdcb;font-size:.53rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.coverage-row summary small[b-1uzrjzcwrx]{overflow:hidden;color:#526a7f;font-size:.4rem;text-overflow:ellipsis;white-space:nowrap}.coverage-row summary em[b-1uzrjzcwrx]{justify-self:end;color:#c5a267;font:760 .39rem/1 Bahnschrift,sans-serif;font-style:normal;letter-spacing:.05em}.coverage-row.complete summary em[b-1uzrjzcwrx]{color:#7dac97}.coverage-row summary>svg[b-1uzrjzcwrx]{color:#526b80;font-size:.8rem;transition:transform .14s ease}.coverage-row[open] summary>svg[b-1uzrjzcwrx]{transform:rotate(180deg)}.coverage-meter[b-1uzrjzcwrx]{position:relative;height:4px;border-radius:5px;background:rgba(142,164,193,.07)}.coverage-meter i[b-1uzrjzcwrx]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#468fa3,#62bcae)}.coverage-meter small[b-1uzrjzcwrx]{position:absolute;right:0;bottom:7px;color:#536a7e;font-size:.37rem}.missing-color-grid[b-1uzrjzcwrx]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.28rem;padding:.42rem;border-top:1px solid rgba(142,164,193,.06);background:#07101c}.missing-color-grid>span[b-1uzrjzcwrx]{min-width:0;display:grid;grid-template-columns:7px minmax(0,1fr);column-gap:.34rem;padding:.34rem;border:1px solid rgba(142,164,193,.045);border-radius:.32rem;background:rgba(255,255,255,.01)}.missing-color-grid i[b-1uzrjzcwrx]{grid-row:1/3;width:6px;height:19px;border-radius:4px}.missing-color-grid strong[b-1uzrjzcwrx]{overflow:hidden;color:#9aabba;font-size:.44rem;text-overflow:ellipsis;white-space:nowrap}.missing-color-grid small[b-1uzrjzcwrx]{overflow:hidden;color:#52697d;font-size:.37rem;text-overflow:ellipsis;white-space:nowrap}.missing-color-grid>em[b-1uzrjzcwrx]{align-self:center;color:#748a9c;font-size:.42rem;font-style:normal}
@media(max-width:760px){.coverage-panel>header[b-1uzrjzcwrx]{align-items:flex-start}.coverage-head-stats[b-1uzrjzcwrx]{display:none}.coverage-toolbar[b-1uzrjzcwrx]{grid-template-columns:1fr}.coverage-columns[b-1uzrjzcwrx]{display:none}.coverage-row summary[b-1uzrjzcwrx]{grid-template-columns:30px 1fr auto 16px}.coverage-meter[b-1uzrjzcwrx]{display:none}}
/* /Components/ColoredEmojis/ColoredEmojiHero.razor.rz.scp.css */
.emoji-commandbar[b-mhybawj1d1]{--foundry-line:rgba(142,164,193,.12);overflow:hidden;border:1px solid var(--foundry-line);border-radius:.72rem;background:#091321;color:#dce7f4;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.emoji-commandbar>header[b-mhybawj1d1]{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .82rem;border-bottom:1px solid var(--foundry-line);background:linear-gradient(90deg,rgba(45,212,191,.035),transparent 38%)}
.emoji-commandbar-title[b-mhybawj1d1]{min-width:0;display:flex;align-items:center;gap:.68rem}.emoji-commandbar-title>span[b-mhybawj1d1]{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(45,212,191,.17);border-radius:.52rem;color:#78d9ce;background:rgba(45,212,191,.045)}.emoji-commandbar-title>span[b-mhybawj1d1]  .mud-icon-root{font-size:1.15rem}.emoji-commandbar-title>div[b-mhybawj1d1]{min-width:0}.emoji-commandbar-title small[b-mhybawj1d1]{color:#678397;font:800 .48rem/1 Bahnschrift,sans-serif;letter-spacing:.13em}.emoji-commandbar-title h1[b-mhybawj1d1]{margin:.12rem 0;color:#edf5fb;font:720 1.12rem/1.05 Bahnschrift,sans-serif;letter-spacing:-.015em}.emoji-commandbar-title p[b-mhybawj1d1]{overflow:hidden;margin:.17rem 0 0;color:#75889d;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}
.emoji-commandbar-actions[b-mhybawj1d1]{display:flex;align-items:center;gap:.48rem}.emoji-commandbar-actions[b-mhybawj1d1]  .mud-icon-button{width:34px;height:34px;border-color:rgba(142,164,193,.12);border-radius:.44rem;color:#9cb1c4}.api-state[b-mhybawj1d1]{min-width:118px;display:grid;grid-template-columns:7px auto;gap:.05rem .38rem;padding:.38rem .5rem;border:1px solid rgba(248,113,113,.15);border-radius:.46rem;background:rgba(248,113,113,.025)}.api-state i[b-mhybawj1d1]{grid-row:1/3;align-self:center;width:6px;height:6px;border-radius:50%;background:#d56d78;box-shadow:0 0 8px rgba(213,109,120,.45)}.api-state strong[b-mhybawj1d1]{color:#cbd6e2;font-size:.55rem}.api-state small[b-mhybawj1d1]{color:#846d7a;font-size:.45rem}.api-state.online[b-mhybawj1d1]{border-color:rgba(52,211,153,.14);background:rgba(52,211,153,.025)}.api-state.online i[b-mhybawj1d1]{background:#65c79f;box-shadow:0 0 8px rgba(101,199,159,.48)}.api-state.online small[b-mhybawj1d1]{color:#668b7d}
.emoji-commandbar-body[b-mhybawj1d1]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;gap:.7rem;padding:.55rem .72rem;border-bottom:1px solid rgba(142,164,193,.08);background:#07101c}.emoji-system-route[b-mhybawj1d1]{display:grid;grid-template-columns:auto 20px auto 20px auto 20px auto;align-items:center;gap:.25rem}.emoji-system-route>span[b-mhybawj1d1]{display:grid;padding:.32rem .44rem;border:1px solid rgba(142,164,193,.09);border-radius:.38rem;background:rgba(255,255,255,.012)}.emoji-system-route>span.active[b-mhybawj1d1]{border-color:rgba(71,196,220,.17);background:rgba(71,196,220,.03)}.emoji-system-route small[b-mhybawj1d1]{color:#566b80;font:760 .4rem/1 Bahnschrift,sans-serif;letter-spacing:.09em}.emoji-system-route strong[b-mhybawj1d1]{margin-top:.12rem;color:#9eb0c2;font-size:.51rem}.emoji-system-route>i[b-mhybawj1d1]{display:grid;place-items:center;color:#41586e}.emoji-system-route>i[b-mhybawj1d1]  .mud-icon-root{font-size:.72rem}.emoji-authority-note[b-mhybawj1d1]{display:flex;align-items:center;justify-self:end;gap:.38rem;margin:0;color:#62788e;font-size:.48rem;line-height:1.4}.emoji-authority-note[b-mhybawj1d1]  .mud-icon-root{flex:0 0 auto;color:#5f958e;font-size:.85rem}.emoji-authority-note strong[b-mhybawj1d1]{color:#8fa6b7}.emoji-authority-note code[b-mhybawj1d1]{color:#7fbdba;font-size:.46rem}
.emoji-commandbar-stats[b-mhybawj1d1]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.emoji-commandbar-stats article[b-mhybawj1d1]{min-width:0;display:grid;gap:.03rem;padding:.52rem .65rem;border-right:1px solid rgba(142,164,193,.08)}.emoji-commandbar-stats article:last-child[b-mhybawj1d1]{border-right:0}.emoji-commandbar-stats small[b-mhybawj1d1]{color:#60758b;font:790 .43rem/1 Bahnschrift,sans-serif;letter-spacing:.09em}.emoji-commandbar-stats strong[b-mhybawj1d1]{margin:.1rem 0;color:#c7d7e5;font:720 .88rem/1 Bahnschrift,sans-serif}.emoji-commandbar-stats span[b-mhybawj1d1]{overflow:hidden;color:#5d7186;font-size:.46rem;text-overflow:ellipsis;white-space:nowrap}.emoji-commandbar-stats article.green strong[b-mhybawj1d1]{color:#8ccdb2}.emoji-commandbar-stats article.blue strong[b-mhybawj1d1]{color:#82bfd3}.emoji-commandbar-stats article.amber strong[b-mhybawj1d1]{color:#d0ad72}.emoji-commandbar-stats article.red strong[b-mhybawj1d1]{color:#d0919a}
@media(max-width:1050px){.emoji-commandbar-body[b-mhybawj1d1]{grid-template-columns:1fr}.emoji-authority-note[b-mhybawj1d1]{justify-self:start}.emoji-system-route[b-mhybawj1d1]{overflow-x:auto}.emoji-commandbar-stats[b-mhybawj1d1]{grid-template-columns:repeat(3,1fr)}.emoji-commandbar-stats article:nth-child(3)[b-mhybawj1d1]{border-right:0}}
@media(max-width:650px){.emoji-commandbar>header[b-mhybawj1d1]{align-items:flex-start}.emoji-commandbar-title p[b-mhybawj1d1]{white-space:normal}.api-state[b-mhybawj1d1]{display:none}.emoji-commandbar-body[b-mhybawj1d1]{display:none}.emoji-commandbar-stats[b-mhybawj1d1]{grid-template-columns:repeat(2,1fr)}.emoji-commandbar-stats article:nth-child(3)[b-mhybawj1d1]{border-right:1px solid rgba(142,164,193,.08)}.emoji-commandbar-stats article:nth-child(even)[b-mhybawj1d1]{border-right:0}}
/* /Components/ColoredEmojis/ColoredEmojiImport.razor.rz.scp.css */
.import-panel[b-tuc0mmpluq]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(142,164,193,.11);border-radius:.64rem;background:#091321;color:#dce7f4}.import-panel>header[b-tuc0mmpluq]{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.58rem .68rem;border-bottom:1px solid rgba(142,164,193,.09)}.import-panel>header>div[b-tuc0mmpluq]{min-width:0}.import-panel>header small[b-tuc0mmpluq]{color:#63798f;font:780 .43rem/1 Bahnschrift,sans-serif;letter-spacing:.1em}.import-panel h2[b-tuc0mmpluq]{margin:.12rem 0;color:#e2ebf3;font:710 .82rem/1.05 Bahnschrift,sans-serif}.import-panel>header p[b-tuc0mmpluq]{overflow:hidden;margin:.13rem 0 0;color:#697d92;font-size:.49rem;text-overflow:ellipsis;white-space:nowrap}.pipeline-state[b-tuc0mmpluq]{padding:.27rem .38rem;border:1px solid rgba(142,164,193,.12);border-radius:.36rem;color:#798ea2;background:rgba(255,255,255,.012);font:760 .4rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}.pipeline-state.ready[b-tuc0mmpluq]{border-color:rgba(52,211,153,.15);color:#83bda5;background:rgba(52,211,153,.025)}
.pipeline-route[b-tuc0mmpluq]{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.35rem;padding:.48rem .58rem;border-bottom:1px solid rgba(142,164,193,.07);background:#07101c}.pipeline-route>span[b-tuc0mmpluq]{display:grid;grid-template-columns:22px auto;column-gap:.32rem;align-items:center}.pipeline-route>span[b-tuc0mmpluq]  .mud-icon-root{grid-row:1/3;width:22px;height:22px;padding:.28rem;border:1px solid rgba(142,164,193,.1);border-radius:.32rem;color:#7590a5;background:rgba(255,255,255,.012)}.pipeline-route>span.active[b-tuc0mmpluq]  .mud-icon-root{border-color:rgba(71,196,220,.18);color:#70bfcc;background:rgba(71,196,220,.035)}.pipeline-route>span small[b-tuc0mmpluq]{color:#536b80;font:760 .36rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}.pipeline-route>span strong[b-tuc0mmpluq]{margin-top:.07rem;color:#899daf;font-size:.45rem}.pipeline-route>i[b-tuc0mmpluq]{height:1px;background:linear-gradient(90deg,rgba(71,196,220,.08),rgba(71,196,220,.3),rgba(71,196,220,.08))}
.import-form[b-tuc0mmpluq]{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(145px,.8fr) minmax(180px,1fr) minmax(100px,.45fr);align-items:center;gap:.52rem;padding:.55rem .62rem;border-bottom:1px solid rgba(142,164,193,.07)}.import-form[b-tuc0mmpluq]  .mud-input-control{margin:0}.import-form[b-tuc0mmpluq]  .mud-input-outlined{font-size:.54rem}.family-target[b-tuc0mmpluq]{height:39px;display:grid;align-content:center;padding:.25rem .45rem;border:1px solid rgba(142,164,193,.1);border-radius:.37rem;background:rgba(255,255,255,.01)}.family-target small[b-tuc0mmpluq]{color:#536b80;font:740 .36rem/1 Bahnschrift,sans-serif;letter-spacing:.06em}.family-target strong[b-tuc0mmpluq]{margin:.1rem 0;color:#9fb0bf;font-size:.48rem}.family-target span[b-tuc0mmpluq]{overflow:hidden;color:#53697d;font-size:.39rem;text-overflow:ellipsis;white-space:nowrap}
.target-bank[b-tuc0mmpluq]{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:.48rem;margin:.48rem .58rem 0;padding:.42rem .48rem;border:1px solid rgba(71,196,220,.12);border-radius:.43rem;background:rgba(71,196,220,.02)}.target-bank>img[b-tuc0mmpluq],.target-bank>span[b-tuc0mmpluq]{width:31px;height:31px;border-radius:50%}.target-bank>img[b-tuc0mmpluq]{object-fit:cover}.target-bank>span[b-tuc0mmpluq]{display:grid;place-items:center;border:1px solid rgba(71,196,220,.12);color:#78b8c3;background:#101e2b}.target-bank>span[b-tuc0mmpluq]  .mud-icon-root{font-size:.8rem}.target-bank>div[b-tuc0mmpluq]{min-width:0;display:grid}.target-bank>div small[b-tuc0mmpluq]{color:#5b7987;font:760 .37rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}.target-bank>div strong[b-tuc0mmpluq]{overflow:hidden;margin:.1rem 0;color:#afc8d1;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.target-bank>div em[b-tuc0mmpluq]{overflow:hidden;color:#597083;font-size:.41rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.target-bank>b[b-tuc0mmpluq]{padding:.24rem .32rem;border:1px solid rgba(211,101,118,.14);border-radius:99px;color:#b87882;font:760 .36rem/1 Bahnschrift,sans-serif}.target-bank>b.online[b-tuc0mmpluq]{border-color:rgba(52,211,153,.14);color:#79a992}.target-bank.offline[b-tuc0mmpluq]{border-color:rgba(211,101,118,.11)}
.preview-strip[b-tuc0mmpluq]{display:grid;grid-template-columns:repeat(5,1fr);margin:.48rem .58rem 0;border:1px solid rgba(142,164,193,.08);border-radius:.4rem;background:#07101c}.preview-strip article[b-tuc0mmpluq]{display:grid;gap:.06rem;padding:.4rem .45rem;border-right:1px solid rgba(142,164,193,.07)}.preview-strip article:last-child[b-tuc0mmpluq]{border-right:0}.preview-strip strong[b-tuc0mmpluq]{color:#aebfcd;font:.62rem/1 Bahnschrift,sans-serif}.preview-strip span[b-tuc0mmpluq]{color:#536a7f;font:740 .36rem/1 Bahnschrift,sans-serif;letter-spacing:.06em}.preview-strip .warn strong[b-tuc0mmpluq]{color:#cba769}.preview-strip .danger strong[b-tuc0mmpluq]{color:#cb7b87}.ready-files[b-tuc0mmpluq]{min-height:0;max-height:214px;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.28rem;margin:.42rem .58rem 0;padding-right:.12rem}.ready-files>span[b-tuc0mmpluq]{min-width:0;display:grid;grid-template-columns:6px minmax(0,1fr);column-gap:.34rem;padding:.37rem;border:1px solid rgba(142,164,193,.055);border-radius:.35rem;background:rgba(255,255,255,.01)}.ready-files i[b-tuc0mmpluq]{grid-row:1/3;width:5px;height:19px;border-radius:4px}.ready-files strong[b-tuc0mmpluq]{overflow:hidden;color:#9fb1c0;font-size:.45rem;text-overflow:ellipsis;white-space:nowrap}.ready-files small[b-tuc0mmpluq]{overflow:hidden;color:#52697e;font-size:.38rem;text-overflow:ellipsis;white-space:nowrap}.ready-files>em[b-tuc0mmpluq]{align-self:center;color:#788ea0;font-size:.43rem;font-style:normal}.import-idle[b-tuc0mmpluq]{min-height:92px;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.48rem .58rem 0;border:1px dashed rgba(142,164,193,.08);border-radius:.43rem;color:#5c7186}.import-idle[b-tuc0mmpluq]  .mud-icon-root{font-size:1rem}.import-idle>span[b-tuc0mmpluq]{display:grid}.import-idle strong[b-tuc0mmpluq]{color:#8195a7;font-size:.52rem}.import-idle small[b-tuc0mmpluq]{max-width:460px;color:#586d81;font-size:.42rem;line-height:1.45}
.import-panel>footer[b-tuc0mmpluq]{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:.42rem;margin-top:auto;padding:.52rem .58rem;border-top:1px solid rgba(142,164,193,.08);background:#07101c}.import-panel>footer>div[b-tuc0mmpluq]{min-width:0;display:grid}.import-panel>footer strong[b-tuc0mmpluq]{color:#8fa5b7;font-size:.48rem}.import-panel>footer span[b-tuc0mmpluq]{overflow:hidden;color:#536a7e;font-size:.4rem;text-overflow:ellipsis;white-space:nowrap}.import-panel>footer[b-tuc0mmpluq]  .mud-button-root{min-width:0;padding:.35rem .55rem;border-radius:.38rem;font-size:.48rem;letter-spacing:0;text-transform:none}
@media(max-width:1050px){.import-form[b-tuc0mmpluq]{grid-template-columns:1fr 1fr}.import-panel>footer[b-tuc0mmpluq]{grid-template-columns:1fr auto auto auto}.import-panel>footer>div[b-tuc0mmpluq]{display:none}}
@media(max-width:650px){.pipeline-route[b-tuc0mmpluq]{grid-template-columns:1fr 1fr}.pipeline-route>i[b-tuc0mmpluq]{display:none}.import-form[b-tuc0mmpluq]{grid-template-columns:1fr}.preview-strip[b-tuc0mmpluq]{grid-template-columns:repeat(2,1fr)}.target-bank>b[b-tuc0mmpluq]{display:none}.import-panel>footer[b-tuc0mmpluq]{grid-template-columns:1fr 1fr}.import-panel>footer>div[b-tuc0mmpluq]{display:grid;grid-column:1/-1}.import-panel>footer[b-tuc0mmpluq]  .mud-button-root:last-child{grid-column:1/-1}}
/* /Components/ColoredEmojis/EmojiServerFleet.razor.rz.scp.css */
.fleet-panel[b-8oudemai4j]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(142,164,193,.11);border-radius:.64rem;background:#091321;color:#dce7f4}.fleet-panel>header[b-8oudemai4j]{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.58rem .68rem;border-bottom:1px solid rgba(142,164,193,.09)}.fleet-panel>header>div[b-8oudemai4j]{min-width:0}.fleet-panel>header small[b-8oudemai4j]{color:#63798f;font:780 .43rem/1 Bahnschrift,sans-serif;letter-spacing:.1em}.fleet-panel h2[b-8oudemai4j]{margin:.12rem 0;color:#e2ebf3;font:710 .82rem/1.05 Bahnschrift,sans-serif}.fleet-panel>header p[b-8oudemai4j]{overflow:hidden;margin:.13rem 0 0;color:#697d92;font-size:.49rem;text-overflow:ellipsis;white-space:nowrap}.fleet-total[b-8oudemai4j]{min-width:47px;display:grid;padding:.3rem .38rem;border:1px solid rgba(71,196,220,.13);border-radius:.4rem;text-align:center}.fleet-total strong[b-8oudemai4j]{color:#8bcbd7;font:.76rem/1 Bahnschrift,sans-serif}.fleet-total small[b-8oudemai4j]{margin-top:.1rem;color:#5e7989!important;font-size:.38rem!important}
.fleet-summary[b-8oudemai4j]{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(142,164,193,.08);background:#07101c}.fleet-summary>span[b-8oudemai4j]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.05rem .25rem;padding:.39rem .42rem;border-right:1px solid rgba(142,164,193,.07)}.fleet-summary>span:last-child[b-8oudemai4j]{border-right:0}.fleet-summary i[b-8oudemai4j]{grid-row:1/3;width:5px;height:5px;border-radius:50%;background:#65c79f}.fleet-summary strong[b-8oudemai4j]{color:#b9c9d7;font:.61rem/1 Bahnschrift,sans-serif}.fleet-summary small[b-8oudemai4j]{color:#596e83;font-size:.4rem}.fleet-api-error[b-8oudemai4j]{display:flex;align-items:center;gap:.42rem;margin:.42rem .45rem 0;padding:.42rem;border:1px solid rgba(219,111,126,.15);border-radius:.38rem;color:#ce8490;background:rgba(219,111,126,.025)}.fleet-api-error[b-8oudemai4j]  .mud-icon-root{font-size:.9rem}.fleet-api-error>span[b-8oudemai4j]{min-width:0;display:grid}.fleet-api-error strong[b-8oudemai4j]{font-size:.53rem}.fleet-api-error small[b-8oudemai4j]{overflow:hidden;color:#866874;font-size:.43rem;text-overflow:ellipsis;white-space:nowrap}
.fleet-register[b-8oudemai4j]{display:grid;grid-template-columns:minmax(0,1fr) 31px;align-items:center;gap:.38rem;padding:.45rem .48rem 0}.fleet-register[b-8oudemai4j]  .mud-input-control{margin:0}.fleet-register[b-8oudemai4j]  .mud-input-outlined{font-size:.54rem}.fleet-register[b-8oudemai4j]  .mud-icon-button{width:31px;height:31px;border-radius:.4rem}
.fleet-list[b-8oudemai4j]{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(112,139,169,.3) transparent;display:grid;align-content:start;gap:.34rem;padding:.45rem}.fleet-card[b-8oudemai4j]{display:grid;gap:.38rem;padding:.48rem;border:1px solid rgba(142,164,193,.075);border-radius:.5rem;background:rgba(255,255,255,.012);cursor:pointer;transition:border-color .14s ease,background .14s ease}.fleet-card:hover[b-8oudemai4j]{border-color:rgba(142,164,193,.16);background:rgba(255,255,255,.02)}.fleet-card.selected[b-8oudemai4j]{border-color:rgba(71,196,220,.24);background:rgba(71,196,220,.035);box-shadow:inset 2px 0 #4aaec2}.fleet-card.offline[b-8oudemai4j]{border-color:rgba(219,111,126,.08)}.fleet-card-head[b-8oudemai4j]{display:grid;grid-template-columns:29px minmax(0,1fr) auto 24px;align-items:center;gap:.42rem}.fleet-card-head>img[b-8oudemai4j],.fleet-avatar[b-8oudemai4j]{width:29px;height:29px;border-radius:50%;object-fit:cover}.fleet-avatar[b-8oudemai4j]{display:grid;place-items:center;border:1px solid rgba(142,164,193,.12);color:#9bb1c4;background:#111d2d;font:700 .58rem/1 Bahnschrift,sans-serif}.fleet-card-head>div[b-8oudemai4j]{min-width:0;display:grid;gap:.05rem}.fleet-card-head>div strong[b-8oudemai4j]{overflow:hidden;color:#c8d5e1;font-size:.59rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.fleet-card-head>div small[b-8oudemai4j]{color:#536b81;font:.42rem ui-monospace,Consolas,monospace}.fleet-card-head>em[b-8oudemai4j]{display:flex;align-items:center;gap:.22rem;color:#9a747b;font:760 .39rem/1 Bahnschrift,sans-serif;font-style:normal;letter-spacing:.06em}.fleet-card-head>em i[b-8oudemai4j]{width:5px;height:5px;border-radius:50%;background:#c56c79}.fleet-card-head>em.online[b-8oudemai4j]{color:#719f8d}.fleet-card-head>em.online i[b-8oudemai4j]{background:#65c79f}.fleet-card-action[b-8oudemai4j]{height:24px;display:grid;place-items:center;color:#60768b}.fleet-card-action[b-8oudemai4j]  .mud-icon-root{font-size:.7rem}.fleet-card-action[b-8oudemai4j]  .mud-icon-button{width:24px;height:24px}
.fleet-card-metrics[b-8oudemai4j]{display:grid;grid-template-columns:repeat(4,1fr);padding:.3rem 0;border-top:1px solid rgba(142,164,193,.06);border-bottom:1px solid rgba(142,164,193,.06)}.fleet-card-metrics>span[b-8oudemai4j]{min-width:0;display:grid;padding:0 .3rem;border-right:1px solid rgba(142,164,193,.06)}.fleet-card-metrics>span:first-child[b-8oudemai4j]{padding-left:0}.fleet-card-metrics>span:last-child[b-8oudemai4j]{border-right:0}.fleet-card-metrics strong[b-8oudemai4j]{color:#aebfce;font:.56rem/1 Bahnschrift,sans-serif}.fleet-card-metrics small[b-8oudemai4j]{margin-top:.12rem;color:#52687d;font:730 .36rem/1 Bahnschrift,sans-serif;letter-spacing:.055em}.fleet-card-metrics .warn strong[b-8oudemai4j]{color:#cba769}.fleet-map[b-8oudemai4j]{height:3px;overflow:hidden;border-radius:4px;background:rgba(142,164,193,.07)}.fleet-map i[b-8oudemai4j]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f9eb3,#65c79f)}.fleet-card>footer[b-8oudemai4j]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fleet-card>footer span[b-8oudemai4j]{color:#648797;font:760 .38rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}.fleet-card>footer small[b-8oudemai4j]{overflow:hidden;color:#536a7e;font-size:.39rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.offline>footer small[b-8oudemai4j]{color:#8c6871}.fleet-empty[b-8oudemai4j]{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;color:#617589;text-align:center}.fleet-empty[b-8oudemai4j]  .mud-icon-root{color:#68899a;font-size:1.4rem}.fleet-empty strong[b-8oudemai4j]{margin:.45rem 0 .15rem;color:#aebdca;font-size:.62rem}.fleet-empty span[b-8oudemai4j]{max-width:230px;font-size:.48rem;line-height:1.5}
.fleet-source[b-8oudemai4j]{display:flex;align-items:center;gap:.42rem;padding:.47rem .55rem;border-top:1px solid rgba(142,164,193,.08);background:#07101c;color:#5d7588}.fleet-source[b-8oudemai4j]  .mud-icon-root{font-size:.82rem}.fleet-source>span[b-8oudemai4j]{display:grid}.fleet-source strong[b-8oudemai4j]{color:#8299aa;font-size:.48rem}.fleet-source small[b-8oudemai4j]{color:#536a7c;font-size:.4rem}
@media(max-width:650px){.fleet-panel[b-8oudemai4j]{max-height:540px}.fleet-summary[b-8oudemai4j]{grid-template-columns:repeat(2,1fr)}.fleet-summary>span:nth-child(2)[b-8oudemai4j]{border-right:0}}
.fleet-card-metrics .danger strong[b-8oudemai4j]{color:#cb7b87}
/* /Components/DungeonTools/CardArtworkPreview.razor.rz.scp.css */
.card-art-preview[b-tywzvvkoo8] {
    max-width: 360px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #494365;
    border-radius: 12px;
    background: #171c2d;
}

.card-art-preview svg[b-tywzvvkoo8] {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.card-art-description[b-tywzvvkoo8] {
    height: 100%;
    display: grid;
    place-items: center;
    color: white;
    font: 12px/1.1 sans-serif;
    text-align: center;
    white-space: pre-line;
}
/* /Components/DungeonTools/CardTextArtworkEditor.razor.rz.scp.css */
.card-text-controls[b-b9dy2hoxge] {
    display: grid;
    gap: 14px;
}

.card-art-fields[b-b9dy2hoxge] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 650px) {
    .card-art-fields[b-b9dy2hoxge] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/DungeonTools/DungeonArtworkCard.razor.rz.scp.css */
.dungeon-artwork-card[b-khu2o0tmk1] {
    --tone: 139, 92, 246;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(var(--tone), .2);
    border-radius: 14px;
    color: #dbe4f0;
    background: linear-gradient(155deg, rgba(var(--tone), .055), rgba(7, 11, 20, .96) 48%);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .14);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.dungeon-artwork-card:hover[b-khu2o0tmk1] {
    border-color: rgba(var(--tone), .42);
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.dungeon-artwork-card.tone-info[b-khu2o0tmk1] {
    --tone: 34, 211, 238;
}

.dungeon-artwork-card.tone-success[b-khu2o0tmk1] {
    --tone: 74, 222, 128;
}

.dungeon-artwork-card.tone-warning[b-khu2o0tmk1] {
    --tone: 251, 191, 36;
}

.dungeon-artwork-card.tone-error[b-khu2o0tmk1], .dungeon-artwork-card.invalid[b-khu2o0tmk1] {
    --tone: 248, 113, 113;
}

.dungeon-artwork-card > header[b-khu2o0tmk1] {
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .62rem .72rem;
    border-bottom: 1px solid rgba(var(--tone), .1);
}

.asset-title[b-khu2o0tmk1] {
    min-width: 0;
}

.asset-title span[b-khu2o0tmk1], .asset-title strong[b-khu2o0tmk1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-title span[b-khu2o0tmk1] {
    color: rgba(var(--tone), .82);
    font: 800 .47rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .12em;
}

.asset-title strong[b-khu2o0tmk1] {
    margin-top: .18rem;
    color: #e7edf6;
    font-size: .72rem;
}

.asset-status[b-khu2o0tmk1] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .27rem .43rem;
    border: 1px solid rgba(var(--tone), .18);
    border-radius: 999px;
    color: rgba(var(--tone), .95);
    background: rgba(var(--tone), .07);
    font-size: .49rem;
    font-weight: 750;
}

.asset-status i[b-khu2o0tmk1] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgb(var(--tone));
    box-shadow: 0 0 8px rgba(var(--tone), .7);
}

.artwork-stage[b-khu2o0tmk1] {
    position: relative;
    width: 100%;
    aspect-ratio: var(--art-ratio);
    min-height: 120px;
    display: grid;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
    background-color: #0a0f1a;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .025) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .025) 75%), linear-gradient(45deg, rgba(255, 255, 255, .025) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .025) 75%);
    background-size: 18px 18px;
    background-position: 0 0, 9px 9px;
}

.artwork-stage > img[b-khu2o0tmk1] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.stage-actions[b-khu2o0tmk1] {
    position: absolute;
    z-index: 2;
    top: .46rem;
    right: .46rem;
    display: flex;
    gap: .28rem;
    opacity: 1;
    transform: none;
    transition: .16s ease;
}

.artwork-stage:hover .stage-actions[b-khu2o0tmk1], .stage-actions:focus-within[b-khu2o0tmk1] {
    opacity: 1;
    transform: none;
}

.stage-actions button[b-khu2o0tmk1] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(203, 213, 225, .17);
    border-radius: 8px;
    color: #d5deeb;
    background: rgba(5, 9, 17, .82);
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.stage-actions button:hover[b-khu2o0tmk1], .stage-actions button.active[b-khu2o0tmk1] {
    color: #fff;
    border-color: rgba(var(--tone), .5);
    background: rgba(var(--tone), .2);
}

.empty-stage[b-khu2o0tmk1] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: .34rem;
    padding: 1rem;
    color: #536176;
    text-align: center;
}

.empty-stage[b-khu2o0tmk1]  .mud-icon-root {
    color: rgba(var(--tone), .55);
    font-size: 1.75rem;
}

.empty-stage strong[b-khu2o0tmk1] {
    color: #7e8ba0;
    font-size: .68rem;
}

.empty-stage small[b-khu2o0tmk1] {
    font: .52rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.asset-body[b-khu2o0tmk1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: .6rem .68rem;
    border-top: 1px solid rgba(148, 163, 184, .07);
}

.asset-facts[b-khu2o0tmk1] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .38rem;
}

.asset-facts span[b-khu2o0tmk1], .asset-facts em[b-khu2o0tmk1] {
    flex: 0 0 auto;
    color: #728096;
    font: .53rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.asset-facts code[b-khu2o0tmk1] {
    min-width: 0;
    overflow: hidden;
    color: #4f5e73;
    font-size: .49rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-facts em[b-khu2o0tmk1] {
    padding: .17rem .3rem;
    border-radius: 999px;
    color: #8b96a8;
    background: rgba(148, 163, 184, .08);
    font-style: normal;
}

.asset-actions[b-khu2o0tmk1] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .28rem;
}

.upload-action[b-khu2o0tmk1], .remove-action[b-khu2o0tmk1] {
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    padding: 0 .55rem;
    border: 1px solid rgba(var(--tone), .26);
    border-radius: 8px;
    color: rgba(var(--tone), .98);
    background: rgba(var(--tone), .09);
    font-size: .56rem;
    font-weight: 750;
    cursor: pointer;
}

.upload-action[b-khu2o0tmk1] {
    position: relative;
    overflow: hidden;
}

.upload-action:hover[b-khu2o0tmk1] {
    border-color: rgba(var(--tone), .55);
    color: #fff;
    background: rgba(var(--tone), .17);
}

.upload-action.disabled[b-khu2o0tmk1] {
    opacity: .38;
    cursor: default;
}

.upload-action[b-khu2o0tmk1]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.remove-action[b-khu2o0tmk1] {
    width: 31px;
    padding: 0;
    color: #fca5a5;
    border-color: rgba(248, 113, 113, .16);
    background: rgba(127, 29, 29, .08);
}

.remove-action:hover:not(:disabled)[b-khu2o0tmk1] {
    border-color: rgba(248, 113, 113, .4);
    background: rgba(127, 29, 29, .2);
}

.remove-action:disabled[b-khu2o0tmk1] {
    opacity: .35;
}

.asset-error[b-khu2o0tmk1] {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    margin: 0 .65rem .65rem;
    padding: .48rem .55rem;
    border: 1px solid rgba(248, 113, 113, .2);
    border-radius: 8px;
    color: #fca5a5;
    background: rgba(127, 29, 29, .1);
    font-size: .55rem;
    line-height: 1.35;
}

.metadata-drawer[b-khu2o0tmk1] {
    padding: 0 .65rem .65rem;
    animation: drawer-in-b-khu2o0tmk1 .14s ease-out;
}

.metadata-heading[b-khu2o0tmk1] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    padding: .45rem .1rem .38rem;
}

.metadata-heading span[b-khu2o0tmk1] {
    color: #a78bfa;
    font: 800 .47rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .11em;
}

.metadata-heading small[b-khu2o0tmk1] {
    color: #56647a;
    font-size: .5rem;
}

@keyframes drawer-in-b-khu2o0tmk1 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
}

@media (hover: none) {
    .stage-actions[b-khu2o0tmk1] {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 520px) {
    .asset-body[b-khu2o0tmk1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .asset-actions[b-khu2o0tmk1], .upload-action[b-khu2o0tmk1] {
        width: 100%;
    }

    .remove-action[b-khu2o0tmk1] {
        flex: 0 0 31px;
    }
}
/* /Components/DungeonTools/DungeonClassEditor.razor.rz.scp.css */
.class-editor[b-m3wtpyn2kg]{height:100%;min-height:420px;border-top:2px solid color-mix(in srgb,var(--class-accent) 66%,transparent)}.editor-heading[b-m3wtpyn2kg],.section-title[b-m3wtpyn2kg],.class-identity[b-m3wtpyn2kg]{display:flex;align-items:center}.editor-heading[b-m3wtpyn2kg],.section-title[b-m3wtpyn2kg]{justify-content:space-between;gap:16px}.class-identity[b-m3wtpyn2kg]{gap:13px}.identity-icon[b-m3wtpyn2kg]{display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--class-accent) 55%,transparent);border-radius:16px;background:color-mix(in srgb,var(--class-accent) 12%,#080c16);box-shadow:0 0 26px color-mix(in srgb,var(--class-accent) 13%,transparent);font-size:1.6rem}.identity-icon img[b-m3wtpyn2kg]{width:36px;height:36px;object-fit:contain}.editor-section[b-m3wtpyn2kg]{padding:15px;border:1px solid rgba(148,163,184,.09);border-radius:15px;background:rgba(255,255,255,.014)}.section-title span[b-m3wtpyn2kg]{color:#718096;font-size:.7rem}.stat-grid[b-m3wtpyn2kg]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-cell[b-m3wtpyn2kg]{display:flex;align-items:center}.color-picker-option[b-m3wtpyn2kg]{display:flex;align-items:center;gap:10px;padding:4px 0}.color-picker-option>span:last-child[b-m3wtpyn2kg]{display:flex;min-width:0;flex-direction:column}.color-picker-option small[b-m3wtpyn2kg]{color:#7f8da3;font-size:.68rem}.color-swatch[b-m3wtpyn2kg]{width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(255,255,255,.26);border-radius:9px;background:var(--swatch);box-shadow:0 0 12px color-mix(in srgb,var(--swatch) 28%,transparent)}@media(max-width:720px){.editor-heading[b-m3wtpyn2kg]{align-items:flex-start;flex-direction:column}.stat-grid[b-m3wtpyn2kg]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /Components/DungeonTools/DungeonClassLibrary.razor.rz.scp.css */
.class-library[b-26jjx06mqb]{height:100%;min-height:420px}.library-heading[b-26jjx06mqb]{display:flex;align-items:center;justify-content:space-between}.class-list[b-26jjx06mqb]{display:flex;flex-direction:column;gap:6px;max-height:570px;overflow:auto;padding-right:3px}.class-row[b-26jjx06mqb]{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.16s ease}.class-row:hover[b-26jjx06mqb]{background:rgba(34,211,238,.045);border-color:rgba(103,232,249,.12)}.class-row.active[b-26jjx06mqb]{background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(124,77,255,.045));border-color:rgba(103,232,249,.24);box-shadow:inset 3px 0 #22d3ee}.class-icon[b-26jjx06mqb]{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid color-mix(in srgb,var(--class-accent) 55%,transparent);border-radius:12px;background:color-mix(in srgb,var(--class-accent) 12%,#090d18);font-size:1.25rem;box-shadow:0 0 17px color-mix(in srgb,var(--class-accent) 13%,transparent)}.class-icon img[b-26jjx06mqb]{width:28px;height:28px;object-fit:contain}.class-copy[b-26jjx06mqb]{display:flex;flex:1;min-width:0;flex-direction:column}.class-copy strong[b-26jjx06mqb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-copy small[b-26jjx06mqb]{color:#8392aa;font-size:.68rem}.library-empty[b-26jjx06mqb]{padding:28px 12px;text-align:center;color:#64748b;font-size:.8rem}
/* /Components/DungeonTools/DungeonLayerMetadataEditor.razor.rz.scp.css */
.layer-options[b-m11kcmg41f] {
    padding: .72rem;
    border: 1px solid rgba(139, 92, 246, .18);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(124, 77, 255, .07), rgba(8, 12, 22, .78));
}

.layer-options.disabled[b-m11kcmg41f] {
    opacity: .62;
}

.option-grid[b-m11kcmg41f] {
    display: grid;
    grid-template-columns: minmax(120px, .85fr) minmax(150px, 1.15fr);
    gap: .65rem;
}

.select-field > span[b-m11kcmg41f], .opacity-heading > label > span[b-m11kcmg41f] {
    color: #8794a8;
    font-size: .58rem;
    font-weight: 750;
    letter-spacing: .035em;
}

.select-field > span[b-m11kcmg41f] {
    display: block;
    margin: 0 0 .32rem .1rem;
}

.select-field select[b-m11kcmg41f] {
    width: 100%;
    height: 36px;
    padding: 0 2rem 0 .68rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 8px;
    color: #dce5f2;
    background: #0b1120;
    color-scheme: dark;
    font-size: .66rem;
    outline: none;
}

.select-field select:focus[b-m11kcmg41f] {
    border-color: rgba(167, 139, 250, .62);
    box-shadow: 0 0 0 2px rgba(124, 77, 255, .12);
}

.opacity-field[b-m11kcmg41f] {
    min-width: 0;
}

.opacity-heading[b-m11kcmg41f] {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.opacity-heading label[b-m11kcmg41f] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
}

.opacity-heading input[b-m11kcmg41f] {
    accent-color: #8b5cf6;
}

.opacity-heading output[b-m11kcmg41f] {
    color: #c4b5fd;
    font: 750 .6rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.opacity-heading output.inactive[b-m11kcmg41f] {
    color: #58667b;
}

.opacity-field > input[type="range"][b-m11kcmg41f] {
    width: 100%;
    margin-top: .42rem;
    accent-color: #8b5cf6;
}

.option-footer[b-m11kcmg41f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-top: .58rem;
    padding-top: .55rem;
    border-top: 1px solid rgba(148, 163, 184, .08);
}

.metadata-state[b-m11kcmg41f] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    overflow: hidden;
    color: #637087;
    font-size: .54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metadata-state i[b-m11kcmg41f] {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
    background: #8b5cf6;
    box-shadow: 0 0 8px rgba(139, 92, 246, .75);
}

.option-footer > div[b-m11kcmg41f] {
    display: flex;
    gap: .3rem;
}

.option-footer button[b-m11kcmg41f] {
    height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .22rem;
    padding: 0 .58rem;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: .57rem;
    font-weight: 750;
    cursor: pointer;
}

.option-footer button:disabled[b-m11kcmg41f] {
    opacity: .36;
    cursor: default;
}

.option-footer .clear[b-m11kcmg41f] {
    color: #8d99aa;
    background: transparent;
}

.option-footer .clear:hover:not(:disabled)[b-m11kcmg41f] {
    color: #d6deea;
    background: rgba(148, 163, 184, .08);
}

.option-footer .save[b-m11kcmg41f] {
    color: #ede9fe;
    border-color: rgba(167, 139, 250, .26);
    background: rgba(124, 77, 255, .18);
}

.option-footer .save:hover:not(:disabled)[b-m11kcmg41f] {
    border-color: rgba(167, 139, 250, .55);
    background: rgba(124, 77, 255, .3);
}

.option-footer[b-m11kcmg41f]  .mud-progress-circular {
    width: 13px !important;
    height: 13px !important;
}

@media (max-width: 520px) {
    .option-grid[b-m11kcmg41f] {
        grid-template-columns: 1fr;
    }

    .option-footer[b-m11kcmg41f] {
        align-items: flex-end;
    }

    .metadata-state[b-m11kcmg41f] {
        white-space: normal;
    }
}
/* /Components/DungeonTools/DungeonSkillTierEditor.razor.rz.scp.css */
.tier-editor[b-boocj1ja1e]{min-height:100%;padding:17px;border:1px solid rgba(148,163,184,.1);border-radius:18px;background:linear-gradient(155deg,rgba(15,23,42,.88),rgba(7,11,20,.92))}.tier-empty[b-boocj1ja1e]{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.tier-empty[b-boocj1ja1e]  .mud-icon-root{margin-bottom:12px;color:#475569;font-size:2.4rem}.tier-heading[b-boocj1ja1e],.tier-actions[b-boocj1ja1e],.section-title[b-boocj1ja1e]{display:flex;align-items:center}.tier-heading[b-boocj1ja1e],.section-title[b-boocj1ja1e]{justify-content:space-between;gap:12px}.tier-actions[b-boocj1ja1e]{gap:5px}.tier-section[b-boocj1ja1e]{padding:13px;border:1px solid rgba(148,163,184,.075);border-radius:14px;background:rgba(255,255,255,.012)}.section-title span[b-boocj1ja1e]{color:#718096;font-size:.67rem}.default-toggle[b-boocj1ja1e]{display:flex;align-items:center}.reference-stack[b-boocj1ja1e]{display:flex;flex-direction:column;gap:12px}@media(max-width:680px){.tier-heading[b-boocj1ja1e]{align-items:flex-start;flex-direction:column}.tier-actions[b-boocj1ja1e]{width:100%;justify-content:flex-end}.section-title[b-boocj1ja1e]{align-items:flex-start;flex-direction:column;gap:0}}
/* /Components/DungeonTools/DungeonSkillTreeCanvas.razor.rz.scp.css */
.tree-visual[b-2b81p8dr44]{min-width:0}.canvas-frame[b-2b81p8dr44]{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--tree-accent) 28%,rgba(148,163,184,.14));border-radius:18px;background:#070b14;box-shadow:inset 0 0 70px rgba(0,0,0,.5),0 18px 44px rgba(0,0,0,.23)}.tree-canvas[b-2b81p8dr44]{display:block;width:100%;aspect-ratio:3/2}.canvas-vignette[b-2b81p8dr44]{fill:transparent;stroke:rgba(255,255,255,.035);stroke-width:24}.tree-connector[b-2b81p8dr44]{fill:none;stroke-width:6;stroke-linecap:round;transition:.16s}.tree-connector.locked[b-2b81p8dr44]{opacity:.24;filter:grayscale(1)}.tree-node[b-2b81p8dr44]{cursor:pointer;transition:.16s}.tree-node.locked image[b-2b81p8dr44],.tree-node.locked .node-emoji[b-2b81p8dr44]{filter:grayscale(1);opacity:.48}.tree-node:hover[b-2b81p8dr44],.tree-node.selected[b-2b81p8dr44]{filter:drop-shadow(0 0 13px color-mix(in srgb,var(--tree-accent) 62%,transparent))}.node-halo[b-2b81p8dr44]{fill:color-mix(in srgb,var(--tree-accent) 13%,rgba(8,12,22,.94));stroke:rgba(255,255,255,.19);stroke-width:2}.node-shell[b-2b81p8dr44]{fill:rgba(5,8,15,.82);stroke:color-mix(in srgb,var(--tree-accent) 45%,#fff);stroke-width:2}.node-ring[b-2b81p8dr44]{fill:none;stroke:rgba(255,255,255,.34);stroke-width:3}.tree-node.default .node-ring[b-2b81p8dr44],.tree-node.selected .node-ring[b-2b81p8dr44]{stroke:var(--tree-accent);stroke-width:5}.node-emoji[b-2b81p8dr44]{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-size:37px}.node-label[b-2b81p8dr44]{display:flex;height:100%;align-items:center;color:#f8fafc;font-family:Inter,Segoe UI,sans-serif;text-align:center;text-shadow:0 1px 4px #070b14,0 1px 8px #070b14;flex-direction:column}.node-label strong[b-2b81p8dr44]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:24px}.node-label small[b-2b81p8dr44]{color:#94a3b8;font-size:14px}.canvas-empty[b-2b81p8dr44]{display:flex;height:100%;align-items:center;justify-content:center;color:#64748b;font-family:Inter,Segoe UI,sans-serif;text-align:center;flex-direction:column}.canvas-empty strong[b-2b81p8dr44]{color:#cbd5e1;font-size:30px}.canvas-empty span[b-2b81p8dr44]{font-size:18px}.canvas-resolution[b-2b81p8dr44]{position:absolute;right:12px;bottom:10px;padding:4px 8px;border:1px solid rgba(148,163,184,.1);border-radius:999px;background:rgba(5,8,15,.72);color:#64748b;font-size:.62rem;letter-spacing:.05em}.canvas-legend[b-2b81p8dr44]{display:flex;flex-wrap:wrap;gap:13px;margin-top:10px;color:#7f8da3;font-size:.68rem}.canvas-legend span[b-2b81p8dr44]{display:flex;align-items:center;gap:5px}.canvas-legend i[b-2b81p8dr44]{display:inline-block;width:18px;height:3px;border-radius:3px;background:#64748b;opacity:.45}.canvas-legend i.default[b-2b81p8dr44]{background:var(--tree-accent);box-shadow:0 0 7px var(--tree-accent);opacity:1}.unplaced-tray[b-2b81p8dr44]{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px;padding:9px;border:1px dashed rgba(148,163,184,.14);border-radius:12px}.unplaced-tray>span[b-2b81p8dr44]{margin-right:3px;color:#64748b;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.unplaced-tray button[b-2b81p8dr44]{padding:5px 9px;border:1px solid rgba(148,163,184,.13);border-radius:999px;background:rgba(255,255,255,.025);color:#a5b4c9;font-size:.7rem;cursor:pointer}.unplaced-tray button.active[b-2b81p8dr44]{border-color:var(--tree-accent);color:#fff}
.canvas-backdrop[b-2b81p8dr44],.canvas-background[b-2b81p8dr44],.canvas-background-missing[b-2b81p8dr44]{position:absolute;inset:0;width:100%;height:100%}.canvas-backdrop[b-2b81p8dr44]{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tree-accent) 18%,#0b1220),#070b14 68%)}.canvas-background[b-2b81p8dr44]{z-index:1;display:block;object-fit:cover;image-rendering:auto}.canvas-background-missing[b-2b81p8dr44]{z-index:1;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--tree-accent) 34%,#94a3b8);text-align:center;flex-direction:column}.canvas-background-missing strong[b-2b81p8dr44]{font-size:clamp(2rem,5vw,4rem);line-height:1;opacity:.22}.canvas-background-missing span[b-2b81p8dr44]{margin-top:10px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.tree-canvas[b-2b81p8dr44]{position:relative;z-index:2;height:auto;image-rendering:auto}.canvas-resolution[b-2b81p8dr44]{z-index:3}
/* /Components/DungeonTools/DungeonSkillTreeWorkspace.razor.rz.scp.css */
.tree-workspace[b-gs24ligdxg]{border-top:2px solid color-mix(in srgb,var(--tree-accent) 58%,transparent)}.workspace-heading[b-gs24ligdxg]{display:flex;align-items:center;justify-content:space-between;gap:18px}.tree-switcher[b-gs24ligdxg]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tree-switcher button[b-gs24ligdxg]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.11);border-radius:14px;background:rgba(255,255,255,.018);color:#aab7ca;text-align:left;cursor:pointer;transition:.16s}.tree-switcher button:hover[b-gs24ligdxg]{border-color:color-mix(in srgb,var(--tree-accent) 32%,transparent);background:color-mix(in srgb,var(--tree-accent) 5%,transparent)}.tree-switcher button.active[b-gs24ligdxg]{border-color:color-mix(in srgb,var(--tree-accent) 56%,transparent);background:color-mix(in srgb,var(--tree-accent) 10%,#0b1220);box-shadow:0 0 22px color-mix(in srgb,var(--tree-accent) 8%,transparent)}.tree-switcher span[b-gs24ligdxg]{display:flex;min-width:0;flex-direction:column}.tree-switcher small[b-gs24ligdxg]{color:#718096;font-size:.66rem}.tree-switcher b[b-gs24ligdxg]{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.055);font-size:.72rem}.tree-layout[b-gs24ligdxg]{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);align-items:start;gap:17px}@media(max-width:1180px){.tree-layout[b-gs24ligdxg]{grid-template-columns:1fr}}@media(max-width:680px){.workspace-heading[b-gs24ligdxg]{align-items:flex-start;flex-direction:column}.tree-switcher[b-gs24ligdxg]{grid-template-columns:1fr}.tree-layout[b-gs24ligdxg]{grid-template-columns:minmax(0,1fr)}}
/* /Components/IndexImages/BulkImageMetadataDialog.razor.rz.scp.css */
.image-operation-dialog[b-efwc5ozdzr] {
  display: grid;
  gap: 0.85rem;
}
.dialog-icon[b-efwc5ozdzr] {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, 0.25);
  border-radius: 13px;
  color: #c4b5fd;
  background: rgba(124, 77, 255, 0.1);
}
.image-operation-dialog small[b-efwc5ozdzr] {
  color: #806cae;
  font:
    0.5rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-weight: 800;
  letter-spacing: 0.14em;
}
.image-operation-dialog h2[b-efwc5ozdzr] {
  margin: 0.2rem 0 0.35rem;
  color: #e5eaf2;
  font-size: 1.1rem;
}
.image-operation-dialog p[b-efwc5ozdzr] {
  margin: 0;
  color: #78869b;
  font-size: 0.65rem;
  line-height: 1.55;
}
.operation-toggle[b-efwc5ozdzr] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: #a4afbf;
  font-size: 0.64rem;
}
.operation-toggle strong[b-efwc5ozdzr] {
  margin-left: auto;
  color: #c4b5fd;
  font:
    0.62rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}
/* /Components/IndexImages/CreateImageFolderDialog.razor.rz.scp.css */
.image-operation-dialog[b-89g1grwc8d] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  min-width: min(500px, 75vw);
  padding: 0.5rem;
}
.dialog-icon[b-89g1grwc8d] {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, 0.24);
  border-radius: 13px;
  color: #c4b5fd;
  background: rgba(124, 77, 255, 0.09);
}
.image-operation-dialog small[b-89g1grwc8d] {
  color: #806cae;
  font:
    0.49rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  letter-spacing: 0.15em;
}
.image-operation-dialog h2[b-89g1grwc8d] {
  margin: 0.16rem 0 0;
  color: #e5e7eb;
  font:
    700 1.15rem Georgia,
    "Times New Roman",
    serif;
}
.image-operation-dialog p[b-89g1grwc8d] {
  margin: 0.35rem 0 0;
  color: #738097;
  font-size: 0.63rem;
  line-height: 1.55;
}
.image-operation-dialog code[b-89g1grwc8d] {
  color: #a78bfa;
}
.image-operation-dialog > .mud-input-control[b-89g1grwc8d],
.image-operation-dialog > .mud-slider[b-89g1grwc8d],
.operation-toggle[b-89g1grwc8d] {
  grid-column: 1/-1;
}
.operation-toggle[b-89g1grwc8d] {
  display: flex;
  align-items: center;
  color: #a6b0c1;
  font-size: 0.65rem;
}
.operation-toggle strong[b-89g1grwc8d] {
  margin-left: auto;
  color: #ddd6fe;
  font:
    700 0.65rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}
@media (max-width: 600px) {
  .image-operation-dialog[b-89g1grwc8d] {
    min-width: 0;
  }
  .dialog-icon[b-89g1grwc8d] {
    display: none;
  }
  .image-operation-dialog[b-89g1grwc8d] {
    grid-template-columns: 1fr;
  }
}
/* /Components/IndexImages/FolderStyleDialog.razor.rz.scp.css */
.folder-style-dialog[b-sw0qnfos30] {
    display: grid;
    gap: 1rem;
    min-width: min(680px, 78vw);
    padding: 0.35rem;
}

.folder-style-dialog > header[b-sw0qnfos30] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.folder-style-preview[b-sw0qnfos30] {
    position: relative;
    width: 72px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--folder-accent) 42%, transparent);
    border-radius: 10px 15px 15px 15px;
    color: var(--folder-accent);
    background: linear-gradient(145deg, color-mix(in srgb, var(--folder-accent) 25%, transparent), rgba(8, 13, 26, 0.75));
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.25);
}

.folder-style-preview[b-sw0qnfos30]::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -9px;
    width: 31px;
    height: 10px;
    border: 1px solid color-mix(in srgb, var(--folder-accent) 42%, transparent);
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    background: color-mix(in srgb, var(--folder-accent) 22%, #111827);
}

.folder-style-preview[b-sw0qnfos30]  .mud-icon-root {
    font-size: 2.15rem;
}

.folder-style-dialog header small[b-sw0qnfos30],
.section-heading span[b-sw0qnfos30] {
    color: color-mix(in srgb, var(--folder-accent) 70%, #716092);
    font: 800 0.48rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.15em;
}

.folder-style-dialog h2[b-sw0qnfos30] {
    margin: 0.13rem 0 0;
    color: #e5e7eb;
    font: 700 1.2rem Georgia, "Times New Roman", serif;
}

.folder-style-dialog header p[b-sw0qnfos30] {
    max-width: 550px;
    margin: 0.3rem 0 0;
    color: #738097;
    font-size: 0.62rem;
    line-height: 1.55;
}

.folder-style-dialog section[b-sw0qnfos30] {
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 12px;
    background: rgba(5, 10, 20, 0.34);
}

.section-heading[b-sw0qnfos30] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.62rem;
}

.section-heading strong[b-sw0qnfos30] {
    color: #8b98aa;
    font-size: 0.54rem;
}

.color-options[b-sw0qnfos30] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 0.35rem;
}

.color-option[b-sw0qnfos30],
.icon-option[b-sw0qnfos30] {
    min-width: 0;
    border: 1px solid transparent;
    color: #738097;
    background: rgba(148, 163, 184, 0.035);
    cursor: pointer;
}

.color-option[b-sw0qnfos30] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.38rem;
    border-radius: 7px;
    font-size: 0.51rem;
}

.color-option i[b-sw0qnfos30] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    border: 2px solid color-mix(in srgb, var(--swatch) 75%, white);
    border-radius: 50%;
    background: var(--swatch);
    box-shadow: 0 0 12px color-mix(in srgb, var(--swatch) 30%, transparent);
}

.color-option:hover[b-sw0qnfos30],
.color-option.selected[b-sw0qnfos30],
.icon-option:hover[b-sw0qnfos30],
.icon-option.selected[b-sw0qnfos30] {
    border-color: color-mix(in srgb, var(--folder-accent) 38%, transparent);
    color: #e5e7eb;
    background: color-mix(in srgb, var(--folder-accent) 9%, rgba(15, 23, 42, 0.8));
}

.icon-search[b-sw0qnfos30] {
    margin-bottom: 0.55rem;
}

.suggested-heading[b-sw0qnfos30],
.all-icons-label[b-sw0qnfos30] {
    color: #59677c;
    font: 800 0.43rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.12em;
}

.suggested-icons[b-sw0qnfos30] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 0.35rem;
    margin: 0.4rem 0 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.all-icons-label[b-sw0qnfos30] {
    margin-bottom: 0.5rem;
}

.icon-options[b-sw0qnfos30] {
    max-height: 230px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 0.35rem;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.icon-option[b-sw0qnfos30] {
    min-height: 64px;
    display: grid;
    place-items: center;
    gap: 0.15rem;
    padding: 0.42rem 0.2rem;
    border-radius: 8px;
}

.icon-option[b-sw0qnfos30]  .mud-icon-root {
    color: var(--folder-accent);
    font-size: 1.45rem;
}

.icon-option span[b-sw0qnfos30] {
    width: 100%;
    overflow: hidden;
    font-size: 0.48rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.folder-style-dialog section.scope-options[b-sw0qnfos30] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.scope-options label[b-sw0qnfos30] {
    display: flex;
    align-items: flex-start;
    padding: 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 10px;
    color: #a6b0c1;
    background: rgba(5, 10, 20, 0.34);
    cursor: pointer;
}

.scope-options span[b-sw0qnfos30],
.scope-options strong[b-sw0qnfos30],
.scope-options small[b-sw0qnfos30] {
    display: block;
}

.scope-options strong[b-sw0qnfos30] {
    margin-top: 0.22rem;
    font-size: 0.59rem;
}

.scope-options small[b-sw0qnfos30] {
    margin-top: 0.2rem;
    color: #647187;
    font-size: 0.49rem;
    line-height: 1.45;
}

.inheritance-note[b-sw0qnfos30] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.62rem;
    border: 1px solid rgba(96, 165, 250, 0.13);
    border-radius: 8px;
    color: #8aa4c7;
    background: rgba(59, 130, 246, 0.055);
    font-size: 0.55rem;
}

.dialog-spacer[b-sw0qnfos30] {
    flex: 1;
}

@media (max-width: 650px) {
    .folder-style-dialog[b-sw0qnfos30] {
        min-width: 0;
    }

    .folder-style-dialog > header[b-sw0qnfos30] {
        grid-template-columns: 1fr;
    }

    .folder-style-preview[b-sw0qnfos30] {
        display: none;
    }

    .folder-style-dialog section.scope-options[b-sw0qnfos30] {
        grid-template-columns: 1fr;
    }
}
/* /Components/IndexImages/ImageAssetCard.razor.rz.scp.css */
.asset-card[b-lzqs6sssdj] {
    position: relative;
    min-width: 0;
    overflow: visible;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 12px;
    background: linear-gradient(155deg, rgba(18, 27, 46, 0.94), rgba(7, 12, 24, 0.96));
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

.asset-card:hover[b-lzqs6sssdj] {
    z-index: 3;
    transform: translateY(-2px);
    border-color: rgba(167, 139, 250, 0.3);
    box-shadow: 0 17px 34px rgba(0, 0, 0, 0.24);
}

.asset-card.is-folder:hover[b-lzqs6sssdj] {
    border-color: color-mix(in srgb, var(--folder-color, #a78bfa) 35%, transparent);
}

.asset-card.is-selected[b-lzqs6sssdj] {
    border-color: rgba(167, 139, 250, 0.72);
    box-shadow: 0 0 0 1px rgba(124, 77, 255, 0.3), 0 17px 34px rgba(0, 0, 0, 0.24);
}

.asset-card.is-inspected:not(.is-selected)[b-lzqs6sssdj] {
    border-color: #799abd;
    box-shadow: inset 0 -3px #799abd;
}

.asset-preview:focus-visible[b-lzqs6sssdj], .asset-copy:focus-visible[b-lzqs6sssdj], .asset-menu summary:focus-visible[b-lzqs6sssdj], .asset-menu button:focus-visible[b-lzqs6sssdj] {
    outline: 2px solid #c4a7ff;
    outline-offset: 2px;
}

.asset-select input:focus-visible + span[b-lzqs6sssdj] {
    outline: 2px solid #c4a7ff;
    outline-offset: 3px;
}

.thumbnail-unavailable[b-lzqs6sssdj] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: .4rem;
    color: #b4bfd0;
    font-size: .72rem;
    padding: .5rem;
}

.thumbnail-unavailable small[b-lzqs6sssdj] {
    color: #8c9bb1;
    font-size: .62rem;
}

.asset-card.drag-source[b-lzqs6sssdj] {
    opacity: 0.42;
    transform: scale(0.97);
}

.asset-card.drop-target[b-lzqs6sssdj] {
    border-color: #c4b5fd;
    background: rgba(109, 69, 220, 0.25);
    box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.12);
}

.asset-preview[b-lzqs6sssdj] {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 0.86;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 11px 11px 0 0;
    background: linear-gradient(145deg, #0b1220, #070b14);
    cursor: pointer;
}

.asset-preview[b-lzqs6sssdj]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.022) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.022) 75%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.022) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.022) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.asset-preview img[b-lzqs6sssdj] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.38rem;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.32));
    transition: transform 0.18s ease;
}

.asset-card.fit-cover .asset-preview img[b-lzqs6sssdj] {
    object-fit: cover;
    padding: 0;
}

.asset-card:hover .asset-preview img[b-lzqs6sssdj] {
    transform: scale(1.018);
}

.asset-extension[b-lzqs6sssdj] {
    position: absolute;
    right: 0.48rem;
    top: 0.48rem;
    padding: 0.15rem 0.32rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    color: #a7b4c8;
    background: rgba(3, 7, 18, 0.75);
    font: 0.47rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.08em;
}

.folder-visual[b-lzqs6sssdj] {
    position: relative;
    width: 45%;
    min-width: 68px;
    max-width: 112px;
    aspect-ratio: 1.28;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--folder-color, #a78bfa) 34%, transparent);
    border-radius: 10px 14px 14px 14px;
    color: var(--folder-color, #a78bfa);
    background: linear-gradient(145deg, color-mix(in srgb, var(--folder-color, #a78bfa) 26%, transparent), rgba(8, 13, 26, 0.68));
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.24);
}

.folder-visual[b-lzqs6sssdj]::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -18%;
    width: 45%;
    height: 20%;
    border: 1px solid color-mix(in srgb, var(--folder-color, #a78bfa) 34%, transparent);
    border-bottom: 0;
    border-radius: 7px 8px 0 0;
    background: color-mix(in srgb, var(--folder-color, #a78bfa) 24%, #111827);
}

.folder-visual[b-lzqs6sssdj]  .mud-icon-root {
    font-size: clamp(2rem, 4vw, 3.2rem);
}

/* The standard grid keeps folders compact; Folder previews uses full-size cards. */
.asset-card.is-folder.view-grid[b-lzqs6sssdj] {
    min-height: 66px;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    overflow: visible;
    border-radius: 10px;
    background: linear-gradient(110deg, rgba(19, 28, 48, 0.96), rgba(8, 13, 26, 0.96));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
}

.asset-card.is-folder.view-grid:hover[b-lzqs6sssdj] {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.2);
}

.asset-card.is-folder.view-grid .asset-preview[b-lzqs6sssdj] {
    width: 66px;
    height: 64px;
    aspect-ratio: auto;
    border-right: 1px solid rgba(148, 163, 184, 0.07);
    border-radius: 9px 0 0 9px;
    background: radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--folder-color, #a78bfa) 13%, transparent), transparent 68%);
}

.asset-card.is-folder.view-grid .asset-preview[b-lzqs6sssdj]::before {
    opacity: 0.35;
}

.asset-card.is-folder.view-grid .folder-visual[b-lzqs6sssdj] {
    width: 34px;
    min-width: 34px;
    height: 28px;
    max-width: none;
    border-radius: 6px 8px 8px 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.asset-card.is-folder.view-grid .folder-visual[b-lzqs6sssdj]::before {
    top: -16%;
    border-radius: 4px 5px 0 0;
}

.asset-card.is-folder.view-grid .folder-visual[b-lzqs6sssdj]  .mud-icon-root {
    font-size: 1.55rem;
}

.asset-card.is-folder.view-grid .asset-quick-actions[b-lzqs6sssdj] {
    display: none;
}

.asset-card.is-folder.view-grid footer[b-lzqs6sssdj] {
    min-height: 64px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem;
    padding: 0.55rem 0.48rem 0.55rem 0.7rem;
    border-top: 0;
}

.asset-card.is-folder.view-grid .asset-copy strong[b-lzqs6sssdj] {
    color: #e2e8f0;
    font-size: 0.64rem;
    line-height: 1.25;
}

.asset-card.is-folder.view-grid .asset-select[b-lzqs6sssdj] {
    position: absolute;
    z-index: 3;
    left: 0.34rem;
    bottom: 0.34rem;
    width: 15px;
    height: 15px;
    opacity: .7;
    transition: opacity 0.14s ease;
}

.asset-card.is-folder.view-grid:hover .asset-select[b-lzqs6sssdj],
.asset-card.is-folder.view-grid:focus-within .asset-select[b-lzqs6sssdj],
.asset-card.is-folder.is-selected.view-grid .asset-select[b-lzqs6sssdj] {
    opacity: 1;
}

.asset-card.is-folder.view-grid .asset-select span[b-lzqs6sssdj] {
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: rgba(2, 6, 23, 0.78);
}

.asset-card.is-folder.view-grid .asset-select input:checked + span[b-lzqs6sssdj]::after {
    left: 4px;
    top: 1px;
}

.asset-card.is-folder.view-grid .asset-menu summary[b-lzqs6sssdj] {
    width: 27px;
    height: 27px;
}

.asset-card.size-compact.is-folder.view-grid[b-lzqs6sssdj],
.asset-card.size-compact.is-folder.view-grid footer[b-lzqs6sssdj] {
    min-height: 56px;
}

.asset-card.size-compact.is-folder.view-grid .asset-preview[b-lzqs6sssdj] {
    width: 58px;
    height: 54px;
}

.asset-card.size-compact.is-folder.view-grid[b-lzqs6sssdj] {
    grid-template-columns: 58px minmax(0, 1fr);
}

.asset-card.size-compact.is-folder.view-grid .folder-visual[b-lzqs6sssdj] {
    width: 30px;
    min-width: 30px;
    height: 24px;
}

.asset-card.size-compact.is-folder.view-grid .folder-visual[b-lzqs6sssdj]  .mud-icon-root {
    font-size: 1.32rem;
}

.asset-quick-actions[b-lzqs6sssdj] {
    position: absolute;
    z-index: 2;
    left: 0.48rem;
    top: 0.48rem;
    opacity: 0;
    transition: opacity 0.14s ease;
}

.asset-card:hover .asset-quick-actions[b-lzqs6sssdj],
.asset-card:focus-within .asset-quick-actions[b-lzqs6sssdj] {
    opacity: 1;
}

.asset-quick-actions button[b-lzqs6sssdj] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 7px;
    color: white;
    background: rgba(3, 7, 18, 0.75);
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.asset-card footer[b-lzqs6sssdj] {
    min-height: 52px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.58rem 0.62rem;
    border-top: 1px solid rgba(148, 163, 184, 0.07);
}

.asset-copy[b-lzqs6sssdj] {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.asset-copy strong[b-lzqs6sssdj],
.asset-copy small[b-lzqs6sssdj] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-copy strong[b-lzqs6sssdj] {
    color: #dbe5f4;
    font-size: 0.76rem;
}

.asset-copy small[b-lzqs6sssdj] {
    margin-top: 0.15rem;
    color: #95a4b9;
    font-size: 0.65rem;
}

.asset-select[b-lzqs6sssdj] {
    position: relative;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.asset-select input[b-lzqs6sssdj] {
    position: absolute;
    opacity: 0;
}

.asset-select span[b-lzqs6sssdj] {
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 5px;
    background: rgba(2, 6, 23, 0.42);
}

.asset-select input:checked + span[b-lzqs6sssdj] {
    border-color: #a78bfa;
    background: #7c4dff;
}

.asset-select input:checked + span[b-lzqs6sssdj]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.asset-menu[b-lzqs6sssdj] {
    position: relative;
}

.asset-menu summary[b-lzqs6sssdj] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: #627087;
    cursor: pointer;
    list-style: none;
}

.asset-menu summary[b-lzqs6sssdj]::-webkit-details-marker {
    display: none;
}

.asset-menu summary:hover[b-lzqs6sssdj] {
    color: #ddd6fe;
    background: rgba(124, 77, 255, 0.1);
}

.asset-menu > div[b-lzqs6sssdj] {
    position: absolute;
    z-index: 20;
    right: 0;
    top: 32px;
    width: 174px;
    display: grid;
    gap: 0.12rem;
    padding: 0.35rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 9px;
    background: #111a2b;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.asset-menu button[b-lzqs6sssdj] {
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.48rem;
    border: 0;
    border-radius: 6px;
    color: #a2aec0;
    background: transparent;
    font-size: 0.54rem;
    text-align: left;
    cursor: pointer;
}

.asset-menu button:hover[b-lzqs6sssdj] {
    color: white;
    background: rgba(148, 163, 184, 0.07);
}

.asset-menu button.danger[b-lzqs6sssdj] {
    color: #fca5a5;
}

.asset-menu button.danger:hover[b-lzqs6sssdj] {
    background: rgba(239, 68, 68, 0.09);
}

.list-type[b-lzqs6sssdj],
.list-size[b-lzqs6sssdj],
.list-date[b-lzqs6sssdj] {
    display: none;
}

.asset-card.view-list[b-lzqs6sssdj] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    margin-top: 0.12rem;
    overflow: visible;
    border-color: transparent;
    border-radius: 7px;
    background: transparent;
    box-shadow: none;
}

.asset-card.view-list:hover[b-lzqs6sssdj] {
    transform: none;
    border-color: rgba(148, 163, 184, 0.08);
    background: rgba(148, 163, 184, 0.045);
    box-shadow: none;
}

.asset-card.view-list.is-selected[b-lzqs6sssdj] {
    border-color: rgba(167, 139, 250, 0.2);
    background: rgba(124, 77, 255, 0.08);
}

.asset-card.view-list .asset-preview[b-lzqs6sssdj] {
    width: 54px;
    height: 44px;
    margin: 4px;
    border-radius: 6px;
}

.asset-card.view-list .folder-visual[b-lzqs6sssdj] {
    min-width: 29px;
    width: 29px;
}

.asset-card.view-list .folder-visual[b-lzqs6sssdj]  .mud-icon-root {
    font-size: 1.25rem;
}

.asset-card.view-list .asset-extension[b-lzqs6sssdj],
.asset-card.view-list .asset-quick-actions[b-lzqs6sssdj] {
    display: none;
}

.asset-card.view-list footer[b-lzqs6sssdj] {
    min-height: 52px;
    grid-template-columns: auto minmax(0, 1fr) 65px 75px 120px 28px;
    border-top: 0;
}

.asset-card.view-list .asset-copy small[b-lzqs6sssdj] {
    display: none;
}

.asset-card.view-list .list-type[b-lzqs6sssdj],
.asset-card.view-list .list-size[b-lzqs6sssdj],
.asset-card.view-list .list-date[b-lzqs6sssdj] {
    display: block;
    overflow: hidden;
    color: #65738a;
    font-size: 0.51rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-card.size-compact:not(.view-list) footer[b-lzqs6sssdj] {
    min-height: 45px;
    padding: 0.45rem;
}

.asset-card.size-compact:not(.view-list) .asset-copy small[b-lzqs6sssdj] {
    display: none;
}

.asset-card.size-compact:not(.view-list) .asset-copy strong[b-lzqs6sssdj] {
    font-size: 0.55rem;
}

@media (max-width: 760px) {
    .asset-card.view-list footer[b-lzqs6sssdj] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .asset-card.view-list .list-type[b-lzqs6sssdj],
    .asset-card.view-list .list-size[b-lzqs6sssdj],
    .asset-card.view-list .list-date[b-lzqs6sssdj] {
        display: none;
    }
}

@media (hover: none) {
    .asset-card.is-folder.view-grid .asset-select[b-lzqs6sssdj] {
        opacity: 0.72;
    }
}

@container (max-width: 600px) {
    .asset-card.view-list footer[b-lzqs6sssdj] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .asset-card.view-list .list-type[b-lzqs6sssdj], .asset-card.view-list .list-size[b-lzqs6sssdj], .asset-card.view-list .list-date[b-lzqs6sssdj] {
        display: none;
    }
}
/* /Components/IndexImages/ImageAssetGrid.razor.rz.scp.css */
.asset-grid[b-y39qxvlbwq] {
    --tile-min: 175px;
    --tile-max: 240px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--tile-min), var(--tile-max)));
    align-content: start;
    gap: 0.72rem;
    min-height: 290px;
    padding: 0.12rem;
    border-radius: 12px;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.asset-browser-content[b-y39qxvlbwq] {
    min-height: 290px;
    padding: 0.12rem;
    border-radius: 12px;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.folder-grid[b-y39qxvlbwq] {
    --folder-min: 210px;
    --folder-max: 290px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--folder-min), var(--folder-max)));
    align-items: start;
    gap: 0.58rem;
}

.folder-grid.size-compact[b-y39qxvlbwq] {
    --folder-min: 170px;
    --folder-max: 225px;
}

.folder-grid.size-large[b-y39qxvlbwq] {
    --folder-min: 230px;
    --folder-max: 315px;
}

.folder-grid.size-jumbo[b-y39qxvlbwq] {
    --folder-min: 250px;
    --folder-max: 340px;
}

.folder-preview-grid[b-y39qxvlbwq] {
    min-height: 0;
}

.folder-grid + .asset-grid[b-y39qxvlbwq], .folder-preview-grid + .asset-grid[b-y39qxvlbwq] {
    min-height: 0;
    margin-top: 0.85rem;
}

.asset-grid.size-compact[b-y39qxvlbwq] {
    --tile-min: 112px;
    --tile-max: 148px;
}

.asset-grid.size-large[b-y39qxvlbwq] {
    --tile-min: 235px;
    --tile-max: 320px;
}

.asset-grid.size-jumbo[b-y39qxvlbwq] {
    --tile-min: 330px;
    --tile-max: 470px;
}

.asset-grid.drop-target[b-y39qxvlbwq],
.asset-browser-content.drop-target[b-y39qxvlbwq],
.asset-empty.drop-target[b-y39qxvlbwq] {
    background: rgba(109, 69, 220, 0.08);
    box-shadow: inset 0 0 0 2px rgba(167, 139, 250, 0.55);
}

.asset-grid.view-list[b-y39qxvlbwq] {
    display: block;
    min-height: 280px;
}

.asset-list-head[b-y39qxvlbwq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 65px 75px 120px 28px;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.65rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
    color: #59677c;
    font: 800 0.46rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.asset-skeleton[b-y39qxvlbwq] {
    position: relative;
    height: 230px;
    overflow: hidden;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.07);
    border-radius: 12px;
    background: #0c1423;
}

.asset-skeleton span[b-y39qxvlbwq] {
    display: block;
    height: 160px;
    border-radius: 8px;
    background: rgba(148, 163, 184, 0.055);
}

.asset-skeleton i[b-y39qxvlbwq] {
    display: block;
    width: 75%;
    height: 7px;
    margin-top: 0.75rem;
    border-radius: 4px;
    background: rgba(148, 163, 184, 0.06);
}

.asset-skeleton i:last-child[b-y39qxvlbwq] {
    width: 45%;
    margin-top: 0.42rem;
}

.asset-skeleton[b-y39qxvlbwq]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(196, 181, 253, 0.05), transparent);
    animation: asset-shimmer-b-y39qxvlbwq 1.4s infinite;
}

.asset-empty[b-y39qxvlbwq] {
    min-height: 360px;
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    border: 1px dashed rgba(148, 163, 184, 0.13);
    border-radius: 14px;
    background: radial-gradient(circle at 50% 45%, rgba(124, 77, 255, 0.055), transparent 36%);
}

.asset-empty > span[b-y39qxvlbwq] {
    width: 66px;
    height: 66px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.16);
    border-radius: 18px;
    color: #8b7bb4;
    background: rgba(124, 77, 255, 0.06);
}

.asset-empty > span[b-y39qxvlbwq]  .mud-icon-root {
    font-size: 2rem;
}

.asset-empty strong[b-y39qxvlbwq] {
    margin-top: 0.9rem;
    color: #cbd5e1;
    font-size: 0.82rem;
}

.asset-empty small[b-y39qxvlbwq] {
    max-width: 340px;
    margin-top: 0.3rem;
    color: #617089;
    font-size: 0.62rem;
}

.asset-empty button[b-y39qxvlbwq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1rem;
    padding: .65rem .85rem;
    border: 1px solid #a18bd0;
    border-radius: 8px;
    color: #f0e9ff;
    background: #553398;
    cursor: pointer;
    font: inherit;
    font-size: .8rem;
}

.asset-empty button:focus-visible[b-y39qxvlbwq] {
    outline: 2px solid #d3c1ff;
    outline-offset: 3px;
}

@keyframes asset-shimmer-b-y39qxvlbwq {
    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 760px) {
    .folder-grid[b-y39qxvlbwq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .asset-grid:not(.view-list)[b-y39qxvlbwq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .asset-list-head[b-y39qxvlbwq] {
        display: none;
    }
}

@media (max-width: 480px) {
    .folder-grid[b-y39qxvlbwq] {
        grid-template-columns: 1fr;
    }

    .asset-grid:not(.view-list)[b-y39qxvlbwq] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .asset-skeleton[b-y39qxvlbwq]::after {
        animation: none;
    }
}

@container (max-width: 600px) {
    .asset-list-head[b-y39qxvlbwq] {
        display: none;
    }
}
/* /Components/IndexImages/ImageAssetInspector.razor.rz.scp.css */
.asset-inspector[b-m6zqgfk88w] {
    overflow: hidden;
    border: 1px solid rgba(167, 139, 250, 0.15);
    border-radius: 17px;
    background: linear-gradient(
            160deg,
            rgba(16, 23, 41, 0.98),
            rgba(7, 11, 22, 0.98)
    );
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

.asset-inspector > header[b-m6zqgfk88w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.asset-inspector > header span[b-m6zqgfk88w],
.asset-inspector > header strong[b-m6zqgfk88w] {
    display: block;
}

.asset-inspector > header span[b-m6zqgfk88w] {
    color: #806cae;
    font: 0.49rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
    letter-spacing: 0.15em;
}

.asset-inspector > header strong[b-m6zqgfk88w] {
    max-width: 285px;
    margin-top: 0.18rem;
    overflow: hidden;
    color: #e4e9f3;
    font-size: 0.73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-inspector > header button[b-m6zqgfk88w] {
    padding: 0.28rem;
    border: 0;
    border-radius: 6px;
    color: #64748b;
    background: transparent;
    cursor: pointer;
}

.inspector-preview[b-m6zqgfk88w] {
    position: relative;
    height: 260px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.018) 25%,
            transparent 25%,
            transparent 75%,
            rgba(255, 255, 255, 0.018) 75%
    ),
    linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.018) 25%,
            #060a13 25%,
            #060a13 75%,
            rgba(255, 255, 255, 0.018) 75%
    );
    background-size: 22px 22px;
    background-position: 0 0,
    11px 11px;
}

.inspector-preview img[b-m6zqgfk88w] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.75rem;
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.4));
}

.inspector-preview a[b-m6zqgfk88w] {
    position: absolute;
    right: 0.7rem;
    bottom: 0.7rem;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 9px;
    color: #ddd6fe;
    background: rgba(9, 13, 25, 0.82);
    backdrop-filter: blur(8px);
}

.preview-fullscreen[b-m6zqgfk88w] {
    position: absolute;
    right: 3.2rem;
    bottom: 0.7rem;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 9px;
    color: #ddd6fe;
    background: rgba(9, 13, 25, 0.82);
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.inspector-loading[b-m6zqgfk88w] {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    color: #7e8ca2;
    font-size: 0.65rem;
}

.asset-facts[b-m6zqgfk88w] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
    border-block: 1px solid rgba(148, 163, 184, 0.07);
}

.asset-facts > div[b-m6zqgfk88w] {
    padding: 0.65rem;
    border-right: 1px solid rgba(148, 163, 184, 0.07);
}

.asset-facts > div:last-child[b-m6zqgfk88w] {
    border-right: 0;
}

.asset-facts dt[b-m6zqgfk88w] {
    color: #5f6e86;
    font-size: 0.48rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.asset-facts dd[b-m6zqgfk88w] {
    margin: 0.22rem 0 0;
    color: #bac5d5;
    font: 0.58rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}

.resize-asset[b-m6zqgfk88w] {
    width: calc(100% - 2rem);
    min-height: 46px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.55rem;
    margin: 0.75rem 1rem 0;
    padding: 0 0.68rem;
    border: 1px solid rgba(167, 139, 250, 0.17);
    border-radius: 9px;
    color: #b9aaf0;
    text-align: left;
    background: rgba(124, 77, 255, 0.065);
    cursor: pointer;
}

.resize-asset:hover[b-m6zqgfk88w] {
    border-color: rgba(167, 139, 250, 0.33);
    background: rgba(124, 77, 255, 0.11);
}

.resize-asset.waifu-asset[b-m6zqgfk88w] {
    margin-top: 0.4rem;
    color: #9eeaf5;
    border-color: rgba(103, 232, 249, 0.15);
    background: rgba(103, 232, 249, 0.045);
}

.resize-asset.waifu-asset:hover[b-m6zqgfk88w] {
    border-color: rgba(103, 232, 249, 0.3);
    background: rgba(103, 232, 249, 0.08);
}

.resize-asset.waifu-asset strong[b-m6zqgfk88w] {
    color: #cef9ff;
}

.resize-asset.smart-rename-asset[b-m6zqgfk88w] {
    margin-top: 0.4rem;
    color: #e2bc70;
    border-color: rgba(245, 158, 11, 0.14);
    background: rgba(245, 158, 11, 0.035);
}

.resize-asset.smart-rename-asset:hover[b-m6zqgfk88w] {
    border-color: rgba(245, 158, 11, 0.28);
    background: rgba(245, 158, 11, 0.07);
}

.resize-asset.smart-rename-asset strong[b-m6zqgfk88w] {
    color: #f6db9e;
}

.resize-asset span[b-m6zqgfk88w],
.resize-asset strong[b-m6zqgfk88w],
.resize-asset small[b-m6zqgfk88w] {
    display: block;
}

.resize-asset strong[b-m6zqgfk88w] {
    color: #ddd6fe;
    font-size: 0.61rem;
}

.resize-asset small[b-m6zqgfk88w] {
    margin-top: 0.1rem;
    color: #69778d;
    font-size: 0.49rem;
}

.inspector-section[b-m6zqgfk88w] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.07);
}

.section-heading span[b-m6zqgfk88w],
.section-heading small[b-m6zqgfk88w] {
    display: block;
}

.section-heading span[b-m6zqgfk88w] {
    color: #a78bfa;
    font: 0.52rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.section-heading small[b-m6zqgfk88w] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.56rem;
    line-height: 1.45;
}

.rename-row[b-m6zqgfk88w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.rename-row input[b-m6zqgfk88w],
.metadata-section select[b-m6zqgfk88w] {
    min-width: 0;
    height: 34px;
    padding: 0 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 7px;
    outline: 0;
    color: #cbd5e1;
    background: #090f1d;
    font-size: 0.63rem;
}

.rename-row input:focus[b-m6zqgfk88w],
.metadata-section select:focus[b-m6zqgfk88w] {
    border-color: rgba(167, 139, 250, 0.45);
}

.rename-row button[b-m6zqgfk88w],
.metadata-actions button[b-m6zqgfk88w],
.revision-list button[b-m6zqgfk88w] {
    padding: 0 0.65rem;
    border: 1px solid rgba(167, 139, 250, 0.18);
    border-radius: 7px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.08);
    font-size: 0.57rem;
    font-weight: 800;
    cursor: pointer;
}

.rename-section > code[b-m6zqgfk88w] {
    display: block;
    margin-top: 0.5rem;
    overflow: hidden;
    color: #55637a;
    font-size: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metadata-section > label[b-m6zqgfk88w] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.7rem;
}

.metadata-section > label > span[b-m6zqgfk88w] {
    color: #8a99ae;
    font-size: 0.57rem;
}

.opacity-label > span[b-m6zqgfk88w] {
    display: flex;
    justify-content: space-between;
}

.opacity-label > span i[b-m6zqgfk88w] {
    font-style: normal;
}

.opacity-label > span strong[b-m6zqgfk88w] {
    color: #ddd6fe;
    font: 700 0.58rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}

.opacity-label input[type="range"][b-m6zqgfk88w] {
    width: 100%;
    accent-color: #8b5cf6;
}

.opacity-toggle[b-m6zqgfk88w] {
    grid-template-columns: auto 1fr !important;
    align-items: center;
}

.opacity-toggle input[b-m6zqgfk88w] {
    accent-color: #8b5cf6;
}

.filename-fallback[b-m6zqgfk88w] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.45rem;
    color: #6f7f96;
    font-size: 0.53rem;
}

.filename-fallback strong[b-m6zqgfk88w] {
    color: #a78bfa;
}

.metadata-json[b-m6zqgfk88w] {
    margin-top: 0.7rem;
    padding: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.07);
    border-radius: 7px;
    background: rgba(2, 6, 23, 0.38);
}

.metadata-json span[b-m6zqgfk88w] {
    display: block;
    color: #574a79;
    font-size: 0.45rem;
    letter-spacing: 0.12em;
}

.metadata-json code[b-m6zqgfk88w] {
    display: block;
    margin-top: 0.28rem;
    overflow-wrap: anywhere;
    color: #a5b4ca;
    font-size: 0.52rem;
}

.metadata-actions[b-m6zqgfk88w] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.metadata-actions button[b-m6zqgfk88w] {
    height: 32px;
}

.metadata-actions .clear[b-m6zqgfk88w] {
    color: #8390a4;
    border-color: transparent;
    background: transparent;
}

.metadata-actions .save[b-m6zqgfk88w] {
    color: white;
    background: #6d45dc;
}

.metadata-unavailable[b-m6zqgfk88w] {
    display: flex;
    gap: 0.55rem;
    margin-top: 0.7rem;
    padding: 0.7rem;
    border-radius: 8px;
    color: #74839a;
    background: rgba(148, 163, 184, 0.035);
    font-size: 0.57rem;
    line-height: 1.5;
}

.revision-list[b-m6zqgfk88w] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.revision-list article[b-m6zqgfk88w] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.4rem;
    border: 1px solid rgba(148, 163, 184, 0.07);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.25);
}

.revision-list img[b-m6zqgfk88w] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 5px;
    background: #070b14;
}

.revision-list strong[b-m6zqgfk88w],
.revision-list small[b-m6zqgfk88w] {
    display: block;
}

.revision-list strong[b-m6zqgfk88w] {
    color: #b9c4d4;
    font-size: 0.55rem;
}

.revision-list small[b-m6zqgfk88w] {
    margin-top: 0.14rem;
    color: #5d6a80;
    font-size: 0.5rem;
}

.revision-list button[b-m6zqgfk88w] {
    height: 28px;
}

.revision-empty[b-m6zqgfk88w] {
    margin-top: 0.7rem;
    padding: 0.7rem;
    border: 1px dashed rgba(148, 163, 184, 0.09);
    border-radius: 8px;
    color: #617089;
    font-size: 0.56rem;
    text-align: center;
}

.delete-asset[b-m6zqgfk88w] {
    width: calc(100% - 2rem);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 0.8rem 1rem;
    border: 1px solid rgba(239, 68, 68, 0.15);
    border-radius: 8px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.045);
    font-size: 0.58rem;
    font-weight: 800;
    cursor: pointer;
}

.asset-inspector button:disabled[b-m6zqgfk88w] {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 700px) {
    .asset-facts[b-m6zqgfk88w] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asset-facts > div:nth-child(2)[b-m6zqgfk88w] {
        border-right: 0;
    }

    .asset-facts > div:nth-child(-n + 2)[b-m6zqgfk88w] {
        border-bottom: 1px solid rgba(148, 163, 184, 0.07);
    }
}
/* /Components/IndexImages/ImageBreadcrumbs.razor.rz.scp.css */
.image-breadcrumbs[b-wzwsyjbnhw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
    overflow: auto;
    scrollbar-width: none;
}

.image-breadcrumbs[b-wzwsyjbnhw]::-webkit-scrollbar {
    display: none;
}

.image-breadcrumbs button[b-wzwsyjbnhw] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.58rem;
    border: 0;
    border-radius: 7px;
    color: #71829d;
    background: transparent;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
}

.image-breadcrumbs button:hover[b-wzwsyjbnhw] {
    color: #cbd5e1;
    background: rgba(148, 163, 184, 0.07);
}

.image-breadcrumbs button.current[b-wzwsyjbnhw] {
    color: #ddd6fe;
    background: rgba(124, 77, 255, 0.1);
}

.image-breadcrumbs button.drop-target[b-wzwsyjbnhw] {
    color: white;
    background: rgba(109, 69, 220, 0.35);
    box-shadow: inset 0 0 0 1px #a78bfa;
}

.image-breadcrumbs[b-wzwsyjbnhw]  .mud-icon-root {
    color: #625786;
    font-size: 0.9rem;
}
/* /Components/IndexImages/ImageBulkBar.razor.rz.scp.css */
.bulk-bar[b-oor57qj9vp] {
    position: sticky;
    z-index: 8;
    bottom: 1rem;
    display: flex;
    max-width: 1040px;
    align-items: center;
    gap: 0.38rem;
    margin: 1rem auto 0;
    padding: 0.48rem;
    border: 1px solid rgba(167, 139, 250, 0.32);
    border-radius: 14px;
    background: rgba(10, 15, 29, 0.95);
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(124, 77, 255, 0.08);
    backdrop-filter: blur(18px);
}

.bulk-count[b-oor57qj9vp] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0 0.65rem 0 0.35rem;
    border-right: 1px solid rgba(148, 163, 184, 0.12);
}

.bulk-count strong[b-oor57qj9vp] {
    color: #ddd6fe;
    font: 800 1rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}

.bulk-count span[b-oor57qj9vp] {
    color: #74839a;
    font-size: 0.55rem;
}

.bulk-bar button[b-oor57qj9vp] {
    height: 34px;
    display: flex;
    align-items: center;
    gap: 0.34rem;
    padding: 0 0.62rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #a8b4c7;
    background: transparent;
    font-size: 0.6rem;
    font-weight: 800;
    cursor: pointer;
}

.bulk-bar button:hover[b-oor57qj9vp] {
    color: #ede9fe;
    background: rgba(124, 77, 255, 0.09);
}

.bulk-bar button.danger[b-oor57qj9vp] {
    color: #fca5a5;
}

.bulk-bar button.danger:hover[b-oor57qj9vp] {
    background: rgba(239, 68, 68, 0.08);
}

.bulk-bar button.clear[b-oor57qj9vp] {
    margin-left: auto;
    padding: 0 0.45rem;
    color: #64748b;
}

@media (max-width: 680px) {
    .bulk-bar[b-oor57qj9vp] {
        overflow: auto;
        justify-content: flex-start;
    }

    .bulk-bar button[b-oor57qj9vp] {
        flex: 0 0 auto;
    }

    .bulk-count[b-oor57qj9vp] {
        position: sticky;
        left: 0;
        background: rgba(10, 15, 29, 0.98);
    }
}
/* /Components/IndexImages/ImageExplorerCommandBar.razor.rz.scp.css */
.explorer-command-bar[b-zildvb0u02] {
    min-height: 46px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 0 12px 12px 12px;
    background: #101828;
}

.history-tools[b-zildvb0u02] {
    display: flex;
    align-items: center;
}

.history-tools button[b-zildvb0u02],
.pin-command[b-zildvb0u02],
.path-command[b-zildvb0u02] {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: #78869b;
    background: transparent;
    cursor: pointer;
}

.history-tools button:hover:not(:disabled)[b-zildvb0u02],
.pin-command:hover[b-zildvb0u02],
.path-command:hover[b-zildvb0u02],
.pin-command.active[b-zildvb0u02] {
    color: #ddd6fe;
    background: rgba(124, 77, 255, 0.1);
}

.history-tools button:disabled[b-zildvb0u02] {
    opacity: 0.27;
    cursor: default;
}

.address-deck[b-zildvb0u02] {
    position: relative;
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 0.45rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.38);
}

.address-edit[b-zildvb0u02] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    background: #080e1b;
}

.address-deck[b-zildvb0u02]  .image-breadcrumbs {
    flex: 1;
}

.address-edit span[b-zildvb0u02] {
    color: #53627a;
    font: 0.57rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.address-edit input[b-zildvb0u02] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    color: #dce4ef;
    background: transparent;
    font: 0.59rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.edit-address[b-zildvb0u02] {
    width: 25px;
    height: 25px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: #53627a;
    background: transparent;
    cursor: pointer;
}

.edit-address:hover[b-zildvb0u02] {
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.1);
}

@media (max-width: 700px) {
    .path-command[b-zildvb0u02] {
        display: none;
    }
}
/* /Components/IndexImages/ImageExplorerTabs.razor.rz.scp.css */
.explorer-tab[b-z7p1d3fn7q] {
    position: relative;
    min-width: 150px;
    max-width: 250px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    color: #74839a;
    background: rgba(8, 13, 24, 0.58);
    transition: 0.14s ease;
}

.explorer-tab.active[b-z7p1d3fn7q] {
    border-color: rgba(148, 163, 184, 0.11);
    color: #dce4ef;
    background: #101828;
    box-shadow: inset 0 2px var(--folder-color, #8b5cf6);
}

.explorer-tab.drop-target[b-z7p1d3fn7q] {
    color: white;
    background: rgba(109, 69, 220, 0.34);
    box-shadow: inset 0 0 0 1px #a78bfa;
}

.tab-main[b-z7p1d3fn7q] {
    min-width: 0;
    height: 38px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.42rem;
    padding: 0 0.62rem;
    border: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.tab-main[b-z7p1d3fn7q]  .mud-icon-root {
    color: var(--folder-color, #9a86d0);
    font-size: 0.9rem;
}

.tab-main span[b-z7p1d3fn7q],
.tab-main small[b-z7p1d3fn7q] {
    grid-column: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-main span[b-z7p1d3fn7q] {
    font-size: 0.62rem;
    font-weight: 800;
}

.tab-main small[b-z7p1d3fn7q] {
    margin-top: -0.22rem;
    color: #536078;
    font-size: 0.43rem;
}

.tab-close[b-z7p1d3fn7q],
.new-tab[b-z7p1d3fn7q] {
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    color: #5d6a80;
    background: transparent;
    cursor: pointer;
}

.tab-close[b-z7p1d3fn7q] {
    width: 25px;
    height: 25px;
    margin-right: 0.32rem;
    border-radius: 6px;
}

.tab-close:hover[b-z7p1d3fn7q] {
    color: #d9e1ec;
    background: rgba(148, 163, 184, 0.08);
}

.new-tab[b-z7p1d3fn7q] {
    width: 34px;
    height: 34px;
    margin-left: 0.2rem;
    border-radius: 8px;
}

.new-tab:hover[b-z7p1d3fn7q] {
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.1);
}

.tab-drop-hint[b-z7p1d3fn7q] {
    margin-left: auto;
    padding: 0 0.65rem;
    color: #4f5c70;
    font-size: 0.47rem;
    white-space: nowrap;
}

.tab-drop-hint kbd[b-z7p1d3fn7q] {
    padding: 0.08rem 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 4px;
    color: #8390a5;
    background: rgba(2, 6, 23, 0.45);
}

@media (max-width: 760px) {
    .explorer-tab[b-z7p1d3fn7q] {
        min-width: 120px;
    }

    .tab-main small[b-z7p1d3fn7q],
    .tab-drop-hint[b-z7p1d3fn7q] {
        display: none;
    }
}
/* /Components/IndexImages/ImageFolderPreview.razor.rz.scp.css */
.folder-preview[b-wcpwspbs98] {
    position: absolute;
    display: block;
    inset: 16% 7% 10%;
    color: var(--folder-color, #a78bfa);
}

.folder-preview-back[b-wcpwspbs98], .folder-preview-front[b-wcpwspbs98] {
    position: absolute;
    inset: 0;
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    border-radius: 7px 12px 12px 12px;
    background: color-mix(in srgb, currentColor 14%, #101827);
}

.folder-preview-back[b-wcpwspbs98]::before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 100%;
    width: 38%;
    height: 10px;
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    border-bottom: 0;
    border-radius: 7px 9px 0 0;
    background: color-mix(in srgb, currentColor 14%, #101827);
}

.folder-preview-samples[b-wcpwspbs98] {
    position: absolute;
    inset: -3% 6% 27%;
    display: flex;
    align-items: stretch;
    gap: 4%;
}

.folder-preview-sheet[b-wcpwspbs98] {
    position: relative;
    display: grid;
    place-items: center;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #536079;
    border-radius: 5px;
    background: repeating-conic-gradient(#1d2738 0 25%, #172031 0 50%) 0 / 12px 12px;
    box-shadow: 0 4px 12px #0005;
    transform: rotate(-5deg);
}

.folder-preview-sheet:nth-child(2)[b-wcpwspbs98] {
    transform: translateY(-7%) rotate(1deg);
}

.folder-preview-sheet:nth-child(3)[b-wcpwspbs98] {
    transform: rotate(6deg);
}

.folder-preview-sheet:only-child[b-wcpwspbs98] {
    flex: 0 1 78%;
    margin: 0 auto;
    transform: rotate(-3deg);
}

.folder-preview-sheet img[b-wcpwspbs98] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fit-cover .folder-preview-sheet img[b-wcpwspbs98] {
    object-fit: cover;
}

.folder-preview-front[b-wcpwspbs98] {
    inset: auto 0 0;
    min-height: 27%;
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .6rem;
    border-radius: 6px 6px 10px 10px;
    background: linear-gradient(125deg, color-mix(in srgb, currentColor 24%, #101827), #182135);
    box-shadow: 0 -3px 12px #0003;
}
/* /Components/IndexImages/ImageLibraryToolbar.razor.rz.scp.css */
.library-toolbar[b-lsvn10o1of] {
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: .7rem;
    border: 1px solid #253047;
    border-radius: 12px;
    background: #0d1424;
}

.toolbar-main[b-lsvn10o1of], .toolbar-options[b-lsvn10o1of] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.toolbar-options[b-lsvn10o1of] {
    padding-top: .5rem;
    border-top: 1px solid #232d41;
}

.library-search[b-lsvn10o1of] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex: 1 1 220px;
    min-width: 180px;
    padding: 0 .65rem;
    border: 1px solid #34405a;
    border-radius: 8px;
    background: #080f1d;
    color: #aa96d9;
}

.library-search[b-lsvn10o1of]  .mud-input-control {
    flex: 1;
    min-width: 0;
    margin: 0;
}

.library-search[b-lsvn10o1of]  .mud-input {
    color: #e2e8f0;
    font-size: .82rem;
}

.library-search[b-lsvn10o1of]  .mud-input::before, .library-search[b-lsvn10o1of]  .mud-input::after {
    display: none;
}

.library-search button[b-lsvn10o1of] {
    border: 0;
    padding: .25rem;
    border-radius: 4px;
    background: transparent;
    color: #aab6ca;
    cursor: pointer;
}

.toolbar-main[b-lsvn10o1of]  .mud-select {
    flex: 0 0 140px;
    min-width: 0;
}

.toolbar-main[b-lsvn10o1of]  .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.toolbar-main[b-lsvn10o1of]  .mud-input {
    font-size: .78rem;
}

.toolbar-action[b-lsvn10o1of], .scope-switch[b-lsvn10o1of], .fit-switch[b-lsvn10o1of], .view-switch button[b-lsvn10o1of], .folder-tools summary[b-lsvn10o1of] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 36px;
    padding: .4rem .65rem;
    border: 1px solid #34405a;
    border-radius: 7px;
    color: #c7d2e4;
    background: #141e30;
    font: inherit;
    font-size: .75rem;
    white-space: nowrap;
    cursor: pointer;
}

.toolbar-main > .toolbar-action[b-lsvn10o1of] {
    min-height: 42px;
}

.toolbar-action:hover[b-lsvn10o1of], .scope-switch:hover[b-lsvn10o1of], .fit-switch:hover[b-lsvn10o1of], .view-switch button:hover[b-lsvn10o1of], .folder-tools summary:hover[b-lsvn10o1of] {
    border-color: #8e71c8;
    background: #25203b;
    color: #f5f0ff;
}

.toolbar-action:disabled[b-lsvn10o1of] {
    opacity: .4;
    cursor: not-allowed;
}

.toolbar-action.primary[b-lsvn10o1of] {
    background: #7248d4;
    color: white;
    border-color: #9875e8;
}

.toolbar-action.primary:hover[b-lsvn10o1of] {
    background: #8457e8;
}

.scope-switch[b-lsvn10o1of] {
    border-color: transparent;
    background: transparent;
    color: #a9b7ca;
}

.scope-switch.active[b-lsvn10o1of] {
    color: #c4b5fd;
    background: #221d35;
}

.options-spacer[b-lsvn10o1of] {
    flex: 1;
}

.view-switch[b-lsvn10o1of] {
    display: flex;
    padding: 2px;
    border: 1px solid #303a50;
    border-radius: 8px;
}

.view-switch button[b-lsvn10o1of] {
    min-height: 30px;
    padding: .3rem .45rem;
    border: 0;
    background: transparent;
}

.view-switch button.active[b-lsvn10o1of] {
    background: #362956;
    color: #e2d4ff;
}

.thumbnail-scale[b-lsvn10o1of] {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: #9aabc3;
    padding: 0 .15rem;
}

.thumbnail-scale input[b-lsvn10o1of] {
    width: 70px;
    accent-color: #ac8de9;
}

.toolbar-divider[b-lsvn10o1of] {
    width: 1px;
    height: 24px;
    background: #34405a;
}

.folder-tools[b-lsvn10o1of] {
    position: relative;
}

.folder-tools summary[b-lsvn10o1of] {
    list-style: none;
}

.folder-tools summary[b-lsvn10o1of]::-webkit-details-marker {
    display: none;
}

.folder-tools-menu[b-lsvn10o1of] {
    position: absolute;
    z-index: 30;
    right: 0;
    top: calc(100% + 6px);
    display: grid;
    gap: .3rem;
    min-width: 205px;
    padding: .55rem;
    border: 1px solid #49536b;
    border-radius: 10px;
    background: #151e30;
    box-shadow: 0 16px 36px #0008;
}

.folder-tools-menu small[b-lsvn10o1of] {
    padding: .25rem;
    color: #9aabc3;
    font-size: .7rem;
}

.folder-tools-menu button[b-lsvn10o1of] {
    justify-content: start;
    border-color: transparent;
}

button:focus-visible[b-lsvn10o1of], summary:focus-visible[b-lsvn10o1of], input:focus-visible[b-lsvn10o1of] {
    outline: 2px solid #c4a7ff;
    outline-offset: 3px;
}

@media (max-width: 850px) {
    .library-search[b-lsvn10o1of] {
        flex-basis: calc(100% - 300px);
    }
}

@media (max-width: 650px) {
    .library-toolbar[b-lsvn10o1of] {
        padding: .55rem;
    }

    .library-search[b-lsvn10o1of] {
        flex-basis: 100%;
    }

    .toolbar-main[b-lsvn10o1of]  .mud-select {
        flex: 1 1 40%;
    }

    .toolbar-main > .toolbar-action[b-lsvn10o1of] {
        flex: 1 1 40%;
    }

    .scope-switch[b-lsvn10o1of] {
        justify-content: start;
        width: 100%;
    }

    .options-spacer[b-lsvn10o1of], .thumbnail-scale[b-lsvn10o1of], .toolbar-divider[b-lsvn10o1of] {
        display: none;
    }

    .toolbar-options[b-lsvn10o1of] {
        gap: .4rem;
    }

    .toolbar-options > .toolbar-action span[b-lsvn10o1of] {
        display: none;
    }

    .toolbar-options > .toolbar-action[b-lsvn10o1of] {
        padding: .4rem;
    }

    .folder-tools[b-lsvn10o1of] {
        margin-left: auto;
    }
}
/* /Components/IndexImages/ImageLightbox.razor.rz.scp.css */
.image-lightbox[b-v0rxv5hg21] {
    position: fixed;
    z-index: 1500;
    inset: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    color: #e5eaf2;
    background: #050810;
    outline: none;
    animation: lightbox-in-b-v0rxv5hg21 0.18s ease-out;
}

.image-lightbox > header[b-v0rxv5hg21],
.image-lightbox > footer[b-v0rxv5hg21] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.62rem 0.8rem;
    border-color: rgba(148, 163, 184, 0.1);
    background: rgba(8, 13, 24, 0.94);
    backdrop-filter: blur(18px);
}

.image-lightbox > header[b-v0rxv5hg21] {
    justify-content: space-between;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.image-lightbox > footer[b-v0rxv5hg21] {
    justify-content: center;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.lightbox-title span[b-v0rxv5hg21],
.lightbox-title strong[b-v0rxv5hg21],
.lightbox-title small[b-v0rxv5hg21] {
    display: block;
}

.lightbox-title span[b-v0rxv5hg21] {
    color: #7d6ba8;
    font: 800 0.45rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.14em;
}

.lightbox-title strong[b-v0rxv5hg21] {
    margin-top: 0.12rem;
    font-size: 0.73rem;
}

.lightbox-title small[b-v0rxv5hg21] {
    margin-top: 0.1rem;
    color: #627087;
    font-size: 0.49rem;
}

.lightbox-actions[b-v0rxv5hg21],
.tool-group[b-v0rxv5hg21],
.zoom-tools[b-v0rxv5hg21],
.background-tools[b-v0rxv5hg21] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.lightbox-actions button[b-v0rxv5hg21],
.lightbox-actions a[b-v0rxv5hg21],
.tool-group button[b-v0rxv5hg21],
.zoom-tools button[b-v0rxv5hg21] {
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    padding: 0 0.45rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #8794a8;
    background: transparent;
    font-size: 0.51rem;
    text-decoration: none;
    cursor: pointer;
}

.lightbox-actions button:hover[b-v0rxv5hg21],
.lightbox-actions a:hover[b-v0rxv5hg21],
.tool-group button:hover[b-v0rxv5hg21],
.tool-group button.active[b-v0rxv5hg21],
.zoom-tools button:hover[b-v0rxv5hg21] {
    color: white;
    border-color: rgba(167, 139, 250, 0.15);
    background: rgba(124, 77, 255, 0.1);
}

.lightbox-actions .close:hover[b-v0rxv5hg21] {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.1);
}

.lightbox-stage[b-v0rxv5hg21] {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    overflow: hidden;
}

.background-dark .lightbox-stage[b-v0rxv5hg21] {
    background: #05070c;
}

.background-light .lightbox-stage[b-v0rxv5hg21] {
    background: #e8ebef;
}

.background-checker .lightbox-stage[b-v0rxv5hg21] {
    background-color: #0b101b;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.035) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.035) 75%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.035) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.035) 75%);
    background-size: 24px 24px;
    background-position: 0 0, 12px 12px;
}

.image-scroll[b-v0rxv5hg21] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: 1.5rem;
}

.image-scroll img[b-v0rxv5hg21] {
    display: block;
    flex: 0 0 auto;
    transform: rotate(var(--rotation));
    transform-origin: center;
    filter: drop-shadow(0 24px 45px rgba(0, 0, 0, 0.42));
    user-select: none;
}

.lightbox-stage.fit .image-scroll img[b-v0rxv5hg21] {
    max-width: calc(100vw - 150px);
    max-height: calc(100vh - 155px);
    width: auto;
    height: auto;
}

.lightbox-stage.actual .image-scroll img[b-v0rxv5hg21] {
    max-width: none;
    height: auto;
}

.gallery-nav[b-v0rxv5hg21] {
    position: relative;
    z-index: 3;
    width: 46px;
    height: 70px;
    display: grid;
    place-items: center;
    margin: 0.7rem;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 12px;
    color: #9aa8bc;
    background: rgba(4, 8, 16, 0.62);
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.gallery-nav:hover:not(:disabled)[b-v0rxv5hg21] {
    color: white;
    border-color: rgba(167, 139, 250, 0.35);
    background: rgba(124, 77, 255, 0.15);
}

.gallery-nav:disabled[b-v0rxv5hg21] {
    opacity: 0.22;
    cursor: default;
}

.one-one[b-v0rxv5hg21] {
    font: 800 0.52rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.zoom-tools[b-v0rxv5hg21] {
    margin: 0 0.6rem;
}

.zoom-tools input[b-v0rxv5hg21] {
    width: min(220px, 18vw);
    accent-color: #8b5cf6;
}

.zoom-tools output[b-v0rxv5hg21] {
    min-width: 42px;
    color: #8f9cb0;
    font: 0.5rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.background-tools button[b-v0rxv5hg21] {
    width: 25px;
    height: 25px;
    padding: 0;
    border: 2px solid rgba(148, 163, 184, 0.15);
    border-radius: 50%;
    cursor: pointer;
}

.background-tools button.active[b-v0rxv5hg21] {
    border-color: #a78bfa;
    box-shadow: 0 0 0 2px rgba(124, 77, 255, 0.18);
}

.background-tools .dark[b-v0rxv5hg21] {
    background: #05070c;
}

.background-tools .light[b-v0rxv5hg21] {
    background: #e8ebef;
}

.background-tools .checker[b-v0rxv5hg21] {
    background-color: #1a2230;
    background-image: linear-gradient(45deg, #354052 25%, transparent 25%, transparent 75%, #354052 75%);
    background-size: 8px 8px;
}

.shortcut-hint[b-v0rxv5hg21] {
    margin-left: auto;
    color: #475469;
    font-size: 0.45rem;
}

@keyframes lightbox-in-b-v0rxv5hg21 {
    from {
        opacity: 0;
        transform: scale(0.992);
    }
}

@media (max-width: 760px) {
    .lightbox-title small[b-v0rxv5hg21],
    .shortcut-hint[b-v0rxv5hg21],
    .tool-group button span[b-v0rxv5hg21] {
        display: none;
    }

    .gallery-nav[b-v0rxv5hg21] {
        width: 34px;
        margin: 0.25rem;
    }

    .image-scroll[b-v0rxv5hg21] {
        padding: 0.5rem;
    }

    .lightbox-stage.fit .image-scroll img[b-v0rxv5hg21] {
        max-width: calc(100vw - 80px);
    }

    .image-lightbox > footer[b-v0rxv5hg21] {
        flex-wrap: wrap;
    }

    .zoom-tools input[b-v0rxv5hg21] {
        width: 110px;
    }
}
/* /Components/IndexImages/ImageOperationProgress.razor.rz.scp.css */
.operation-progress-dock[b-0zu5m6ceah] {
    position: fixed;
    z-index: 30;
    right: 1.1rem;
    bottom: 1.1rem;
    width: min(450px, calc(100vw - 2rem));
    display: grid;
    grid-template-columns: 42px 1fr auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.68rem;
    border: 1px solid rgba(167, 139, 250, 0.3);
    border-radius: 13px 4px 13px 4px;
    color: #dce4ef;
    background: rgba(7, 11, 23, 0.96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55), inset 0 0 26px rgba(124, 77, 255, 0.045);
    backdrop-filter: blur(18px);
    animation: processor-enter-b-0zu5m6ceah 180ms ease-out;
}

.processor-mark[b-0zu5m6ceah] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.22);
    border-radius: 10px 3px 10px 3px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.1);
}

.progress-copy[b-0zu5m6ceah] {
    min-width: 0;
    display: grid;
    gap: 0.34rem;
}

.progress-copy header[b-0zu5m6ceah],
.progress-copy footer[b-0zu5m6ceah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.progress-copy header span[b-0zu5m6ceah] {
    color: #8772b7;
    font: 800 0.46rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.12em;
}

.progress-copy header strong[b-0zu5m6ceah] {
    color: #ddd6fe;
    font: 800 0.58rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.progress-track[b-0zu5m6ceah] {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.1);
}

.progress-track i[b-0zu5m6ceah] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #6941d6, #a78bfa);
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.45);
    transition: width 160ms ease;
}

.operation-progress-dock.neural[b-0zu5m6ceah] {
    border-color: rgba(103, 232, 249, 0.28);
}

.operation-progress-dock.neural .processor-mark[b-0zu5m6ceah] {
    color: #c6f8ff;
    border-color: rgba(103, 232, 249, 0.22);
    background: rgba(103, 232, 249, 0.07);
}

.operation-progress-dock.neural .progress-copy header span[b-0zu5m6ceah] {
    color: #63bac7;
}

.operation-progress-dock.neural .progress-track i[b-0zu5m6ceah] {
    background: linear-gradient(90deg, #7c4dff, #67e8f9);
    box-shadow: 0 0 10px rgba(103, 232, 249, 0.4);
}

.operation-progress-dock.amber[b-0zu5m6ceah] {
    border-color: rgba(245, 158, 11, 0.25);
}

.operation-progress-dock.amber .processor-mark[b-0zu5m6ceah] {
    color: #f7d48d;
    border-color: rgba(245, 158, 11, 0.2);
    background: rgba(245, 158, 11, 0.07);
}

.operation-progress-dock.amber .progress-copy header span[b-0zu5m6ceah] {
    color: #b68a40;
}

.operation-progress-dock.amber .progress-track i[b-0zu5m6ceah] {
    background: linear-gradient(90deg, #8b5cf6, #f59e0b);
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.35);
}

.progress-copy footer span[b-0zu5m6ceah] {
    min-width: 0;
    overflow: hidden;
    color: #8d9aaf;
    font-size: 0.53rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress-copy footer small[b-0zu5m6ceah] {
    flex: 0 0 auto;
    color: #58667b;
    font-size: 0.46rem;
}

.operation-progress-dock > button[b-0zu5m6ceah] {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0 0.48rem;
    border: 1px solid rgba(248, 113, 113, 0.18);
    border-radius: 7px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.06);
    font-size: 0.52rem;
    font-weight: 800;
    cursor: pointer;
}

.operation-progress-dock > button:hover[b-0zu5m6ceah] {
    border-color: rgba(248, 113, 113, 0.35);
    background: rgba(239, 68, 68, 0.11);
}

@keyframes processor-enter-b-0zu5m6ceah {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 560px) {
    .operation-progress-dock[b-0zu5m6ceah] {
        right: 0.65rem;
        bottom: 0.65rem;
        width: calc(100vw - 1.3rem);
        grid-template-columns: 34px 1fr auto;
    }

    .processor-mark[b-0zu5m6ceah] {
        width: 34px;
        height: 34px;
    }

    .progress-copy footer small[b-0zu5m6ceah] {
        display: none;
    }
}
/* /Components/IndexImages/ImageQuickAccess.razor.rz.scp.css */
.quick-access[b-cdn64k34p5] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    overflow-x: auto;
    padding: .15rem .2rem .4rem;
    scrollbar-width: thin;
}

.quick-label[b-cdn64k34p5] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: #b6a0ef;
    font-size: .72rem;
    flex-shrink: 0;
}

.quick-hint[b-cdn64k34p5] {
    color: #8d9bb0;
    font-size: .72rem;
}

.quick-folder[b-cdn64k34p5] {
    display: flex;
    flex-shrink: 0;
    border: 1px solid #2a344b;
    border-radius: 7px;
    background: #111a2b;
}

.quick-folder.active[b-cdn64k34p5] {
    border-color: #9471dc;
    background: #242039;
}

button[b-cdn64k34p5] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-height: 32px;
    padding: .3rem .5rem;
    border: 0;
    border-radius: 6px;
    color: #d1dbea;
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-size: .72rem;
}

button span[b-cdn64k34p5] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unpin[b-cdn64k34p5] {
    color: #8d9bb0;
    padding: .25rem;
}

button:hover[b-cdn64k34p5] {
    background: #302841;
    color: #fff;
}

button:focus-visible[b-cdn64k34p5] {
    outline: 2px solid #bba1ff;
    outline-offset: 2px;
}
/* /Components/IndexImages/ImageUploadDock.razor.rz.scp.css */
.upload-dock[b-n8p14wdq5k] {
    position: relative;
    overflow: hidden;
    padding: 1rem;
    border: 1px dashed rgba(167, 139, 250, 0.3);
    border-radius: 17px;
    background: radial-gradient(
            circle at 8% 20%,
            rgba(124, 77, 255, 0.12),
            transparent 28%
    ),
    linear-gradient(145deg, rgba(16, 23, 42, 0.96), rgba(7, 11, 22, 0.96));
    box-shadow: inset 0 0 40px rgba(124, 77, 255, 0.025);
}

.upload-dock.collapsed[b-n8p14wdq5k] {
    display: none;
}

.upload-dock.dragging[b-n8p14wdq5k] {
    border-color: #c4b5fd;
    box-shadow: inset 0 0 55px rgba(124, 77, 255, 0.12),
    0 0 0 3px rgba(124, 77, 255, 0.07);
}

.upload-dock > input[b-n8p14wdq5k] {
    display: none;
}

.upload-dock > header[b-n8p14wdq5k] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
}

.upload-mark[b-n8p14wdq5k] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 12px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.1);
}

.upload-dock header span[b-n8p14wdq5k],
.upload-dock header strong[b-n8p14wdq5k],
.upload-dock header small[b-n8p14wdq5k] {
    display: block;
}

.upload-dock header span[b-n8p14wdq5k] {
    color: #806cae;
    font: 0.48rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
    letter-spacing: 0.15em;
}

.upload-dock header strong[b-n8p14wdq5k] {
    margin-top: 0.15rem;
    color: #e3e8f2;
    font-size: 0.82rem;
}

.upload-dock header small[b-n8p14wdq5k] {
    margin-top: 0.16rem;
    color: #68778e;
    font-size: 0.57rem;
}

.upload-dock header > button[b-n8p14wdq5k] {
    padding: 0.3rem;
    border: 0;
    color: #64748b;
    background: transparent;
    cursor: pointer;
}

.upload-controls[b-n8p14wdq5k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(148, 163, 184, 0.07);
}

.upload-controls > button[b-n8p14wdq5k] {
    height: 35px;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    color: #a8b4c7;
    background: rgba(148, 163, 184, 0.035);
    font-size: 0.59rem;
    font-weight: 800;
    cursor: pointer;
}

.upload-controls > button.primary[b-n8p14wdq5k] {
    color: white;
    border-color: rgba(167, 139, 250, 0.28);
    background: #6d45dc;
}

.upload-controls > label[b-n8p14wdq5k] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    margin-left: 0.25rem;
    color: #78869c;
    font-size: 0.57rem;
}

.upload-controls input[b-n8p14wdq5k] {
    accent-color: #8b5cf6;
}

.upload-controls code[b-n8p14wdq5k] {
    min-width: 0;
    margin-left: auto;
    overflow: hidden;
    color: #5e6c81;
    font-size: 0.52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-queue[b-n8p14wdq5k] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.8rem;
}

.upload-queue article[b-n8p14wdq5k] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.07);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.3);
}

.job-icon[b-n8p14wdq5k] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: #9f8fd0;
    background: rgba(124, 77, 255, 0.08);
}

.upload-queue article > div[b-n8p14wdq5k] {
    position: relative;
    min-width: 0;
    padding-bottom: 0.35rem;
}

.upload-queue strong[b-n8p14wdq5k],
.upload-queue small[b-n8p14wdq5k] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-queue strong[b-n8p14wdq5k] {
    color: #b9c4d4;
    font-size: 0.58rem;
}

.upload-queue small[b-n8p14wdq5k] {
    margin-top: 0.1rem;
    color: #5f6d82;
    font-size: 0.5rem;
}

.upload-queue i[b-n8p14wdq5k] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(148, 163, 184, 0.08);
}

.upload-queue i[b-n8p14wdq5k]::after {
    content: "";
    display: block;
    width: var(--progress);
    height: 100%;
    background: #8b5cf6;
}

.upload-queue em[b-n8p14wdq5k] {
    color: #6d7a8e;
    font: 0.5rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}

.upload-queue article.complete .job-icon[b-n8p14wdq5k] {
    color: #86efac;
    background: rgba(34, 197, 94, 0.08);
}

.upload-queue article.complete i[b-n8p14wdq5k]::after {
    background: #22c55e;
}

.upload-queue article.failed .job-icon[b-n8p14wdq5k] {
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.08);
}

.upload-queue article.failed i[b-n8p14wdq5k]::after {
    background: #ef4444;
}

.upload-queue-hint[b-n8p14wdq5k] {
    margin: 12px 0 0;
    color: #9faac4;
    font-size: 12px;
}

@media (max-width: 700px) {
    .upload-controls[b-n8p14wdq5k] {
        flex-wrap: wrap;
    }

    .upload-controls code[b-n8p14wdq5k] {
        width: 100%;
        margin-left: 0;
    }

    .upload-dock header small[b-n8p14wdq5k] {
        display: none;
    }
}
/* /Components/IndexImages/MoveImagesDialog.razor.rz.scp.css */
.image-operation-dialog[b-ddhuza2v3q] {
    display: grid;
    gap: 0.85rem;
}

.dialog-icon[b-ddhuza2v3q] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 13px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.1);
}

.image-operation-dialog small[b-ddhuza2v3q] {
    color: #806cae;
    font: 0.5rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.image-operation-dialog h2[b-ddhuza2v3q] {
    margin: 0.2rem 0 0.35rem;
    color: #e5eaf2;
    font-size: 1.1rem;
}

.image-operation-dialog p[b-ddhuza2v3q] {
    margin: 0;
    color: #78869b;
    font-size: 0.65rem;
    line-height: 1.55;
}

.image-operation-dialog code[b-ddhuza2v3q] {
    color: #b8a6e6;
}

.destination-chips[b-ddhuza2v3q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 9px;
    background: rgba(2, 6, 23, 0.25);
}

.destination-chips button[b-ddhuza2v3q] {
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 7px;
    color: #8491a6;
    background: rgba(148, 163, 184, 0.035);
    font-size: 0.55rem;
    cursor: pointer;
}

.destination-chips button:hover[b-ddhuza2v3q],
.destination-chips button.active[b-ddhuza2v3q] {
    color: #ddd6fe;
    border-color: rgba(167, 139, 250, 0.3);
    background: rgba(124, 77, 255, 0.12);
}

.transfer-note[b-ddhuza2v3q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #5e6d83;
    font-size: 0.54rem;
}
/* /Components/IndexImages/RenameImageAssetDialog.razor.rz.scp.css */
.image-operation-dialog[b-13vv8mc4q4] {
    min-width: min(470px, 75vw);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    padding-top: 0.2rem;
}

.dialog-icon[b-13vv8mc4q4] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, 0.1);
}

.image-operation-dialog small[b-13vv8mc4q4] {
    color: #806cae;
    font-size: 0.52rem;
    letter-spacing: 0.12em;
}

.image-operation-dialog h2[b-13vv8mc4q4] {
    margin: 0.18rem 0;
    color: #e2e8f0;
    font-size: 1rem;
}

.image-operation-dialog p[b-13vv8mc4q4] {
    margin: 0;
    color: #718096;
    font-size: 0.62rem;
    line-height: 1.5;
}

.image-operation-dialog[b-13vv8mc4q4]  .mud-input-control {
    grid-column: 1 / -1;
    margin-top: 0.35rem;
}
/* /Components/IndexImages/ResizeImagesDialog.razor.rz.scp.css */
.resize-dialog[b-pizoal20o3] {
    --ink: #e8edf6;
    --muted: #7d8ba2;
    --violet: #a78bfa;
    --line: rgba(148, 163, 184, 0.11);
    display: grid;
    gap: 0.85rem;
    color: var(--ink);
}

.resize-heading[b-pizoal20o3] {
    position: relative;
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 0.8rem;
    align-items: start;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--line);
}

.resize-heading[b-pizoal20o3]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 72px;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, #8b5cf6);
}

.resize-icon[b-pizoal20o3] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.28);
    border-radius: 14px 4px 14px 4px;
    color: #d8ccff;
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.2), rgba(30, 41, 59, 0.08)),
    rgba(2, 6, 23, 0.38);
    box-shadow: inset 0 0 18px rgba(124, 77, 255, 0.08);
}

.resize-heading small[b-pizoal20o3],
.section-caption > span[b-pizoal20o3],
.impact-grid span[b-pizoal20o3],
.dimension-preview small[b-pizoal20o3] {
    color: #846eb7;
    font: 800 0.5rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.12em;
}

.resize-heading h2[b-pizoal20o3] {
    margin: 0.2rem 0 0.25rem;
    font-size: 1.18rem;
    letter-spacing: -0.025em;
}

.resize-heading p[b-pizoal20o3] {
    max-width: 580px;
    margin: 0;
    color: var(--muted);
    font-size: 0.65rem;
    line-height: 1.55;
}

.resize-heading code[b-pizoal20o3] {
    color: #c4b5fd;
}

.scope-panel[b-pizoal20o3],
.resize-section[b-pizoal20o3] {
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.24);
}

.scope-panel[b-pizoal20o3] {
    padding: 0.68rem;
}

.scope-title[b-pizoal20o3],
.scope-title > span[b-pizoal20o3],
.recursive-toggle[b-pizoal20o3],
.scope-loading[b-pizoal20o3],
.scope-error[b-pizoal20o3],
.format-line[b-pizoal20o3],
.quality-toggle[b-pizoal20o3],
.revision-note[b-pizoal20o3] {
    display: flex;
    align-items: center;
}

.scope-title[b-pizoal20o3] {
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}

.scope-title > span[b-pizoal20o3] {
    gap: 0.35rem;
    color: #c6d0df;
    font-size: 0.63rem;
    font-weight: 800;
}

.scope-title > span[b-pizoal20o3]  .mud-icon-root {
    color: #9b87d7;
}

.recursive-toggle[b-pizoal20o3] {
    gap: 0.38rem;
    color: #9ca9bc;
    font-size: 0.58rem;
    cursor: pointer;
}

.recursive-toggle input[b-pizoal20o3],
.quality-toggle input[b-pizoal20o3] {
    accent-color: #8b5cf6;
}

.scope-loading[b-pizoal20o3],
.scope-error[b-pizoal20o3] {
    min-height: 52px;
    justify-content: center;
    gap: 0.45rem;
    color: #77869c;
    font-size: 0.6rem;
}

.scope-error[b-pizoal20o3] {
    justify-content: flex-start;
    color: #fca5a5;
}

.impact-grid[b-pizoal20o3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.42rem;
}

.impact-grid article[b-pizoal20o3] {
    display: grid;
    gap: 0.16rem;
    padding: 0.55rem 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.36);
}

.impact-grid strong[b-pizoal20o3] {
    color: #ddd6fe;
    font: 800 0.88rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.format-line[b-pizoal20o3] {
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.5rem;
}

.format-line span[b-pizoal20o3] {
    padding: 0.2rem 0.4rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 5px;
    color: #68768c;
    background: rgba(15, 23, 42, 0.24);
    font: 700 0.48rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.format-line strong[b-pizoal20o3] {
    margin-left: 0.2rem;
    color: #a89bcf;
}

.resize-section[b-pizoal20o3] {
    display: grid;
    gap: 0.65rem;
    padding: 0.72rem;
}

.section-caption[b-pizoal20o3] {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 0.45rem;
    align-items: start;
}

.section-caption > span[b-pizoal20o3] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, 0.18);
    border-radius: 6px;
    background: rgba(124, 77, 255, 0.07);
}

.section-caption div[b-pizoal20o3] {
    display: grid;
    gap: 0.05rem;
}

.section-caption strong[b-pizoal20o3] {
    color: #cfd7e5;
    font-size: 0.66rem;
}

.section-caption small[b-pizoal20o3] {
    color: #64738a;
    font-size: 0.54rem;
}

.mode-grid[b-pizoal20o3],
.output-grid[b-pizoal20o3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
}

.mode-grid button[b-pizoal20o3],
.output-grid button[b-pizoal20o3] {
    position: relative;
    min-height: 62px;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 0.5rem;
    align-items: center;
    padding: 0.48rem 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    color: #77869c;
    text-align: left;
    background: rgba(15, 23, 42, 0.3);
    cursor: pointer;
    transition: 120ms ease;
}

.mode-grid button:hover[b-pizoal20o3],
.output-grid button:hover[b-pizoal20o3],
.mode-grid button.active[b-pizoal20o3],
.output-grid button.active[b-pizoal20o3] {
    color: #c4b5fd;
    border-color: rgba(167, 139, 250, 0.34);
    background: rgba(124, 77, 255, 0.1);
    box-shadow: inset 3px 0 #7c4dff;
}

.mode-grid button[b-pizoal20o3]  .mud-icon-root,
.output-grid button[b-pizoal20o3]  .mud-icon-root {
    justify-self: center;
}

.mode-grid button span[b-pizoal20o3],
.output-grid button span[b-pizoal20o3] {
    display: grid;
    gap: 0.08rem;
}

.mode-grid button strong[b-pizoal20o3],
.output-grid button strong[b-pizoal20o3] {
    color: #b7c2d2;
    font-size: 0.62rem;
}

.mode-grid button.active strong[b-pizoal20o3],
.output-grid button.active strong[b-pizoal20o3] {
    color: #ede9fe;
}

.mode-grid button small[b-pizoal20o3],
.output-grid button small[b-pizoal20o3] {
    color: #637188;
    font-size: 0.5rem;
}

.mode-grid button > i[b-pizoal20o3],
.output-grid button > i[b-pizoal20o3] {
    position: absolute;
    top: 0.3rem;
    right: 0.35rem;
    color: #8b7db2;
    font: normal 800 0.4rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.06em;
}

.dimension-row[b-pizoal20o3],
.percentage-row[b-pizoal20o3] {
    display: flex;
    align-items: end;
    gap: 0.55rem;
}

.dimension-row label[b-pizoal20o3],
.percentage-row label[b-pizoal20o3],
.suffix-field[b-pizoal20o3] {
    display: grid;
    flex: 1;
    gap: 0.28rem;
    color: #7b8aa0;
    font-size: 0.52rem;
    font-weight: 800;
}

.dimension-row label > div[b-pizoal20o3],
.percentage-row label > div[b-pizoal20o3],
.suffix-field > div[b-pizoal20o3] {
    display: flex;
    align-items: center;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.4);
}

.dimension-row input[b-pizoal20o3],
.percentage-row input[b-pizoal20o3],
.suffix-field input[b-pizoal20o3] {
    min-width: 0;
    flex: 1;
    height: 38px;
    padding: 0 0.62rem;
    border: 0;
    outline: 0;
    color: #e5e7eb;
    background: transparent;
    font: 800 0.76rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.dimension-row i[b-pizoal20o3],
.percentage-row i[b-pizoal20o3] {
    padding-right: 0.55rem;
    color: #665982;
    font: normal 800 0.45rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.dimension-x[b-pizoal20o3] {
    padding-bottom: 0.55rem;
    color: #5e6b80;
}

.preset-row[b-pizoal20o3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.percentage-row .preset-row[b-pizoal20o3] {
    padding-bottom: 0.05rem;
}

.preset-row button[b-pizoal20o3] {
    height: 28px;
    padding: 0 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 6px;
    color: #748299;
    background: rgba(15, 23, 42, 0.32);
    font: 700 0.5rem ui-monospace, SFMono-Regular, Consolas, monospace;
    cursor: pointer;
}

.preset-row button:hover[b-pizoal20o3],
.preset-row button.active[b-pizoal20o3] {
    color: #ddd6fe;
    border-color: rgba(167, 139, 250, 0.3);
    background: rgba(124, 77, 255, 0.12);
}

.dimension-preview[b-pizoal20o3] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.62rem;
    border: 1px dashed rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.22);
}

.dimension-preview > span[b-pizoal20o3] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.dimension-preview small[b-pizoal20o3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dimension-preview strong[b-pizoal20o3] {
    color: #aab6c8;
    font: 800 0.64rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.dimension-preview .output[b-pizoal20o3] {
    text-align: right;
}

.dimension-preview .output strong[b-pizoal20o3] {
    color: #c4b5fd;
}

.dimension-preview[b-pizoal20o3] >  .mud-icon-root {
    color: #564c70;
}

.quality-toggle[b-pizoal20o3] {
    gap: 0.48rem;
    padding: 0.48rem 0.55rem;
    border-radius: 7px;
    background: rgba(15, 23, 42, 0.24);
    cursor: pointer;
}

.quality-toggle span[b-pizoal20o3] {
    display: grid;
    gap: 0.08rem;
}

.quality-toggle strong[b-pizoal20o3] {
    color: #aab6c8;
    font-size: 0.58rem;
}

.quality-toggle small[b-pizoal20o3] {
    color: #627087;
    font-size: 0.5rem;
}

.suffix-field > div[b-pizoal20o3] {
    padding: 0 0.42rem;
}

.suffix-field code[b-pizoal20o3] {
    color: #5f6e84;
    font-size: 0.57rem;
}

.suffix-field input[b-pizoal20o3] {
    padding: 0 0.2rem;
    color: #c4b5fd;
}

.revision-note[b-pizoal20o3] {
    gap: 0.42rem;
    padding: 0.48rem 0.55rem;
    border: 1px solid rgba(167, 139, 250, 0.1);
    border-radius: 7px;
    color: #7d8aa0;
    background: rgba(124, 77, 255, 0.045);
    font-size: 0.53rem;
    line-height: 1.45;
}

.revision-note[b-pizoal20o3]  .mud-icon-root {
    flex: 0 0 auto;
    color: #9b87d7;
}

.settings-error[b-pizoal20o3] {
    color: #fca5a5;
    font-size: 0.54rem;
}

@media (max-width: 620px) {
    .mode-grid[b-pizoal20o3],
    .output-grid[b-pizoal20o3],
    .impact-grid[b-pizoal20o3] {
        grid-template-columns: 1fr;
    }

    .impact-grid[b-pizoal20o3] {
        grid-template-columns: repeat(3, 1fr);
    }

    .dimension-row[b-pizoal20o3],
    .percentage-row[b-pizoal20o3] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .percentage-row > label[b-pizoal20o3] {
        flex-basis: 100%;
    }

    .resize-heading[b-pizoal20o3] {
        grid-template-columns: 44px 1fr;
    }

    .resize-icon[b-pizoal20o3] {
        width: 44px;
        height: 44px;
    }
}
/* /Components/IndexImages/SmartRenameDialog.razor.rz.scp.css */
.smart-rename-dialog[b-h5p8sa3co3] {
    --ink: #e7edf6;
    --muted: #748298;
    --violet: #a78bfa;
    --line: rgba(148, 163, 184, 0.11);
    display: grid;
    gap: 0.82rem;
    color: var(--ink);
}

.rename-heading[b-h5p8sa3co3] {
    position: relative;
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 0.8rem;
    align-items: start;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--line);
}

.rename-heading[b-h5p8sa3co3]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 105px;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, #f59e0b 45%, #8b5cf6);
}

.rename-mark[b-h5p8sa3co3] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 15px 4px 15px 4px;
    color: #f8d48b;
    background: linear-gradient(145deg, rgba(245, 158, 11, 0.12), rgba(124, 77, 255, 0.12)),
    rgba(2, 6, 23, 0.4);
    box-shadow: inset 0 0 20px rgba(245, 158, 11, 0.04);
}

.rename-heading small[b-h5p8sa3co3],
.section-caption > span[b-h5p8sa3co3] {
    color: #8b73bb;
    font: 800 0.5rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.12em;
}

.rename-heading h2[b-h5p8sa3co3] {
    margin: 0.2rem 0 0.24rem;
    font-size: 1.18rem;
    letter-spacing: -0.025em;
}

.rename-heading p[b-h5p8sa3co3] {
    max-width: 590px;
    margin: 0;
    color: var(--muted);
    font-size: 0.64rem;
    line-height: 1.55;
}

.rename-scope[b-h5p8sa3co3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.54rem 0.68rem;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(2, 6, 23, 0.25);
}

.rename-scope > span[b-h5p8sa3co3],
.rename-scope label[b-h5p8sa3co3] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
}

.rename-scope > span[b-h5p8sa3co3] {
    min-width: 0;
    color: #a9b5c7;
    font-size: 0.59rem;
}

.rename-scope > span strong[b-h5p8sa3co3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rename-scope > span[b-h5p8sa3co3]  .mud-icon-root {
    color: #a78bfa;
}

.rename-scope label[b-h5p8sa3co3],
.match-case[b-h5p8sa3co3] {
    color: #8492a7;
    font-size: 0.54rem;
    cursor: pointer;
}

.rename-scope input[b-h5p8sa3co3],
.match-case input[b-h5p8sa3co3],
.rule-toggle input[b-h5p8sa3co3] {
    accent-color: #8b5cf6;
}

.rename-section[b-h5p8sa3co3] {
    display: grid;
    gap: 0.64rem;
    padding: 0.72rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.24);
}

.section-caption[b-h5p8sa3co3] {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 0.46rem;
    align-items: start;
}

.section-caption > span[b-h5p8sa3co3] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(245, 158, 11, 0.15);
    border-radius: 7px 2px 7px 2px;
    color: #c99b48;
    background: rgba(245, 158, 11, 0.035);
}

.section-caption div[b-h5p8sa3co3] {
    display: grid;
    gap: 0.05rem;
}

.section-caption strong[b-h5p8sa3co3] {
    color: #cfd7e5;
    font-size: 0.66rem;
}

.section-caption small[b-h5p8sa3co3] {
    color: #64738a;
    font-size: 0.53rem;
}

.preset-grid[b-h5p8sa3co3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
}

.preset-grid button[b-h5p8sa3co3] {
    position: relative;
    min-height: 62px;
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 0.45rem;
    align-items: center;
    padding: 0.48rem 0.52rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 8px;
    color: #77869c;
    text-align: left;
    background: rgba(15, 23, 42, 0.3);
    cursor: pointer;
    transition: 120ms ease;
}

.preset-grid button:hover[b-h5p8sa3co3] {
    color: #f5d99f;
    border-color: rgba(245, 158, 11, 0.24);
    background: linear-gradient(110deg, rgba(245, 158, 11, 0.07), rgba(124, 77, 255, 0.065));
    transform: translateY(-1px);
}

.preset-grid button span[b-h5p8sa3co3] {
    display: grid;
    gap: 0.08rem;
}

.preset-grid strong[b-h5p8sa3co3] {
    color: #b7c2d2;
    font-size: 0.59rem;
}

.preset-grid small[b-h5p8sa3co3] {
    color: #637188;
    font-size: 0.47rem;
}

.preset-grid i[b-h5p8sa3co3] {
    position: absolute;
    top: 0.28rem;
    right: 0.32rem;
    color: #af8136;
    font: normal 800 0.38rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.06em;
}

.template-field[b-h5p8sa3co3],
.replace-grid label[b-h5p8sa3co3],
.detail-grid label[b-h5p8sa3co3] {
    display: grid;
    gap: 0.28rem;
    color: #7c8aa0;
    font-size: 0.51rem;
    font-weight: 800;
}

.template-field > div[b-h5p8sa3co3] {
    display: flex;
    align-items: center;
    border: 1px solid rgba(167, 139, 250, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.46);
    box-shadow: inset 3px 0 rgba(139, 92, 246, 0.55);
}

.template-field input[b-h5p8sa3co3],
.replace-grid input[b-h5p8sa3co3],
.detail-grid input[b-h5p8sa3co3],
.detail-grid select[b-h5p8sa3co3] {
    min-width: 0;
    height: 37px;
    padding: 0 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 7px;
    outline: 0;
    color: #d6deea;
    background: #080f1d;
    font: 0.61rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.template-field input[b-h5p8sa3co3] {
    flex: 1;
    border: 0;
    background: transparent;
    font-size: 0.72rem;
    font-weight: 800;
}

.template-field code[b-h5p8sa3co3] {
    padding-right: 0.55rem;
    color: #5b687d;
    font-size: 0.57rem;
}

.template-field > div:focus-within[b-h5p8sa3co3],
.replace-grid input:focus[b-h5p8sa3co3],
.detail-grid input:focus[b-h5p8sa3co3],
.detail-grid select:focus[b-h5p8sa3co3] {
    border-color: rgba(167, 139, 250, 0.42);
}

.token-row[b-h5p8sa3co3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
    align-items: center;
}

.token-row > span[b-h5p8sa3co3] {
    margin-right: 0.15rem;
    color: #536177;
    font: 800 0.42rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.1em;
}

.token-row button[b-h5p8sa3co3] {
    padding: 0.22rem 0.4rem;
    border: 1px solid rgba(167, 139, 250, 0.12);
    border-radius: 5px;
    color: #9b8cc5;
    background: rgba(124, 77, 255, 0.045);
    font: 700 0.48rem ui-monospace, SFMono-Regular, Consolas, monospace;
    cursor: pointer;
}

.token-row button:hover[b-h5p8sa3co3] {
    color: #ddd6fe;
    border-color: rgba(167, 139, 250, 0.28);
}

.replace-grid[b-h5p8sa3co3] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.5rem;
    align-items: end;
}

.replace-grid[b-h5p8sa3co3] >  .mud-icon-root {
    margin-bottom: 0.58rem;
    color: #4d596f;
}

.replace-grid label span[b-h5p8sa3co3] {
    display: flex;
    justify-content: space-between;
}

.replace-grid label small[b-h5p8sa3co3] {
    color: #536177;
    font-size: 0.44rem;
}

.match-case[b-h5p8sa3co3] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rule-grid[b-h5p8sa3co3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
}

.rule-toggle[b-h5p8sa3co3] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.42rem;
    align-items: start;
    padding: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.26);
    cursor: pointer;
}

.rule-toggle input[b-h5p8sa3co3] {
    margin-top: 0.12rem;
}

.rule-toggle span[b-h5p8sa3co3] {
    display: grid;
    gap: 0.08rem;
}

.rule-toggle strong[b-h5p8sa3co3] {
    color: #aab6c8;
    font-size: 0.55rem;
}

.rule-toggle small[b-h5p8sa3co3] {
    color: #617086;
    font-size: 0.47rem;
    line-height: 1.35;
}

.detail-grid[b-h5p8sa3co3] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 0.45rem;
}

.detail-grid select[b-h5p8sa3co3] {
    cursor: pointer;
}

.safety-note[b-h5p8sa3co3],
.preview-error[b-h5p8sa3co3] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.48rem 0.55rem;
    border: 1px solid rgba(167, 139, 250, 0.09);
    border-radius: 7px;
    color: #77859a;
    background: rgba(124, 77, 255, 0.035);
    font-size: 0.51rem;
    line-height: 1.45;
}

.safety-note[b-h5p8sa3co3]  .mud-icon-root {
    flex: 0 0 auto;
    color: #9d8bc8;
}

.preview-error[b-h5p8sa3co3] {
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.16);
    background: rgba(239, 68, 68, 0.045);
}

@media (max-width: 700px) {
    .preset-grid[b-h5p8sa3co3] {
        grid-template-columns: repeat(2, 1fr);
    }

    .rule-grid[b-h5p8sa3co3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .rename-heading[b-h5p8sa3co3] {
        grid-template-columns: 44px 1fr;
    }

    .rename-mark[b-h5p8sa3co3] {
        width: 44px;
        height: 44px;
    }

    .rename-scope[b-h5p8sa3co3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .preset-grid[b-h5p8sa3co3],
    .replace-grid[b-h5p8sa3co3],
    .detail-grid[b-h5p8sa3co3] {
        grid-template-columns: 1fr;
    }

    .replace-grid[b-h5p8sa3co3] >  .mud-icon-root {
        display: none;
    }
}
/* /Components/IndexImages/SmartRenamePreview.razor.rz.scp.css */
.rename-preview[b-cu62coz1mu] {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.11);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.32);
    transition: 140ms ease;
}

.rename-preview.stale[b-cu62coz1mu] {
    border-color: rgba(251, 191, 36, 0.18);
}

.rename-preview > header[b-cu62coz1mu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.58rem 0.68rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
    background: rgba(15, 23, 42, 0.32);
}

.rename-preview > header > div[b-cu62coz1mu] {
    display: grid;
    gap: 0.08rem;
}

.rename-preview > header span[b-cu62coz1mu],
.preview-stats span[b-cu62coz1mu],
.preview-list small[b-cu62coz1mu] {
    color: #7e6aaa;
    font: 800 0.45rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.11em;
}

.rename-preview > header strong[b-cu62coz1mu] {
    color: #c6d0df;
    font-size: 0.61rem;
}

.rename-preview > header > small[b-cu62coz1mu] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    color: #d6a936;
    font: 800 0.43rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.08em;
}

.rename-preview > header > small.ready[b-cu62coz1mu] {
    color: #71d8c1;
}

.preview-stats[b-cu62coz1mu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(148, 163, 184, 0.07);
}

.preview-stats article[b-cu62coz1mu] {
    display: grid;
    gap: 0.08rem;
    padding: 0.48rem 0.58rem;
    background: #080f1d;
}

.preview-stats strong[b-cu62coz1mu] {
    color: #aab7c9;
    font: 800 0.72rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.preview-stats .changed strong[b-cu62coz1mu] {
    color: #c4b5fd;
}

.preview-stats .conflict strong[b-cu62coz1mu] {
    color: #fca5a5;
}

.preview-list[b-cu62coz1mu] {
    max-height: 230px;
    overflow: auto;
}

.preview-list article[b-cu62coz1mu] {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) 18px minmax(0, 1fr) 20px;
    gap: 0.46rem;
    align-items: center;
    min-height: 45px;
    padding: 0.38rem 0.6rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.055);
}

.preview-list article:last-child[b-cu62coz1mu] {
    border-bottom: 0;
}

.status-dot[b-cu62coz1mu] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8b5cf6;
    box-shadow: 0 0 8px rgba(139, 92, 246, 0.45);
}

.preview-list article.unchanged .status-dot[b-cu62coz1mu] {
    background: #46556a;
    box-shadow: none;
}

.preview-list article.conflict .status-dot[b-cu62coz1mu] {
    background: #ef4444;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
}

.preview-list div[b-cu62coz1mu] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.preview-list strong[b-cu62coz1mu] {
    overflow: hidden;
    color: #8492a7;
    font: 0.57rem ui-monospace, SFMono-Regular, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-list div:nth-of-type(2) strong[b-cu62coz1mu] {
    color: #d8d0f4;
}

.preview-list article.unchanged strong[b-cu62coz1mu] {
    color: #56657a;
}

.preview-list > article[b-cu62coz1mu] >  .mud-icon-root {
    color: #4c5870;
}

.preview-list em[b-cu62coz1mu] {
    color: #f59e0b;
}

.preview-empty[b-cu62coz1mu] {
    display: grid;
    gap: 0.5rem;
    min-height: 76px;
    place-content: center;
    padding: 0.8rem;
    color: #66758b;
    text-align: center;
    font-size: 0.56rem;
}

.rename-preview > footer[b-cu62coz1mu] {
    padding: 0.42rem 0.62rem;
    border-top: 1px solid rgba(148, 163, 184, 0.07);
    color: #59677d;
    background: rgba(15, 23, 42, 0.24);
    font-size: 0.48rem;
}

@media (max-width: 540px) {
    .preview-list article[b-cu62coz1mu] {
        grid-template-columns: 7px minmax(0, 1fr) 16px minmax(0, 1fr);
    }

    .preview-list em[b-cu62coz1mu] {
        display: none;
    }
}
/* /Components/IndexImages/Waifu2xImagesDialog.razor.rz.scp.css */
.waifu-dialog[b-xzzr0droce] {
    --ink: #e7edf7;
    --muted: #77869c;
    --violet: #a78bfa;
    --cyan: #67e8f9;
    --line: rgba(148, 163, 184, 0.11);
    display: grid;
    gap: 0.82rem;
    color: var(--ink);
}

.waifu-heading[b-xzzr0droce] {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 70px;
    gap: 0.82rem;
    align-items: start;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
}

.waifu-heading > i[b-xzzr0droce] {
    height: 44px;
    margin-top: 5px;
    opacity: 0.55;
    background: repeating-linear-gradient(90deg, transparent 0 5px, rgba(103, 232, 249, 0.5) 5px 7px),
    linear-gradient(180deg, transparent 46%, rgba(167, 139, 250, 0.7) 47% 52%, transparent 53%);
    clip-path: polygon(0 42%, 12% 42%, 20% 15%, 29% 82%, 39% 30%, 48% 62%, 57% 42%, 100% 42%, 100% 58%, 62% 58%, 49% 78%, 39% 50%, 29% 95%, 17% 34%, 13% 58%, 0 58%);
}

.neural-mark[b-xzzr0droce] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(103, 232, 249, 0.24);
    border-radius: 4px 16px 4px 16px;
    color: #d9fbff;
    background: radial-gradient(circle at 28% 24%, rgba(103, 232, 249, 0.2), transparent 45%),
    linear-gradient(135deg, rgba(124, 77, 255, 0.18), rgba(2, 6, 23, 0.32));
    box-shadow: inset 0 0 22px rgba(103, 232, 249, 0.06), 0 0 24px rgba(124, 77, 255, 0.08);
}

.waifu-heading small[b-xzzr0droce],
.section-caption > span[b-xzzr0droce],
.impact-grid span[b-xzzr0droce],
.dimension-preview small[b-xzzr0droce] {
    color: #8875b9;
    font: 800 0.5rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.12em;
}

.waifu-heading h2[b-xzzr0droce] {
    margin: 0.18rem 0 0.24rem;
    font-size: 1.2rem;
    letter-spacing: -0.025em;
}

.waifu-heading p[b-xzzr0droce] {
    max-width: 540px;
    margin: 0;
    color: var(--muted);
    font-size: 0.65rem;
    line-height: 1.55;
}

.scope-panel[b-xzzr0droce],
.lab-section[b-xzzr0droce] {
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.25);
}

.scope-panel[b-xzzr0droce] {
    padding: 0.68rem;
}

.scope-title[b-xzzr0droce],
.scope-title > span[b-xzzr0droce],
.toggle-line[b-xzzr0droce],
.scope-state[b-xzzr0droce],
.format-line[b-xzzr0droce],
.runtime-status[b-xzzr0droce],
.dimension-preview[b-xzzr0droce],
.revision-note[b-xzzr0droce] {
    display: flex;
    align-items: center;
}

.scope-title[b-xzzr0droce] {
    justify-content: space-between;
    gap: 0.7rem;
    margin-bottom: 0.55rem;
}

.scope-title > span[b-xzzr0droce] {
    gap: 0.35rem;
    color: #c6d0df;
    font-size: 0.63rem;
    font-weight: 800;
}

.scope-title > span[b-xzzr0droce]  .mud-icon-root {
    color: var(--cyan);
}

.toggle-line[b-xzzr0droce] {
    gap: 0.38rem;
    color: #9ca9bc;
    font-size: 0.58rem;
    cursor: pointer;
}

.toggle-line input[b-xzzr0droce],
.noise-control input[b-xzzr0droce] {
    accent-color: #8b5cf6;
}

.scope-state[b-xzzr0droce] {
    min-height: 56px;
    justify-content: center;
    gap: 0.45rem;
    color: #77869c;
    font-size: 0.6rem;
}

.scope-state.error[b-xzzr0droce] {
    justify-content: flex-start;
    color: #fca5a5;
}

.impact-grid[b-xzzr0droce] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.42rem;
}

.impact-grid article[b-xzzr0droce] {
    display: grid;
    gap: 0.12rem;
    padding: 0.55rem 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.36);
}

.impact-grid strong[b-xzzr0droce] {
    color: #d9fbff;
    font: 800 0.88rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.impact-grid small[b-xzzr0droce] {
    color: #58667b;
    font-size: 0.48rem;
}

.impact-grid .warn strong[b-xzzr0droce] {
    color: #fbbf24;
}

.format-line[b-xzzr0droce] {
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.5rem;
}

.format-line span[b-xzzr0droce] {
    padding: 0.2rem 0.4rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 5px;
    color: #68768c;
    background: rgba(15, 23, 42, 0.24);
    font: 700 0.48rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.format-line strong[b-xzzr0droce] {
    color: #9bdfea;
}

.lab-section[b-xzzr0droce] {
    display: grid;
    gap: 0.66rem;
    padding: 0.72rem;
}

.section-caption[b-xzzr0droce] {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 0.46rem;
    align-items: start;
}

.section-caption > span[b-xzzr0droce] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(103, 232, 249, 0.16);
    border-radius: 7px 2px 7px 2px;
    color: #86dce9;
    background: rgba(103, 232, 249, 0.04);
}

.section-caption div[b-xzzr0droce] {
    display: grid;
    gap: 0.05rem;
}

.section-caption strong[b-xzzr0droce] {
    color: #cfd7e5;
    font-size: 0.66rem;
}

.section-caption small[b-xzzr0droce] {
    color: #64738a;
    font-size: 0.54rem;
}

.mode-grid[b-xzzr0droce] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
}

.mode-grid button[b-xzzr0droce],
.output-grid button[b-xzzr0droce] {
    position: relative;
    min-height: 64px;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 0.48rem;
    align-items: center;
    padding: 0.5rem 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    color: #77869c;
    text-align: left;
    background: rgba(15, 23, 42, 0.3);
    cursor: pointer;
    transition: 120ms ease;
}

.mode-grid button:hover[b-xzzr0droce],
.mode-grid button.active[b-xzzr0droce],
.output-grid button:hover[b-xzzr0droce],
.output-grid button.active[b-xzzr0droce] {
    color: #c9f8ff;
    border-color: rgba(103, 232, 249, 0.28);
    background: linear-gradient(100deg, rgba(103, 232, 249, 0.075), rgba(124, 77, 255, 0.08));
    box-shadow: inset 3px 0 #67e8f9;
}

.mode-grid button span[b-xzzr0droce],
.output-grid button span[b-xzzr0droce] {
    display: grid;
    gap: 0.08rem;
}

.mode-grid button strong[b-xzzr0droce],
.output-grid button strong[b-xzzr0droce] {
    color: #b7c2d2;
    font-size: 0.62rem;
}

.mode-grid button.active strong[b-xzzr0droce],
.output-grid button.active strong[b-xzzr0droce] {
    color: #e6fcff;
}

.mode-grid button small[b-xzzr0droce],
.output-grid button small[b-xzzr0droce] {
    color: #637188;
    font-size: 0.49rem;
}

.mode-grid button > i[b-xzzr0droce],
.output-grid button > i[b-xzzr0droce] {
    position: absolute;
    top: 0.3rem;
    right: 0.35rem;
    color: #65aebb;
    font: normal 800 0.39rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.06em;
}

.style-tabs[b-xzzr0droce] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 3px;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.36);
}

.style-tabs button[b-xzzr0droce] {
    min-height: 30px;
    border: 0;
    border-radius: 6px;
    color: #6e7d92;
    background: transparent;
    font-size: 0.53rem;
    font-weight: 800;
    cursor: pointer;
}

.style-tabs button:hover[b-xzzr0droce],
.style-tabs button.active[b-xzzr0droce] {
    color: #e0faff;
    background: rgba(103, 232, 249, 0.085);
    box-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0.12);
}

.noise-control[b-xzzr0droce] {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 0.3rem 0.7rem;
    align-items: center;
    padding: 0.5rem 0.58rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.26);
}

.noise-control > span[b-xzzr0droce] {
    display: grid;
}

.noise-control strong[b-xzzr0droce] {
    color: #aab6c8;
    font-size: 0.58rem;
}

.noise-control small[b-xzzr0droce] {
    color: #627087;
    font-size: 0.49rem;
}

.noise-control > div[b-xzzr0droce] {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    color: #4f5e73;
    font: 700 0.4rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.runtime-status[b-xzzr0droce] {
    gap: 0.48rem;
    padding: 0.52rem 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.25);
}

.runtime-status > span[b-xzzr0droce] {
    display: grid;
    gap: 0.06rem;
}

.runtime-status strong[b-xzzr0droce] {
    color: #b9c5d5;
    font-size: 0.58rem;
}

.runtime-status small[b-xzzr0droce] {
    color: #64748b;
    font-size: 0.49rem;
    line-height: 1.4;
}

.runtime-status.ready[b-xzzr0droce]  .mud-icon-root {
    color: #67e8f9;
}

.runtime-status.offline[b-xzzr0droce],
.runtime-status.offline strong[b-xzzr0droce] {
    color: #fca5a5;
}

.dimension-preview[b-xzzr0droce] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.55rem;
    padding: 0.5rem 0.62rem;
    border: 1px dashed rgba(103, 232, 249, 0.13);
    border-radius: 8px;
    background: rgba(3, 12, 24, 0.28);
}

.dimension-preview span[b-xzzr0droce] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.dimension-preview span:last-child[b-xzzr0droce] {
    text-align: right;
}

.dimension-preview strong[b-xzzr0droce] {
    overflow: hidden;
    color: #b5eaf2;
    font: 800 0.62rem ui-monospace, SFMono-Regular, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.output-grid[b-xzzr0droce] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
}

.suffix-field[b-xzzr0droce] {
    display: grid;
    gap: 0.28rem;
    color: #7b8aa0;
    font-size: 0.52rem;
    font-weight: 800;
}

.suffix-field > div[b-xzzr0droce] {
    display: flex;
    align-items: center;
    padding: 0 0.42rem;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.4);
}

.suffix-field input[b-xzzr0droce] {
    min-width: 0;
    flex: 1;
    height: 38px;
    padding: 0 0.2rem;
    border: 0;
    outline: 0;
    color: #bff7ff;
    background: transparent;
    font: 800 0.72rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.suffix-field code[b-xzzr0droce] {
    color: #5f6e84;
    font-size: 0.57rem;
}

.revision-note[b-xzzr0droce] {
    gap: 0.42rem;
    padding: 0.48rem 0.55rem;
    border: 1px solid rgba(167, 139, 250, 0.1);
    border-radius: 7px;
    color: #7d8aa0;
    background: rgba(124, 77, 255, 0.045);
    font-size: 0.53rem;
    line-height: 1.45;
}

.revision-note[b-xzzr0droce]  .mud-icon-root {
    flex: 0 0 auto;
    color: #9b87d7;
}

@media (max-width: 620px) {
    .waifu-heading[b-xzzr0droce] {
        grid-template-columns: 46px 1fr;
    }

    .waifu-heading > i[b-xzzr0droce] {
        display: none;
    }

    .neural-mark[b-xzzr0droce] {
        width: 46px;
        height: 46px;
    }

    .mode-grid[b-xzzr0droce],
    .output-grid[b-xzzr0droce] {
        grid-template-columns: 1fr;
    }

    .style-tabs[b-xzzr0droce] {
        grid-template-columns: repeat(2, 1fr);
    }

    .noise-control[b-xzzr0droce] {
        grid-template-columns: 1fr;
    }

    .noise-control > div[b-xzzr0droce] {
        grid-column: 1;
    }
}
/* /Components/IndexMetrics/IndexMetricsFilters.razor.rz.scp.css */
.index-insights-filters[b-bt1835d46e]{min-height:44px;display:flex;align-items:center;gap:.42rem;padding:.34rem .4rem;border:1px solid var(--insights-line);border-radius:.62rem;background:rgba(8,17,30,.96)}.insight-filter-label[b-bt1835d46e]{min-width:136px;display:flex;align-items:center;gap:.42rem;padding:0 .38rem;color:#6c829f}.insight-filter-label[b-bt1835d46e]  .mud-icon-root{font-size:.9rem;color:#718cff}.insight-filter-label span[b-bt1835d46e]{display:grid;gap:.05rem}.insight-filter-label strong[b-bt1835d46e]{color:#aebed1;font-size:.54rem}.insight-filter-label small[b-bt1835d46e]{color:#596d88;font-size:.43rem}.insight-range[b-bt1835d46e],.insight-trade-mode[b-bt1835d46e]{display:flex;align-items:center;gap:.16rem;padding:.15rem;border:1px solid rgba(139,169,211,.1);border-radius:.4rem;background:#07101c}.insight-range button[b-bt1835d46e],.insight-trade-mode button[b-bt1835d46e]{height:27px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:0 .55rem;border:0;border-radius:.3rem;color:#71849d;background:transparent;font:730 .49rem/1 Bahnschrift,sans-serif;cursor:pointer;transition:.14s ease}.insight-range button:hover[b-bt1835d46e],.insight-trade-mode button:hover[b-bt1835d46e]{color:#d9e5f3;background:rgba(255,255,255,.025)}.insight-range button.is-active[b-bt1835d46e],.insight-trade-mode button.is-active[b-bt1835d46e]{color:#dff8ff;background:rgba(81,215,255,.1);box-shadow:inset 0 0 0 1px rgba(81,215,255,.15)}.insight-trade-mode button.is-ruby[b-bt1835d46e]{color:#ffd6df;background:rgba(255,112,139,.1);box-shadow:inset 0 0 0 1px rgba(255,112,139,.18)}.insight-trade-mode[b-bt1835d46e]  .mud-icon-root{font-size:.72rem}.insight-range button:disabled[b-bt1835d46e],.insight-trade-mode button:disabled[b-bt1835d46e]{cursor:wait;opacity:.56}.insight-filter-divider[b-bt1835d46e]{width:1px;height:24px;background:rgba(139,169,211,.1)}.insight-filter-note[b-bt1835d46e]{margin-left:auto;display:flex;align-items:center;gap:.35rem;padding-right:.35rem}.insight-filter-note span[b-bt1835d46e]{padding:.17rem .3rem;border:1px solid rgba(113,140,255,.18);border-radius:99px;color:#9eabff;font:800 .4rem/1 Bahnschrift,sans-serif;text-transform:uppercase}.insight-filter-note small[b-bt1835d46e]{color:#5d7089;font-size:.46rem}
@media(max-width:900px){.index-insights-filters[b-bt1835d46e]{flex-wrap:wrap}.insight-filter-label[b-bt1835d46e]{min-width:auto}.insight-filter-note[b-bt1835d46e]{display:none}}
@media(max-width:620px){.insight-filter-label[b-bt1835d46e],.insight-filter-divider[b-bt1835d46e]{display:none}.insight-range[b-bt1835d46e],.insight-trade-mode[b-bt1835d46e]{max-width:100%;overflow:auto}.insight-range[b-bt1835d46e]{flex:1}.insight-range button[b-bt1835d46e]{flex:1;white-space:nowrap}}
.insight-filter-label strong[b-bt1835d46e]{font-size:.59rem}.insight-filter-label small[b-bt1835d46e]{font-size:.48rem}.insight-range button[b-bt1835d46e],.insight-trade-mode button[b-bt1835d46e]{font-size:.55rem}.insight-filter-note span[b-bt1835d46e]{font-size:.44rem}.insight-filter-note small[b-bt1835d46e]{font-size:.5rem}
/* /Components/IndexMetrics/IndexMetricsHeader.razor.rz.scp.css */
.index-insights-header[b-srat9de2ox]{position:relative;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;padding:.52rem .62rem .52rem .7rem;border:1px solid var(--insights-line);border-radius:.68rem;background:linear-gradient(100deg,rgba(13,27,46,.98),rgba(8,17,31,.98) 64%,rgba(17,24,47,.98));box-shadow:0 8px 22px rgba(0,0,0,.16)}
.index-insights-header[b-srat9de2ox]::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--insights-cyan);box-shadow:0 0 10px rgba(81,215,255,.55)}
.index-insights-identity[b-srat9de2ox]{min-width:0;display:flex;align-items:center;gap:.62rem}.index-insights-mark[b-srat9de2ox]{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(81,215,255,.2);border-radius:.45rem;color:var(--insights-cyan);background:rgba(81,215,255,.055)}.index-insights-mark[b-srat9de2ox]  .mud-icon-root{font-size:1.03rem}.index-insights-identity>div[b-srat9de2ox]{min-width:0}.index-insights-kicker[b-srat9de2ox]{display:block;margin-bottom:.12rem;color:#7489a6;font:800 .42rem/1 Bahnschrift,sans-serif;letter-spacing:.13em}.index-insights-title[b-srat9de2ox]{display:flex;align-items:center;gap:.34rem}.index-insights-title h1[b-srat9de2ox]{margin:0;color:#f4f8fd;font:720 1.05rem/1 Bahnschrift,sans-serif;letter-spacing:-.025em}.index-insights-title i[b-srat9de2ox]{width:5px;height:5px;border-radius:50%;background:var(--insights-green);box-shadow:0 0 7px rgba(68,224,164,.65)}.index-insights-title i.is-loading[b-srat9de2ox]{background:var(--insights-amber);animation:index-status-pulse-b-srat9de2ox 1s ease-in-out infinite}.index-insights-title small[b-srat9de2ox]{color:#749087;font:800 .43rem/1 Bahnschrift,sans-serif;letter-spacing:.08em;text-transform:uppercase}.index-insights-identity p[b-srat9de2ox]{overflow:hidden;margin:.18rem 0 0;color:#647791;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}
.index-insights-status[b-srat9de2ox]{display:flex;align-items:stretch;margin-left:auto}.index-insights-status>span[b-srat9de2ox]{min-width:82px;display:grid;place-content:center;gap:.08rem;padding:0 .62rem;border-left:1px solid rgba(139,169,211,.09)}.index-insights-status small[b-srat9de2ox]{color:#5f728d;font-size:.41rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.index-insights-status strong[b-srat9de2ox]{color:#c9d6e6;font-size:.56rem;font-weight:680;white-space:nowrap}.index-insights-status[b-srat9de2ox]  .mud-icon-button{width:32px;height:32px;align-self:center;margin-left:.38rem;border:1px solid rgba(81,215,255,.15);border-radius:.44rem;color:var(--insights-cyan);background:rgba(81,215,255,.04)}
@keyframes index-status-pulse-b-srat9de2ox{50%{opacity:.35}}
@media(max-width:760px){.index-insights-identity p[b-srat9de2ox],.index-insights-status>span:nth-child(2)[b-srat9de2ox]{display:none}.index-insights-status>span[b-srat9de2ox]{min-width:64px;padding:0 .4rem}}
@media(max-width:520px){.index-insights-kicker[b-srat9de2ox],.index-insights-status>span[b-srat9de2ox]{display:none}.index-insights-title h1[b-srat9de2ox]{font-size:.92rem}}
.index-insights-kicker[b-srat9de2ox]{font-size:.47rem}.index-insights-identity p[b-srat9de2ox]{font-size:.58rem}.index-insights-title small[b-srat9de2ox]{font-size:.47rem}.index-insights-status small[b-srat9de2ox]{font-size:.45rem}.index-insights-status strong[b-srat9de2ox]{font-size:.61rem}
/* /Components/IndexMetrics/IndexMetricsPulse.razor.rz.scp.css */
.index-pulse[b-tl92xh4lkp]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid var(--insights-line);border-radius:.62rem;background:#091321}.index-pulse-item[b-tl92xh4lkp]{position:relative;min-width:0;min-height:72px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.5rem;padding:.55rem .62rem;border-right:1px solid rgba(139,169,211,.08);color:#e8eef8;background:transparent!important}.index-pulse-item:last-child[b-tl92xh4lkp]{border-right:0}.index-pulse-item[b-tl92xh4lkp]::before{content:"";position:absolute;inset:10px auto 10px 0;width:2px;background:#6b7d96}.index-pulse-item>span[b-tl92xh4lkp]{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(139,169,211,.1);border-radius:.4rem;color:#9aadc2;background:rgba(255,255,255,.018)}.index-pulse-item>span[b-tl92xh4lkp]  .mud-icon-root{font-size:.92rem}.index-pulse-item>div[b-tl92xh4lkp]{min-width:0;display:grid;gap:.08rem}.index-pulse-item small[b-tl92xh4lkp]{overflow:hidden;color:#7589a1;font:780 .5rem/1 Bahnschrift,sans-serif;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.index-pulse-item strong[b-tl92xh4lkp]{color:#eef4fb;font:720 1rem/1.05 Bahnschrift,sans-serif}.index-pulse-item em[b-tl92xh4lkp]{overflow:hidden;color:#71849b;font-size:.49rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.index-pulse-item.tone-cyan[b-tl92xh4lkp]::before{background:var(--insights-cyan)}.index-pulse-item.tone-violet[b-tl92xh4lkp]::before{background:var(--insights-violet)}.index-pulse-item.tone-green[b-tl92xh4lkp]::before{background:var(--insights-green)}.index-pulse-item.tone-blue[b-tl92xh4lkp]::before{background:#718cff}.index-pulse-item.tone-ruby[b-tl92xh4lkp]::before{background:var(--insights-ruby)}.index-pulse-item.tone-amber[b-tl92xh4lkp]::before{background:var(--insights-amber)}.index-pulse-item.tone-cyan>span[b-tl92xh4lkp]{color:#77dffb}.index-pulse-item.tone-violet>span[b-tl92xh4lkp]{color:#b7a8ff}.index-pulse-item.tone-green>span[b-tl92xh4lkp]{color:#7ee9bd}.index-pulse-item.tone-blue>span[b-tl92xh4lkp]{color:#9eabff}.index-pulse-item.tone-ruby>span[b-tl92xh4lkp]{color:#ff9cb0}.index-pulse-item.tone-amber>span[b-tl92xh4lkp]{color:#ffd18b}
@media(max-width:1200px){.index-pulse[b-tl92xh4lkp]{grid-template-columns:repeat(3,minmax(0,1fr))}.index-pulse-item:nth-child(3)[b-tl92xh4lkp]{border-right:0}.index-pulse-item:nth-child(-n+3)[b-tl92xh4lkp]{border-bottom:1px solid rgba(139,169,211,.08)}}
@media(max-width:620px){.index-pulse[b-tl92xh4lkp]{grid-template-columns:repeat(2,minmax(0,1fr))}.index-pulse-item:nth-child(3)[b-tl92xh4lkp]{border-right:1px solid rgba(139,169,211,.08)}.index-pulse-item:nth-child(2n)[b-tl92xh4lkp]{border-right:0}.index-pulse-item:nth-child(-n+4)[b-tl92xh4lkp]{border-bottom:1px solid rgba(139,169,211,.08)}}
/* /Components/IndexMetrics/IndexPurchasePanel.razor.rz.scp.css */
.index-purchase-panel[b-kpaghot5ox]{height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--insights-line);border-radius:.58rem;color:#e8eef8;background:#091321}.index-purchase-panel>header[b-kpaghot5ox]{min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .58rem;border-bottom:1px solid rgba(139,169,211,.08)}.purchase-panel-icon[b-kpaghot5ox]{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,112,139,.14);border-radius:.4rem;color:#d69aa5;background:rgba(255,112,139,.03)}.purchase-panel-icon[b-kpaghot5ox]  .mud-icon-root{font-size:.9rem}.index-purchase-panel header>div[b-kpaghot5ox]{min-width:0}.index-purchase-panel h3[b-kpaghot5ox]{margin:0;color:#e3eaf3;font:700 .78rem/1.1 Bahnschrift,sans-serif}.index-purchase-panel header p[b-kpaghot5ox]{overflow:hidden;margin:.14rem 0 0;color:#71849c;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.index-purchase-panel header>b[b-kpaghot5ox]{padding:.18rem .32rem;border:1px solid rgba(255,188,88,.18);border-radius:99px;color:#dcbf8b;background:transparent!important;font:780 .44rem/1 Bahnschrift,sans-serif;text-transform:uppercase}.purchase-panel-totals[b-kpaghot5ox]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(139,169,211,.07)}.purchase-panel-totals>span[b-kpaghot5ox]{display:grid;gap:.08rem;padding:.42rem .52rem;border-right:1px solid rgba(139,169,211,.07)}.purchase-panel-totals>span:last-child[b-kpaghot5ox]{border-right:0}.purchase-panel-totals small[b-kpaghot5ox]{color:#687c94;font-size:.46rem;font-weight:780;letter-spacing:.055em;text-transform:uppercase}.purchase-panel-totals strong[b-kpaghot5ox]{color:#dbe4ee;font:.76rem Bahnschrift,sans-serif}.purchase-panel-source[b-kpaghot5ox]{display:flex;align-items:center;gap:.35rem;margin:.4rem .5rem 0;padding:.32rem .4rem;border:1px solid rgba(81,215,255,.11);border-radius:.36rem;color:#7eb8ca;background:rgba(81,215,255,.018);font-size:.5rem}.purchase-panel-source[b-kpaghot5ox]  .mud-icon-root{font-size:.72rem}.purchase-panel-list-heading[b-kpaghot5ox]{display:flex;align-items:center;justify-content:space-between;padding:.46rem .55rem .25rem}.purchase-panel-list-heading span[b-kpaghot5ox]{color:#9bacbf;font:750 .5rem/1 Bahnschrift,sans-serif;letter-spacing:.07em;text-transform:uppercase}.purchase-panel-list-heading small[b-kpaghot5ox]{color:#667a91;font-size:.48rem}.purchase-panel-list[b-kpaghot5ox]{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(120,145,180,.35) transparent;display:grid;align-content:start;gap:.24rem;padding:0 .4rem .4rem}.purchase-panel-list article[b-kpaghot5ox]{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.35rem .4rem;border:1px solid rgba(139,169,211,.06);border-radius:.4rem;background:rgba(255,255,255,.012)}.purchase-panel-list article>i[b-kpaghot5ox]{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(154,131,255,.12);border-radius:.36rem;color:#b8addc;background:rgba(154,131,255,.035);font:750 .55rem/1 Bahnschrift,sans-serif;font-style:normal}.purchase-panel-list article>span[b-kpaghot5ox],.purchase-panel-list article>em[b-kpaghot5ox]{min-width:0;display:grid;gap:.05rem;font-style:normal}.purchase-panel-list article>span strong[b-kpaghot5ox]{overflow:hidden;color:#bdc8d6;font-size:.61rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.purchase-panel-list article small[b-kpaghot5ox]{color:#637791;font-size:.47rem}.purchase-panel-list article>em[b-kpaghot5ox]{text-align:right}.purchase-panel-list article>em strong[b-kpaghot5ox]{color:#d5a0aa;font:.58rem ui-monospace,Consolas,monospace}.purchase-panel-empty[b-kpaghot5ox]{margin:auto;color:#71849b;font-size:.58rem}
.purchase-panel-list article>img[b-kpaghot5ox]{width:28px;height:28px;border-radius:50%;object-fit:cover}
/* /Components/IndexTools/BotIdentityTool.razor.rz.scp.css */
.identity-workbench[b-n3aadvmrvx]{--cyan:#22d3ee;--violet:#a78bfa;display:grid;gap:1rem;padding:1.15rem;overflow:hidden;border:1px solid rgba(148,163,184,.1);border-radius:18px;background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(7,13,24,.96)),repeating-linear-gradient(135deg,transparent 0 20px,rgba(34,211,238,.018) 20px 21px)}
.identity-heading[b-n3aadvmrvx]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.25rem}.tool-mark[b-n3aadvmrvx]{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(34,211,238,.2);border-radius:13px;background:rgba(8,145,178,.09);color:var(--cyan)}.identity-heading small[b-n3aadvmrvx],.asset-copy>span[b-n3aadvmrvx]{color:#71839a;font-size:.58rem;font-weight:850;letter-spacing:.14em}.identity-heading h2[b-n3aadvmrvx]{margin:.15rem 0;color:#f1f5f9;font-size:1.3rem}.identity-heading p[b-n3aadvmrvx]{margin:0;color:#7f8da2;font-size:.72rem}.identity-live[b-n3aadvmrvx]{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center;padding:.65rem .8rem;border:1px solid rgba(52,211,153,.13);border-radius:11px;background:rgba(3,12,20,.5)}.identity-live>span[b-n3aadvmrvx]{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 11px rgba(52,211,153,.65)}.identity-live strong[b-n3aadvmrvx]{color:#dce7f3;font-size:.73rem}.identity-live small[b-n3aadvmrvx]{color:#66778e;font-size:.52rem;letter-spacing:.12em}
.identity-warning[b-n3aadvmrvx]{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border:1px solid rgba(245,158,11,.14);border-radius:12px;background:rgba(245,158,11,.055);color:#fbbf24}.identity-warning>span[b-n3aadvmrvx]{display:grid}.identity-warning strong[b-n3aadvmrvx]{color:#e9dfc6;font-size:.72rem}.identity-warning small[b-n3aadvmrvx]{color:#877b67;font-size:.63rem}.identity-loading[b-n3aadvmrvx]{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:340px;color:#8292a8;font-size:.75rem}
.identity-assets[b-n3aadvmrvx]{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:.85rem}.identity-asset[b-n3aadvmrvx]{display:grid;align-content:start;gap:.85rem;padding:1rem;border:1px solid rgba(148,163,184,.1);border-radius:15px;background:rgba(4,10,20,.48)}.asset-preview[b-n3aadvmrvx]{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.1);background:radial-gradient(circle at 50% 20%,rgba(34,211,238,.13),transparent 55%),#080f1d}.asset-preview img[b-n3aadvmrvx]{width:100%;height:100%;object-fit:cover}.asset-preview em[b-n3aadvmrvx]{position:absolute;right:.55rem;bottom:.5rem;padding:.25rem .4rem;border-radius:6px;background:rgba(2,6,15,.78);color:#8ca0b8;font-size:.48rem;font-style:normal;font-weight:900;letter-spacing:.12em}.avatar-preview[b-n3aadvmrvx]{width:148px;height:148px;margin:.7rem auto;border-radius:50%;box-shadow:0 18px 38px rgba(0,0,0,.35)}.avatar-preview>span[b-n3aadvmrvx]{color:#a5f3fc;font-size:2rem;font-weight:900}.banner-preview[b-n3aadvmrvx]{height:190px;border-radius:11px}.banner-preview>div[b-n3aadvmrvx]{display:grid;place-items:center;gap:.4rem;color:#53647b;font-size:.68rem}.banner-preview[b-n3aadvmrvx]  .mud-icon-root{font-size:2.2rem}.asset-copy h3[b-n3aadvmrvx]{margin:.25rem 0;color:#e7edf7;font-size:1rem}.asset-copy p[b-n3aadvmrvx]{margin:0;color:#718097;font-size:.68rem;line-height:1.5}.asset-file[b-n3aadvmrvx]{display:grid;gap:.55rem;margin-top:auto}.asset-file label[b-n3aadvmrvx]{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px dashed rgba(148,163,184,.17);border-radius:11px;color:#718198;cursor:pointer;transition:.15s ease}.asset-file label:hover[b-n3aadvmrvx],.asset-file.selected label[b-n3aadvmrvx]{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.045);color:#67e8f9}.asset-file label>span[b-n3aadvmrvx]{display:grid;min-width:0}.asset-file label strong[b-n3aadvmrvx]{overflow:hidden;color:#cbd7e6;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.asset-file label small[b-n3aadvmrvx]{color:#64748b;font-size:.58rem}.asset-file input[b-n3aadvmrvx]{display:none}
@media(max-width:1050px){.identity-assets[b-n3aadvmrvx]{grid-template-columns:1fr}.avatar-preview[b-n3aadvmrvx]{margin:.7rem auto}.banner-preview[b-n3aadvmrvx]{height:220px}}@media(max-width:650px){.identity-heading[b-n3aadvmrvx]{grid-template-columns:auto 1fr}.identity-live[b-n3aadvmrvx]{grid-column:1/-1}.banner-preview[b-n3aadvmrvx]{height:150px}}
/* /Components/IndexTools/MalCharacterBackfillTool.razor.rz.scp.css */
.mal-workbench[b-zolndkgau2] {
    --mal-cyan: #22d3ee;
    --mal-amber: #f59e0b;
    --mal-green: #34d399;
    --mal-red: #fb7185;
    display: grid;
    gap: 1rem;
    overflow: hidden;
    padding: 1.15rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 18px;
    background:
        linear-gradient(rgba(15, 23, 42, .74), rgba(7, 13, 24, .88)),
        repeating-linear-gradient(135deg, transparent 0 18px, rgba(34, 211, 238, .018) 18px 19px);
}

.tool-heading[b-zolndkgau2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .35rem .25rem .85rem;
    border-bottom: 1px solid rgba(148, 163, 184, .08);
}

.tool-mark[b-zolndkgau2] {
    display: grid;
    width: 45px;
    height: 45px;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .2);
    border-radius: 12px;
    color: #67e8f9;
    background: rgba(8, 145, 178, .09);
    box-shadow: inset 0 0 18px rgba(34, 211, 238, .04);
}

.tool-kicker[b-zolndkgau2] {
    color: #67e8f9;
    font: 850 .57rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .13em;
}

.tool-heading h2[b-zolndkgau2] {
    margin: .25rem 0 0;
    color: #edf5ff;
    font-size: 1.22rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.tool-heading p[b-zolndkgau2] {
    margin: .24rem 0 0;
    color: #718198;
    font-size: .72rem;
}

.tool-lock[b-zolndkgau2] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .58rem;
    border: 1px solid rgba(245, 158, 11, .15);
    border-radius: 8px;
    color: #fbbf24;
    background: rgba(120, 53, 15, .06);
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.anchor-route[b-zolndkgau2] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(60px, .35fr) minmax(0, 1.1fr);
    align-items: stretch;
    gap: .65rem;
}

.anchor-character[b-zolndkgau2],
.anchor-target[b-zolndkgau2] {
    display: flex;
    align-items: center;
    min-height: 92px;
    padding: .85rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 12px;
    background: rgba(4, 10, 20, .55);
}

.anchor-character[b-zolndkgau2] { gap: .7rem; }

.anchor-rune[b-zolndkgau2] {
    display: grid;
    width: 50px;
    height: 58px;
    flex: 0 0 50px;
    place-items: center;
    border: 1px solid rgba(103, 232, 249, .2);
    border-radius: 25px 25px 8px 8px;
    color: #a5f3fc;
    background:
        radial-gradient(circle at 50% 22%, rgba(34, 211, 238, .22), transparent 45%),
        #0b1727;
    font-family: Georgia, Cambria, serif;
    font-size: 1.65rem;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

.anchor-character small[b-zolndkgau2],
.anchor-target small[b-zolndkgau2],
.console-head small[b-zolndkgau2],
.run-progress small[b-zolndkgau2],
.gate-copy small[b-zolndkgau2] {
    display: block;
    color: #607087;
    font-size: .53rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.anchor-character strong[b-zolndkgau2],
.anchor-target strong[b-zolndkgau2] {
    display: block;
    margin-top: .22rem;
    color: #e5eef9;
    font-size: .87rem;
}

.anchor-character em[b-zolndkgau2],
.anchor-target em[b-zolndkgau2] {
    display: block;
    margin-top: .2rem;
    color: #77879c;
    font: normal .62rem/1.35 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.route-line[b-zolndkgau2] {
    display: flex;
    align-items: center;
    gap: .3rem;
    color: #22d3ee;
}

.route-line span[b-zolndkgau2] {
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .42));
}

.route-line span:last-child[b-zolndkgau2] { transform: rotate(180deg); }

.route-line[b-zolndkgau2]  .mud-icon-root { font-size: 1rem; }

.priority-probe[b-zolndkgau2] {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) minmax(220px, .7fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(245, 158, 11, .16);
    border-radius: 11px;
    background:
        linear-gradient(100deg, rgba(120, 53, 15, .08), transparent 62%),
        rgba(4, 10, 20, .48);
}

.priority-copy[b-zolndkgau2] {
    display: flex;
    align-items: flex-start;
    gap: .62rem;
}

.priority-copy[b-zolndkgau2]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: .1rem;
    color: #fbbf24;
}

.priority-copy small[b-zolndkgau2],
.priority-copy strong[b-zolndkgau2],
.priority-copy p[b-zolndkgau2] { display: block; }
.priority-copy small[b-zolndkgau2] { color: #a77629; font-size: .5rem; font-weight: 850; letter-spacing: .11em; }
.priority-copy strong[b-zolndkgau2] { margin-top: .18rem; color: #f3dfbb; font-size: .73rem; }
.priority-copy p[b-zolndkgau2] { margin: .17rem 0 0; color: #7e725f; font-size: .58rem; line-height: 1.4; }

.priority-probe[b-zolndkgau2]  .mud-input-control { margin: 0; }
.priority-probe[b-zolndkgau2]  .mud-input-helper-text { color: #756b5b; font-size: .53rem; }

.allen-proof[b-zolndkgau2] {
    min-width: 84px;
    padding: .52rem .62rem;
    border: 1px solid rgba(245, 158, 11, .17);
    border-radius: 8px;
    background: rgba(69, 34, 8, .14);
    text-align: right;
}

.allen-proof span[b-zolndkgau2],
.allen-proof strong[b-zolndkgau2],
.allen-proof small[b-zolndkgau2] { display: block; }
.allen-proof span[b-zolndkgau2] { color: #d6b36f; font-size: .49rem; font-weight: 850; letter-spacing: .1em; }
.allen-proof strong[b-zolndkgau2] { margin-top: .18rem; color: #fbbf24; font: 800 .68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.allen-proof small[b-zolndkgau2] { margin-top: .24rem; color: #77613e; font-size: .43rem; font-weight: 850; letter-spacing: .08em; }

.safety-strip[b-zolndkgau2] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(52, 211, 153, .14);
    border-radius: 11px;
    color: #6ee7b7;
    background: rgba(6, 78, 59, .065);
}

.safety-strip[b-zolndkgau2]  .mud-icon-root { flex: 0 0 auto; }
.safety-strip strong[b-zolndkgau2] { display: block; color: #c8f6e3; font-size: .72rem; }
.safety-strip span[b-zolndkgau2] { display: block; margin-top: .2rem; color: #6f8d84; font-size: .64rem; line-height: 1.5; }
.safety-strip code[b-zolndkgau2] { color: #93e8c9; font-size: .61rem; }

.status-deck[b-zolndkgau2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.status-deck article[b-zolndkgau2] {
    position: relative;
    overflow: hidden;
    min-height: 95px;
    padding: .82rem;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 11px;
    background: rgba(4, 10, 20, .5);
}

.status-deck article[b-zolndkgau2]::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 2px;
    background: #334155;
    opacity: .65;
}

.status-deck article.is-missing[b-zolndkgau2]::after { background: var(--mal-amber); }
.status-deck article.is-imported[b-zolndkgau2]::after { background: var(--mal-green); }

.status-deck span[b-zolndkgau2],
.status-deck strong[b-zolndkgau2],
.status-deck small[b-zolndkgau2] { display: block; }

.status-deck span[b-zolndkgau2] {
    color: #65758a;
    font-size: .51rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.status-deck strong[b-zolndkgau2] {
    margin-top: .34rem;
    color: #e8f0fa;
    font: 800 1.35rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.status-deck small[b-zolndkgau2] { margin-top: .32rem; color: #607087; font-size: .57rem; }

.no-work-result[b-zolndkgau2] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .9rem;
    overflow: hidden;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(52, 211, 153, .22);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 50%, rgba(52, 211, 153, .1), transparent 34%),
        linear-gradient(110deg, rgba(6, 78, 59, .15), rgba(3, 16, 19, .54));
    box-shadow: inset 3px 0 0 rgba(52, 211, 153, .72);
}

.no-work-result[b-zolndkgau2]::after {
    content: "MATCH";
    position: absolute;
    right: 1.4rem;
    color: rgba(110, 231, 183, .035);
    font: 900 3.9rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: -.08em;
    pointer-events: none;
}

.no-work-result > *[b-zolndkgau2] { position: relative; z-index: 1; }

.no-work-seal[b-zolndkgau2] {
    display: grid;
    width: 45px;
    height: 45px;
    place-items: center;
    border: 1px solid rgba(52, 211, 153, .28);
    border-radius: 50%;
    color: #6ee7b7;
    background: rgba(6, 95, 70, .18);
    box-shadow: 0 0 24px rgba(52, 211, 153, .09);
}

.no-work-result small[b-zolndkgau2] {
    color: #5ed3a8;
    font-size: .52rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.no-work-result h3[b-zolndkgau2] {
    margin: .2rem 0 0;
    color: #d9faec;
    font-size: .91rem;
}

.no-work-result p[b-zolndkgau2] {
    margin: .22rem 0 0;
    color: #759889;
    font-size: .62rem;
    line-height: 1.45;
}

.no-work-result p strong[b-zolndkgau2] { color: #a7e8ce; }

.no-work-ratio[b-zolndkgau2] {
    min-width: 150px;
    padding-left: .9rem;
    border-left: 1px solid rgba(52, 211, 153, .14);
    text-align: right;
}

.no-work-ratio strong[b-zolndkgau2],
.no-work-ratio span[b-zolndkgau2] { display: block; }
.no-work-ratio strong[b-zolndkgau2] { color: #a7f3d0; font: 800 .83rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.no-work-ratio span[b-zolndkgau2] { margin-top: .3rem; color: #558173; font-size: .48rem; font-weight: 850; letter-spacing: .1em; }

.operation-console[b-zolndkgau2] {
    padding: .95rem;
    border: 1px solid rgba(34, 211, 238, .11);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, rgba(34, 211, 238, .055), transparent 38%),
        rgba(3, 9, 18, .68);
}

.console-head[b-zolndkgau2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
}

.state-orb[b-zolndkgau2] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #64748b;
    box-shadow: 0 0 0 5px rgba(100, 116, 139, .08);
}

.state-orb.is-scanning[b-zolndkgau2],
.state-orb.is-running[b-zolndkgau2] {
    background: var(--mal-cyan);
    box-shadow: 0 0 0 5px rgba(34, 211, 238, .09), 0 0 15px rgba(34, 211, 238, .65);
    animation: mal-pulse-b-zolndkgau2 1.65s ease-in-out infinite;
}

.state-orb.is-ready[b-zolndkgau2] { background: var(--mal-amber); box-shadow: 0 0 0 5px rgba(245, 158, 11, .09); }
.state-orb.is-complete[b-zolndkgau2] { background: var(--mal-green); box-shadow: 0 0 0 5px rgba(52, 211, 153, .09); }
.state-orb.is-warning[b-zolndkgau2] { background: var(--mal-amber); }
.state-orb.is-failed[b-zolndkgau2] { background: var(--mal-red); box-shadow: 0 0 0 5px rgba(251, 113, 133, .09); }

.console-head strong[b-zolndkgau2] { display: block; margin-top: .18rem; color: #dfeaf7; font-size: .78rem; }
.console-head p[b-zolndkgau2] { margin: .2rem 0 0; color: #6c7d92; font-size: .62rem; }
.console-head time[b-zolndkgau2] { color: #5e6e83; font: .57rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }

.run-progress[b-zolndkgau2] {
    display: grid;
    gap: .58rem;
    margin-top: .9rem;
    padding: .85rem;
    border: 1px solid rgba(148, 163, 184, .08);
    border-radius: 10px;
    background: rgba(15, 23, 42, .42);
}

.progress-copy[b-zolndkgau2] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.progress-copy strong[b-zolndkgau2] { display: block; margin-top: .16rem; color: #dce8f5; font-size: .7rem; }
.progress-count[b-zolndkgau2] { color: #8eeaf7; font: 700 .66rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.run-progress[b-zolndkgau2]  .mud-progress-linear { background: rgba(34, 211, 238, .08); }

.progress-ledger[b-zolndkgau2] { display: flex; flex-wrap: wrap; gap: .85rem; color: #738399; font-size: .57rem; }
.progress-ledger span[b-zolndkgau2] { display: flex; align-items: center; gap: .3rem; }
.progress-ledger i[b-zolndkgau2] { width: 5px; height: 5px; border-radius: 50%; background: #64748b; }
.progress-ledger i.is-green[b-zolndkgau2] { background: var(--mal-green); }
.progress-ledger i.is-blue[b-zolndkgau2] { background: var(--mal-cyan); }
.progress-ledger i.is-red[b-zolndkgau2] { background: var(--mal-red); }

.failure-ledger[b-zolndkgau2] {
    margin-top: .75rem;
    border: 1px solid rgba(251, 113, 133, .12);
    border-radius: 9px;
    background: rgba(76, 5, 25, .055);
}

.failure-ledger summary[b-zolndkgau2] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem .75rem;
    color: #fda4af;
    font-size: .63rem;
    cursor: pointer;
}

.failure-ledger > div[b-zolndkgau2] { max-height: 180px; overflow: auto; padding: 0 .75rem .65rem; }
.failure-ledger p[b-zolndkgau2] { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: .5rem; margin: .25rem 0; font-size: .58rem; }
.failure-ledger p strong[b-zolndkgau2] { color: #fda4af; }
.failure-ledger p span[b-zolndkgau2] { color: #7e7180; }

.console-actions[b-zolndkgau2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid rgba(148, 163, 184, .08);
}

.action-copy strong[b-zolndkgau2],
.action-copy span[b-zolndkgau2] { display: block; }
.action-copy strong[b-zolndkgau2] { color: #cbd8e7; font-size: .67rem; }
.action-copy span[b-zolndkgau2] { margin-top: .18rem; color: #66768b; font-size: .58rem; }

.execution-gate[b-zolndkgau2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem 1.2rem;
    padding: 1rem;
    border: 1px solid rgba(245, 158, 11, .17);
    border-radius: 13px;
    background:
        linear-gradient(110deg, rgba(120, 53, 15, .09), transparent 60%),
        rgba(15, 12, 8, .36);
}

.gate-copy[b-zolndkgau2] { display: flex; align-items: center; gap: .7rem; }
.gate-copy > span[b-zolndkgau2] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(245, 158, 11, .22);
    border-radius: 50%;
    color: #fbbf24;
    font: 850 .61rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.gate-copy h3[b-zolndkgau2] { margin: .16rem 0 0; color: #f7e7c7; font-size: .84rem; }
.gate-copy p[b-zolndkgau2] { max-width: 620px; margin: .25rem 0 0; color: #827561; font-size: .61rem; line-height: 1.45; }
.execution-gate[b-zolndkgau2]  .mud-checkbox-root { grid-column: 1 / -1; color: #93846c; font-size: .65rem; }

@keyframes mal-pulse-b-zolndkgau2 {
    0%, 100% { transform: scale(.9); opacity: .7; }
    50% { transform: scale(1.1); opacity: 1; }
}

@media (max-width: 1050px) {
    .status-deck[b-zolndkgau2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .priority-probe[b-zolndkgau2] { grid-template-columns: minmax(0, 1fr) auto; }
    .priority-copy[b-zolndkgau2] { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    .tool-heading[b-zolndkgau2] { grid-template-columns: auto minmax(0, 1fr); }
    .tool-lock[b-zolndkgau2] { display: none; }
    .anchor-route[b-zolndkgau2] { grid-template-columns: 1fr; }
    .route-line[b-zolndkgau2] { min-height: 22px; transform: rotate(90deg); justify-content: center; }
    .route-line span[b-zolndkgau2] { flex: 0 0 35px; }
    .priority-probe[b-zolndkgau2] { grid-template-columns: 1fr; }
    .priority-copy[b-zolndkgau2] { grid-column: auto; }
    .allen-proof[b-zolndkgau2] { text-align: left; }
    .console-head[b-zolndkgau2] { grid-template-columns: auto minmax(0, 1fr); }
    .console-head time[b-zolndkgau2] { display: none; }
    .console-actions[b-zolndkgau2] { align-items: stretch; flex-direction: column; }
    .execution-gate[b-zolndkgau2] { grid-template-columns: 1fr; }
    .no-work-result[b-zolndkgau2] { grid-template-columns: auto minmax(0, 1fr); }
    .no-work-ratio[b-zolndkgau2] { grid-column: 1 / -1; padding: .7rem 0 0; border-top: 1px solid rgba(52, 211, 153, .14); border-left: 0; text-align: left; }
}

@media (max-width: 480px) {
    .mal-workbench[b-zolndkgau2] { padding: .8rem; }
    .status-deck[b-zolndkgau2] { grid-template-columns: 1fr; }
    .progress-ledger[b-zolndkgau2] { align-items: flex-start; flex-direction: column; gap: .35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .state-orb.is-scanning[b-zolndkgau2],
    .state-orb.is-running[b-zolndkgau2] { animation: none; }
}
/* /Components/IndexTools/MalCharacterImageTool.razor.rz.scp.css */
.mal-image-workbench[b-mhdlpova97] { --cyan:#22d3ee; --green:#34d399; --amber:#f59e0b; display:grid; gap:1rem; padding:1.15rem; overflow:hidden; border:1px solid rgba(148,163,184,.1); border-radius:18px; background:linear-gradient(rgba(15,23,42,.76),rgba(7,13,24,.9)),repeating-linear-gradient(135deg,transparent 0 18px,rgba(34,211,238,.018) 18px 19px) }
header[b-mhdlpova97] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.85rem; padding:.35rem .25rem .85rem; border-bottom:1px solid rgba(148,163,184,.08) }
.tool-mark[b-mhdlpova97] { display:grid; width:45px; height:45px; place-items:center; color:#67e8f9; border:1px solid rgba(34,211,238,.2); border-radius:12px; background:rgba(8,145,178,.09) }
header small[b-mhdlpova97],.console-head small[b-mhdlpova97],.execution-gate small[b-mhdlpova97] { display:block; color:#67e8f9; font:850 .57rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.13em }
header h2[b-mhdlpova97] { margin:.25rem 0 0; color:#edf5ff; font-size:1.22rem; font-weight:850; letter-spacing:-.025em }
header p[b-mhdlpova97] { margin:.24rem 0 0; color:#718198; font-size:.72rem }
.root-path[b-mhdlpova97] { padding:.45rem .58rem; color:#fbbf24; border:1px solid rgba(245,158,11,.15); border-radius:8px; background:rgba(120,53,15,.06); font:800 .58rem/1.2 ui-monospace,monospace }
.policy-strip[b-mhdlpova97] { display:flex; align-items:center; gap:.75rem; padding:.8rem .9rem; color:#67e8f9; border:1px solid rgba(34,211,238,.12); border-radius:11px; background:rgba(8,145,178,.045) }
.policy-strip strong[b-mhdlpova97],.policy-strip span[b-mhdlpova97] { display:block }.policy-strip strong[b-mhdlpova97] { color:#dce9f5; font-size:.76rem }.policy-strip span[b-mhdlpova97] { margin-top:.15rem; color:#73849a; font-size:.67rem; line-height:1.45 }
.metrics[b-mhdlpova97] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem }.metrics article[b-mhdlpova97] { padding:.85rem; border:1px solid rgba(148,163,184,.09); border-radius:11px; background:rgba(3,9,19,.48) }.metrics span[b-mhdlpova97],.metrics small[b-mhdlpova97] { display:block; color:#627187; font-size:.55rem; font-weight:800; letter-spacing:.08em }.metrics strong[b-mhdlpova97] { display:block; margin:.3rem 0 .2rem; color:#e7eef7; font-size:1.42rem }.metrics .pending strong[b-mhdlpova97] { color:#fbbf24 }.metrics .downloaded strong[b-mhdlpova97] { color:#6ee7b7 }
.console[b-mhdlpova97] { display:grid; gap:.9rem; padding:1rem; border:1px solid rgba(148,163,184,.1); border-radius:13px; background:rgba(2,7,15,.56) }.console-head[b-mhdlpova97] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.7rem }.console-head .state[b-mhdlpova97] { width:10px; height:10px; border-radius:50%; background:#64748b; box-shadow:0 0 12px rgba(100,116,139,.5) }.state.running[b-mhdlpova97] { background:var(--cyan); box-shadow:0 0 14px rgba(34,211,238,.7) }.state.complete[b-mhdlpova97] { background:var(--green); box-shadow:0 0 14px rgba(52,211,153,.65) }.state.warning[b-mhdlpova97] { background:var(--amber) }.state.failed[b-mhdlpova97] { background:#fb7185 }.console-head strong[b-mhdlpova97] { display:block; margin:.2rem 0; color:#e4edf7; font-size:.83rem }.console-head p[b-mhdlpova97],.console-head time[b-mhdlpova97] { margin:0; color:#718198; font-size:.65rem }.console-head time[b-mhdlpova97] { white-space:nowrap }
.progress-block[b-mhdlpova97] { display:grid; gap:.55rem; padding:.8rem; border-radius:10px; background:rgba(15,23,42,.5) }.progress-block>div[b-mhdlpova97],.progress-block p[b-mhdlpova97] { display:flex; justify-content:space-between; gap:.7rem; margin:0; color:#9aabc0; font-size:.65rem }.progress-block>div strong[b-mhdlpova97] { color:#d8e5f2 }.progress-block p[b-mhdlpova97] { flex-wrap:wrap; justify-content:flex-start }.progress-block .failed[b-mhdlpova97] { color:#fb7185 }
details[b-mhdlpova97] { padding:.65rem .75rem; color:#fda4af; border:1px solid rgba(251,113,133,.14); border-radius:9px; font-size:.66rem }.failure[b-mhdlpova97] { display:grid; grid-template-columns:100px 1fr; gap:.5rem; margin:.55rem 0 0 }.failure span[b-mhdlpova97] { color:#8fa0b5 }
.actions[b-mhdlpova97] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.75rem; border-top:1px solid rgba(148,163,184,.08) }.actions strong[b-mhdlpova97],.actions span[b-mhdlpova97] { display:block }.actions strong[b-mhdlpova97] { color:#dce7f3; font-size:.75rem }.actions span[b-mhdlpova97] { margin-top:.18rem; color:#6e7e93; font-size:.63rem }
.execution-gate[b-mhdlpova97] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.8rem 1rem; padding:1rem; border:1px solid rgba(245,158,11,.18); border-radius:13px; background:rgba(120,53,15,.055) }.execution-gate>div[b-mhdlpova97] { grid-row:span 2 }.execution-gate h3[b-mhdlpova97] { margin:.25rem 0; color:#f4e7ca; font-size:1rem }.execution-gate p[b-mhdlpova97] { margin:0; color:#8c806d; font-size:.67rem }
@media(max-width:850px){.metrics[b-mhdlpova97]{grid-template-columns:repeat(2,1fr)}.root-path[b-mhdlpova97]{display:none}.execution-gate[b-mhdlpova97]{grid-template-columns:1fr}.execution-gate>div[b-mhdlpova97]{grid-row:auto}}
@media(max-width:600px){header[b-mhdlpova97]{grid-template-columns:auto 1fr}.metrics[b-mhdlpova97]{grid-template-columns:1fr}.console-head[b-mhdlpova97]{grid-template-columns:auto 1fr}.console-head time[b-mhdlpova97]{display:none}.actions[b-mhdlpova97]{align-items:stretch;flex-direction:column}}
/* /Components/IndexTools/UserTransferAccountCard.razor.rz.scp.css */
.transfer-account[b-izj6sf5ape] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 1.15rem;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 16px;
    background: rgba(6, 12, 24, .66);
}

.transfer-account[b-izj6sf5ape]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: #f59e0b;
}

.transfer-account.is-destination[b-izj6sf5ape]::before { background: #22d3ee; }
.transfer-account.is-missing[b-izj6sf5ape]::before { background: #fb7185; }

header[b-izj6sf5ape],
.account-role[b-izj6sf5ape],
.account-identity[b-izj6sf5ape] {
    display: flex;
    align-items: center;
}

header[b-izj6sf5ape] {
    justify-content: space-between;
    gap: .75rem;
}

.account-role[b-izj6sf5ape] { gap: .7rem; }

.account-role > span[b-izj6sf5ape] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 8px;
    color: #fbbf24;
    background: rgba(245, 158, 11, .08);
    font: 800 .68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.is-destination .account-role > span[b-izj6sf5ape] {
    border-color: rgba(34, 211, 238, .25);
    color: #67e8f9;
    background: rgba(34, 211, 238, .07);
}

.account-role small[b-izj6sf5ape],
.account-role strong[b-izj6sf5ape] {
    display: block;
}

.account-role small[b-izj6sf5ape] {
    color: #68768d;
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.account-role strong[b-izj6sf5ape] {
    margin-top: .16rem;
    color: #dce5f2;
    font-size: .82rem;
}

.account-identity[b-izj6sf5ape] {
    gap: .85rem;
    margin-top: 1.15rem;
}

.account-identity img[b-izj6sf5ape],
.account-monogram[b-izj6sf5ape] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 13px;
}

.account-identity img[b-izj6sf5ape] { object-fit: cover; }

.account-monogram[b-izj6sf5ape] {
    display: grid;
    place-items: center;
    color: #f8fafc;
    background: linear-gradient(145deg, #27344e, #111827);
    font-size: 1.2rem;
    font-weight: 850;
}

.account-identity h3[b-izj6sf5ape] {
    margin: 0;
    overflow: hidden;
    color: #f3f6fb;
    font-size: 1.02rem;
    font-weight: 780;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-identity code[b-izj6sf5ape],
.account-missing span[b-izj6sf5ape] {
    display: block;
    margin-top: .28rem;
    color: #8290a6;
    font-size: .71rem;
}

dl[b-izj6sf5ape] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin: 1rem 0 0;
}

dl > div[b-izj6sf5ape] {
    min-width: 0;
    padding: .65rem;
    border: 1px solid rgba(148, 163, 184, .08);
    border-radius: 10px;
    background: rgba(15, 23, 42, .46);
}

dt[b-izj6sf5ape] {
    color: #66748a;
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .11em;
}

dd[b-izj6sf5ape] {
    margin: .25rem 0 0;
    overflow: hidden;
    color: #dce5f2;
    font-size: .78rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-missing[b-izj6sf5ape] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 115px;
    color: #fb7185;
}

.account-missing strong[b-izj6sf5ape] { display: block; }

@media (max-width: 520px) {
    dl[b-izj6sf5ape] { grid-template-columns: 1fr; }
}
/* /Components/IndexTools/UserTransferImpactTable.razor.rz.scp.css */
.impact-panel[b-thn2lq1c74] {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 16px;
    background: rgba(5, 10, 21, .48);
}

.impact-heading[b-thn2lq1c74] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid rgba(148, 163, 184, .09);
}

.impact-heading > div:first-child > span[b-thn2lq1c74] {
    color: #6c7a91;
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.impact-heading h3[b-thn2lq1c74] {
    margin: .18rem 0 0;
    color: #e5edf8;
    font-size: .95rem;
    font-weight: 760;
}

.impact-legend[b-thn2lq1c74] {
    display: flex;
    gap: .85rem;
    color: #76849a;
    font-size: .63rem;
    text-transform: uppercase;
}

.impact-legend span[b-thn2lq1c74] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.impact-legend i[b-thn2lq1c74] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.impact-legend .delete[b-thn2lq1c74] { background: #fb7185; }
.impact-legend .detach[b-thn2lq1c74] { background: #fbbf24; }
.impact-legend .void[b-thn2lq1c74] { background: #a78bfa; }
.impact-legend .preserve[b-thn2lq1c74] { background: #6ee7b7; }
.impact-legend .move[b-thn2lq1c74] { background: #22d3ee; }

.impact-explainer[b-thn2lq1c74] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .72rem 1.1rem;
    border-bottom: 1px solid rgba(148, 163, 184, .07);
    color: #9aabc0;
    background: rgba(34, 211, 238, .025);
    font-size: .7rem;
    line-height: 1.45;
}

.impact-explainer[b-thn2lq1c74]  .mud-icon-root {
    flex: 0 0 auto;
    color: #67e8f9;
}

.impact-empty[b-thn2lq1c74] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 110px;
    color: #86efac;
    font-size: .8rem;
}

[b-thn2lq1c74] .impact-table .mud-table-container {
    max-height: 360px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

[b-thn2lq1c74] .impact-table .mud-table-head {
    background: rgba(15, 23, 42, .92);
}

[b-thn2lq1c74] .impact-table .mud-table-cell {
    padding: .7rem 1rem;
    border-color: rgba(148, 163, 184, .055);
}

[b-thn2lq1c74] .impact-table .mud-table-head .mud-table-cell {
    color: #708097;
    font-size: .61rem;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
}

code[b-thn2lq1c74] {
    color: #a8b6c9;
    font-size: .7rem;
}

.impact-action[b-thn2lq1c74] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: #fbbf24;
    font-size: .69rem;
    font-weight: 720;
}

.impact-action.is-delete[b-thn2lq1c74] { color: #fb8da0; }
.impact-action.is-void[b-thn2lq1c74] { color: #c4b5fd; }
.impact-action.is-preserve[b-thn2lq1c74] { color: #6ee7b7; }

.count-column[b-thn2lq1c74] {
    text-align: right !important;
    color: #a9b5c6;
    font-variant-numeric: tabular-nums;
}

.source-count[b-thn2lq1c74] {
    color: #67e8f9;
    font-weight: 730;
}

.source-count strong[b-thn2lq1c74],
.source-count small[b-thn2lq1c74] {
    display: block;
}

.source-count small[b-thn2lq1c74] {
    margin-top: .12rem;
    color: #637289;
    font-size: .56rem;
    font-weight: 650;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .impact-heading[b-thn2lq1c74] {
        align-items: flex-start;
        flex-direction: column;
    }

    .impact-legend[b-thn2lq1c74] { flex-wrap: wrap; }
}
/* /Components/IndexTools/UserTransferTool.razor.rz.scp.css */
.transfer-workbench[b-fl68a0v3n2] {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 20px;
    background:
        linear-gradient(rgba(148, 163, 184, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .025) 1px, transparent 1px),
        #09111f;
    background-size: 28px 28px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
}

.tool-heading[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem 1.45rem;
    background: rgba(12, 21, 38, .9);
    border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.tool-mark[b-fl68a0v3n2] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 13px;
    color: #67e8f9;
    background: rgba(8, 145, 178, .09);
    box-shadow: inset 0 0 22px rgba(34, 211, 238, .05);
}

.tool-kicker[b-fl68a0v3n2] {
    color: #687990;
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .16em;
}

.tool-heading h2[b-fl68a0v3n2] {
    margin: .18rem 0 0;
    color: #f7f9fc;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.tool-heading p[b-fl68a0v3n2] {
    margin: .25rem 0 0;
    color: #8492a8;
    font-size: .79rem;
}

.tool-lock[b-fl68a0v3n2] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .5rem .7rem;
    border: 1px solid rgba(251, 191, 36, .18);
    border-radius: 9px;
    color: #fbbf24;
    background: rgba(245, 158, 11, .055);
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.safety-strip[b-fl68a0v3n2] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin: 1.25rem 1.45rem 0;
    padding: .9rem 1rem;
    border: 1px solid rgba(251, 113, 133, .2);
    border-left: 3px solid #fb7185;
    border-radius: 11px;
    color: #fb8da0;
    background: rgba(136, 19, 55, .075);
}

.safety-strip strong[b-fl68a0v3n2],
.safety-strip span[b-fl68a0v3n2] { display: block; }

.safety-strip strong[b-fl68a0v3n2] {
    color: #fecdd3;
    font-size: .8rem;
}

.safety-strip span[b-fl68a0v3n2] {
    margin-top: .2rem;
    color: #a68f9a;
    font-size: .73rem;
    line-height: 1.5;
}

.identity-inputs[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    padding: 1.4rem 1.45rem 0;
}

.input-block label[b-fl68a0v3n2] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    color: #c9d3e2;
    font-size: .65rem;
    font-weight: 820;
    letter-spacing: .09em;
}

.input-block label span[b-fl68a0v3n2] {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 6px;
    color: #fbbf24;
    background: rgba(245, 158, 11, .09);
    font-size: .56rem;
}

.input-block.is-destination label span[b-fl68a0v3n2] {
    color: #67e8f9;
    background: rgba(34, 211, 238, .08);
}

.input-block label small[b-fl68a0v3n2] {
    margin-left: auto;
    color: #5e6d83;
    font-size: .57rem;
    font-weight: 700;
    letter-spacing: .05em;
}

.direction-node[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .3rem;
    height: 40px;
    color: #718096;
}

.direction-node span[b-fl68a0v3n2] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .35));
}

.direction-node span:last-child[b-fl68a0v3n2] {
    background: linear-gradient(90deg, rgba(34, 211, 238, .35), transparent);
}

.preview-command[b-fl68a0v3n2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.25rem 1.45rem 1.4rem;
    padding-top: 1.1rem;
    border-top: 1px dashed rgba(148, 163, 184, .12);
}

.preview-command strong[b-fl68a0v3n2],
.preview-command span[b-fl68a0v3n2] { display: block; }

.preview-command strong[b-fl68a0v3n2] {
    color: #c9d3e2;
    font-size: .76rem;
}

.preview-command span[b-fl68a0v3n2] {
    margin-top: .2rem;
    color: #66768c;
    font-size: .68rem;
}

.preview-loading[b-fl68a0v3n2] {
    display: grid;
    gap: .65rem;
    margin: 0 1.45rem 1.4rem;
    color: #7f8da2;
    font-size: .7rem;
}

.preview-zone[b-fl68a0v3n2] {
    display: grid;
    gap: 1rem;
    padding: 1.4rem 1.45rem 1.5rem;
    border-top: 1px solid rgba(34, 211, 238, .1);
    background: rgba(3, 8, 18, .4);
}

.account-route[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
}

.route-arrow[b-fl68a0v3n2] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    color: #22d3ee;
}

.route-arrow span[b-fl68a0v3n2] {
    color: #66768d;
    font-size: .49rem;
    font-weight: 850;
    letter-spacing: .11em;
    writing-mode: vertical-rl;
}

.impact-stats[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .65rem;
}

.impact-stats > div[b-fl68a0v3n2] {
    padding: .85rem .9rem;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 11px;
    background: rgba(15, 23, 42, .5);
}

.impact-stats span[b-fl68a0v3n2],
.impact-stats strong[b-fl68a0v3n2],
.impact-stats small[b-fl68a0v3n2] { display: block; }

.impact-stats span[b-fl68a0v3n2] {
    color: #68778d;
    font-size: .55rem;
    font-weight: 830;
    letter-spacing: .1em;
}

.impact-stats strong[b-fl68a0v3n2] {
    margin-top: .32rem;
    color: #f1f5f9;
    font: 780 1.12rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.impact-stats small[b-fl68a0v3n2] {
    margin-top: .2rem;
    color: #59677c;
    font-size: .58rem;
}

.transfer-blockers[b-fl68a0v3n2] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(251, 113, 133, .22);
    border-radius: 13px;
    background: rgba(136, 19, 55, .08);
}

.blocker-title[b-fl68a0v3n2] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #fda4af;
    font-size: .78rem;
    font-weight: 780;
}

.transfer-blockers ul[b-fl68a0v3n2] {
    margin: .65rem 0 0 1.25rem;
    padding: 0;
    color: #b99aa4;
    font-size: .72rem;
    line-height: 1.6;
}

.execution-gate[b-fl68a0v3n2] {
    padding: 1.15rem;
    border: 1px solid rgba(245, 158, 11, .22);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(120, 53, 15, .09), rgba(8, 15, 28, .82));
}

.execution-copy[b-fl68a0v3n2] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}

.gate-number[b-fl68a0v3n2] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid rgba(251, 191, 36, .25);
    border-radius: 9px;
    color: #fbbf24;
    background: rgba(245, 158, 11, .07);
    font: 800 .7rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.execution-copy span[b-fl68a0v3n2] {
    color: #d99c38;
    font-size: .57rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.execution-copy h3[b-fl68a0v3n2] {
    margin: .2rem 0 0;
    color: #f8fafc;
    font-size: 1rem;
}

.execution-copy p[b-fl68a0v3n2] {
    margin: .3rem 0 0;
    color: #8b94a4;
    font-size: .72rem;
    line-height: 1.5;
}

.execution-sequence[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.execution-sequence li[b-fl68a0v3n2] {
    display: flex;
    align-items: flex-start;
    gap: .48rem;
    padding: .65rem;
    border: 1px solid rgba(148, 163, 184, .08);
    border-radius: 9px;
    color: #8996a9;
    background: rgba(7, 13, 24, .55);
    font-size: .65rem;
    line-height: 1.45;
}

.execution-sequence li span[b-fl68a0v3n2] {
    display: grid;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    place-items: center;
    border-radius: 50%;
    color: #fbbf24;
    background: rgba(245, 158, 11, .11);
    font-size: .55rem;
    font-weight: 800;
}

.confirmation-row[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .8rem;
    margin-top: .7rem;
}

.confirmation-row[b-fl68a0v3n2]  .mud-button-root {
    min-height: 56px;
    padding-inline: 1.15rem;
}

.transfer-complete[b-fl68a0v3n2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 1.4rem;
    padding: 1.1rem;
    border: 1px solid rgba(52, 211, 153, .22);
    border-radius: 14px;
    background: rgba(6, 78, 59, .1);
}

.complete-icon[b-fl68a0v3n2] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    color: #6ee7b7;
    background: rgba(52, 211, 153, .1);
}

.transfer-complete span[b-fl68a0v3n2] {
    color: #52c99e;
    font-size: .57rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.transfer-complete h3[b-fl68a0v3n2] {
    margin: .18rem 0 0;
    color: #d1fae5;
    font: 760 .95rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.transfer-complete p[b-fl68a0v3n2] {
    margin: .28rem 0 0;
    color: #7fa99a;
    font-size: .7rem;
}

@media (max-width: 900px) {
    .identity-inputs[b-fl68a0v3n2],
    .account-route[b-fl68a0v3n2] { grid-template-columns: 1fr; }

    .direction-node[b-fl68a0v3n2] {
        grid-template-columns: 1fr auto 1fr;
        transform: rotate(90deg);
    }

    .route-arrow[b-fl68a0v3n2] {
        grid-template-columns: auto auto;
        justify-content: center;
    }

    .route-arrow span[b-fl68a0v3n2] { writing-mode: horizontal-tb; }
    .impact-stats[b-fl68a0v3n2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .execution-sequence[b-fl68a0v3n2] { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .tool-heading[b-fl68a0v3n2] { grid-template-columns: auto 1fr; }
    .tool-lock[b-fl68a0v3n2] { grid-column: 1 / -1; width: max-content; }
    .preview-command[b-fl68a0v3n2] { align-items: stretch; flex-direction: column; }
    .confirmation-row[b-fl68a0v3n2] { grid-template-columns: 1fr; }
    .impact-stats[b-fl68a0v3n2] { grid-template-columns: 1fr; }
    .transfer-complete[b-fl68a0v3n2] { grid-template-columns: auto 1fr; }
    .transfer-complete[b-fl68a0v3n2]  .mud-button-root { grid-column: 1 / -1; }
}
/* /Components/IndexTools/UserWipeTool.razor.rz.scp.css */
.wipe-workbench[b-he2bnsnj7r] {
    overflow: hidden;
    border: 1px solid rgba(251, 113, 133, .15);
    border-radius: 20px;
    background:
        linear-gradient(rgba(251, 113, 133, .02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(251, 113, 133, .02) 1px, transparent 1px),
        #0d111d;
    background-size: 28px 28px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
}

.wipe-heading[b-he2bnsnj7r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem 1.45rem;
    border-bottom: 1px solid rgba(148, 163, 184, .1);
    background: rgba(17, 20, 32, .92);
}

.wipe-mark[b-he2bnsnj7r],
.wipe-complete > div[b-he2bnsnj7r] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(251, 113, 133, .25);
    border-radius: 13px;
    color: #fb7185;
    background: rgba(190, 18, 60, .09);
}

.wipe-kicker[b-he2bnsnj7r],
.wipe-gate-copy small[b-he2bnsnj7r],
.wipe-complete small[b-he2bnsnj7r] {
    color: #9f5264;
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .15em;
}

.wipe-heading h2[b-he2bnsnj7r] {
    margin: .18rem 0 0;
    color: #fff1f2;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.wipe-heading p[b-he2bnsnj7r] {
    margin: .25rem 0 0;
    color: #8f8998;
    font-size: .79rem;
}

.wipe-lock[b-he2bnsnj7r] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .5rem .7rem;
    border: 1px solid rgba(251, 191, 36, .18);
    border-radius: 9px;
    color: #fbbf24;
    background: rgba(245, 158, 11, .055);
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.wipe-warning[b-he2bnsnj7r] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin: 1.25rem 1.45rem 0;
    padding: .95rem 1rem;
    border: 1px solid rgba(251, 113, 133, .25);
    border-left: 3px solid #fb7185;
    border-radius: 11px;
    color: #fb7185;
    background: rgba(136, 19, 55, .1);
}

.wipe-warning strong[b-he2bnsnj7r],
.wipe-warning span[b-he2bnsnj7r],
.wipe-preview-copy strong[b-he2bnsnj7r],
.wipe-preview-copy span[b-he2bnsnj7r] { display: block; }

.wipe-warning strong[b-he2bnsnj7r] { color: #fecdd3; font-size: .8rem; }
.wipe-warning span[b-he2bnsnj7r] { margin-top: .2rem; color: #aa909a; font-size: .73rem; line-height: 1.5; }

.wipe-target[b-he2bnsnj7r] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(230px, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 1.4rem 1.45rem;
}

.wipe-target label[b-he2bnsnj7r] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    color: #d1c8d0;
    font-size: .65rem;
    font-weight: 820;
    letter-spacing: .09em;
}

.wipe-target label > span[b-he2bnsnj7r] {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 6px;
    color: #fb7185;
    background: rgba(190, 18, 60, .1);
    font-size: .56rem;
}

.wipe-target label small[b-he2bnsnj7r] { margin-left: auto; color: #655d6c; font-size: .57rem; }
.wipe-preview-copy[b-he2bnsnj7r] { padding-bottom: .35rem; }
.wipe-preview-copy strong[b-he2bnsnj7r] { color: #cfc6cf; font-size: .76rem; }
.wipe-preview-copy span[b-he2bnsnj7r] { margin-top: .2rem; color: #716a79; font-size: .68rem; line-height: 1.4; }
.wipe-target[b-he2bnsnj7r]  .mud-button-root { min-height: 40px; }

.wipe-loading[b-he2bnsnj7r] {
    display: grid;
    gap: .65rem;
    margin: 0 1.45rem 1.4rem;
    color: #8d8290;
    font-size: .7rem;
}

.wipe-preview-zone[b-he2bnsnj7r] {
    display: grid;
    gap: 1rem;
    padding: 1.4rem 1.45rem 1.5rem;
    border-top: 1px solid rgba(251, 113, 133, .1);
    background: rgba(5, 7, 14, .48);
}

.wipe-stats[b-he2bnsnj7r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.wipe-stats > div[b-he2bnsnj7r] {
    padding: .85rem .9rem;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 11px;
    background: rgba(20, 22, 35, .65);
}

.wipe-stats span[b-he2bnsnj7r],
.wipe-stats strong[b-he2bnsnj7r],
.wipe-stats small[b-he2bnsnj7r] { display: block; }
.wipe-stats span[b-he2bnsnj7r] { color: #766b79; font-size: .55rem; font-weight: 830; letter-spacing: .1em; }
.wipe-stats strong[b-he2bnsnj7r] { margin-top: .32rem; color: #fff1f2; font: 780 1.12rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.wipe-stats small[b-he2bnsnj7r] { margin-top: .2rem; color: #625a67; font-size: .58rem; }

.wipe-blockers[b-he2bnsnj7r] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(251, 113, 133, .25);
    border-radius: 13px;
    color: #fda4af;
    background: rgba(136, 19, 55, .09);
    font-size: .78rem;
    font-weight: 780;
}

.wipe-blockers > div[b-he2bnsnj7r] { display: flex; align-items: center; gap: .45rem; }
.wipe-blockers ul[b-he2bnsnj7r] { margin: .65rem 0 0 1.25rem; padding: 0; color: #b99aa4; font-size: .72rem; font-weight: 400; line-height: 1.6; }

.wipe-gate[b-he2bnsnj7r] {
    padding: 1.15rem;
    border: 1px solid rgba(251, 113, 133, .25);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(136, 19, 55, .1), rgba(10, 12, 22, .88));
}

.wipe-gate-copy[b-he2bnsnj7r] { display: flex; align-items: flex-start; gap: .85rem; }
.wipe-gate-copy > span[b-he2bnsnj7r] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid rgba(251, 113, 133, .28);
    border-radius: 9px;
    color: #fb7185;
    background: rgba(190, 18, 60, .09);
    font: 800 .7rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.wipe-gate-copy h3[b-he2bnsnj7r] { margin: .2rem 0 0; color: #fff1f2; font-size: 1rem; }
.wipe-gate-copy p[b-he2bnsnj7r] { margin: .3rem 0 0; color: #918795; font-size: .72rem; line-height: 1.5; }
.wipe-gate ol[b-he2bnsnj7r] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0; padding: 0; list-style: none; }
.wipe-gate li[b-he2bnsnj7r] { display: flex; gap: .48rem; padding: .65rem; border: 1px solid rgba(148, 163, 184, .08); border-radius: 9px; color: #918795; background: rgba(7, 9, 17, .6); font-size: .65rem; line-height: 1.45; }
.wipe-gate li span[b-he2bnsnj7r] { display: grid; width: 18px; height: 18px; flex: 0 0 18px; place-items: center; border-radius: 50%; color: #fb7185; background: rgba(190, 18, 60, .12); font-size: .55rem; font-weight: 800; }

.wipe-confirmation[b-he2bnsnj7r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .8rem;
    margin-top: .7rem;
}

.wipe-confirmation[b-he2bnsnj7r]  .mud-button-root { min-height: 56px; padding-inline: 1.15rem; }

.wipe-complete[b-he2bnsnj7r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 1.4rem;
    padding: 1.1rem;
    border: 1px solid rgba(52, 211, 153, .22);
    border-radius: 14px;
    background: rgba(6, 78, 59, .1);
}

.wipe-complete > div[b-he2bnsnj7r] { width: 44px; height: 44px; color: #6ee7b7; border-color: rgba(52, 211, 153, .2); background: rgba(52, 211, 153, .1); }
.wipe-complete strong[b-he2bnsnj7r] { display: block; margin-top: .18rem; color: #d1fae5; font: 760 .95rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; }
.wipe-complete p[b-he2bnsnj7r] { margin: .28rem 0 0; color: #7fa99a; font-size: .7rem; }

@media (max-width: 900px) {
    .wipe-target[b-he2bnsnj7r] { grid-template-columns: 1fr; align-items: stretch; }
    .wipe-stats[b-he2bnsnj7r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wipe-gate ol[b-he2bnsnj7r] { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .wipe-heading[b-he2bnsnj7r] { grid-template-columns: auto 1fr; }
    .wipe-lock[b-he2bnsnj7r] { grid-column: 1 / -1; width: max-content; }
    .wipe-stats[b-he2bnsnj7r],
    .wipe-confirmation[b-he2bnsnj7r] { grid-template-columns: 1fr; }
    .wipe-complete[b-he2bnsnj7r] { grid-template-columns: auto 1fr; }
    .wipe-complete[b-he2bnsnj7r]  .mud-button-root { grid-column: 1 / -1; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.server-layout-scope[b-47413fc9ud] {
    min-height: 100vh;
    min-height: 100dvh;
}

.server-layout-scope[b-47413fc9ud]  .server-shell {
    --mud-appbar-height: 0px;
    --mud-drawer-width-left: 272px;
    min-height: 100vh;
    min-height: 100dvh;
    background: #070c17;
}

.server-layout-scope[b-47413fc9ud]  .server-shell::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 76% -12%, rgba(112, 81, 230, .17), transparent 32%),
    radial-gradient(circle at 12% 92%, rgba(34, 211, 238, .055), transparent 28%),
    linear-gradient(rgba(255, 255, 255, .015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .015) 1px, transparent 1px);
    background-size: auto, auto, 48px 48px, 48px 48px;
    mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .7) 55%, transparent 100%);
}

.server-layout-scope[b-47413fc9ud]  .server-drawer {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    border-right: 1px solid rgba(154, 166, 196, .1) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #090f1c !important;
    box-shadow: none;
}

.server-layout-scope[b-47413fc9ud]  .server-drawer.mud-drawer--closed {
    visibility: hidden;
    pointer-events: none;
}

.server-layout-scope[b-47413fc9ud]  .server-drawer .mud-drawer-content,
.server-layout-scope[b-47413fc9ud]  .server-drawer .mud-paper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}

.server-layout-scope[b-47413fc9ud]  .mud-main-content.server-main {
    width: auto;
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.server-layout-scope[b-47413fc9ud]  .server-content-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none !important;
    margin-right: 0;
    margin-left: 0;
    padding: .5rem 2rem 3rem !important;
}

.server-menu-button[b-47413fc9ud] {
    display: none;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 0 .55rem;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: .65rem;
    color: #aeb8ca;
    background: rgba(10, 16, 29, .88);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.server-menu-button.is-collapsed[b-47413fc9ud] {
    display: grid;
}

.server-menu-button:focus-visible[b-47413fc9ud] {
    outline: 2px solid #a78bfa;
    outline-offset: 3px;
}

.server-page-stage[b-47413fc9ud] {
    width: 100%;
    min-width: 0;
    animation: server-page-in-b-47413fc9ud .28s ease;
}

@keyframes server-page-in-b-47413fc9ud {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
}

@media (width < 960px) {
    .server-menu-button[b-47413fc9ud] {
        display: grid;
    }

    .server-layout-scope[b-47413fc9ud]  .server-content-wrap {
        padding: .65rem 1rem 2rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .server-page-stage[b-47413fc9ud] {
        animation: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.server-nav-root[b-93ijmob49t] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem .72rem .7rem;
    overflow: hidden;
    color: #c6cede;
    background: radial-gradient(circle at 12% 0, rgba(132, 102, 255, .09), transparent 24%),
    linear-gradient(180deg, #090f1c 0%, #080e1a 100%);
}

.server-brand[b-93ijmob49t] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .76rem;
    padding: .25rem .48rem 1rem;
    border-bottom: 1px solid rgba(154, 166, 196, .09);
}

.server-brand[b-93ijmob49t]::after {
    content: "";
    position: absolute;
    right: .35rem;
    bottom: -1px;
    left: .35rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(132, 102, 255, .38), transparent);
}

.server-brand-icon[b-93ijmob49t] {
    display: block;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    object-fit: cover;
    border: 1px solid rgba(167, 139, 250, .23);
    border-radius: .72rem;
    background: #07142f;
    box-shadow: 0 8px 22px rgba(36, 105, 214, .28), 0 0 0 4px rgba(132, 102, 255, .04);
}

.server-brand-title[b-93ijmob49t] {
    color: #f4f6fc;
    font-size: .94rem;
    font-weight: 780;
    letter-spacing: -.01em;
}

.server-brand-subtitle[b-93ijmob49t] {
    margin-top: .08rem;
    color: #69748a;
    font-size: .66rem;
}

.server-nav-directory[b-93ijmob49t] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    min-height: 2.35rem;
    margin-top: .56rem;
    padding: .2rem .38rem .3rem .52rem;
}

.server-nav-directory > div:first-child[b-93ijmob49t] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.server-nav-directory strong[b-93ijmob49t] {
    color: #8e99ad;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.server-nav-directory span[b-93ijmob49t] {
    margin-top: .03rem;
    color: #505c71;
    font-size: .55rem;
}

.server-nav-directory-actions[b-93ijmob49t] {
    display: flex;
    gap: .24rem;
}

.server-nav-directory-actions button[b-93ijmob49t] {
    display: grid;
    width: 1.82rem;
    height: 1.82rem;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: .52rem;
    color: #748198;
    background: rgba(255, 255, 255, .018);
    transition: color .15s ease, border-color .15s ease, background .15s ease, transform .15s ease;
}

.server-nav-directory-actions button:hover[b-93ijmob49t] {
    border-color: rgba(150, 129, 255, .28);
    color: #c2b8ff;
    background: rgba(132, 102, 255, .08);
    transform: translateY(-1px);
}

.server-nav-directory-actions button[b-93ijmob49t]  .mud-icon-root {
    font-size: 1rem;
}

.server-nav-groups[b-93ijmob49t] {
    min-height: 0;
    flex: 1 1 auto;
    padding: .08rem .12rem 4.6rem .08rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(132, 102, 255, .25) transparent;
    scrollbar-width: thin;
}

.server-nav-groups[b-93ijmob49t]::-webkit-scrollbar {
    width: 5px;
}

.server-nav-groups[b-93ijmob49t]::-webkit-scrollbar-track {
    background: transparent;
}

.server-nav-groups[b-93ijmob49t]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(132, 102, 255, .22);
}

.server-nav-section[b-93ijmob49t] {
    --category-accent: #b4a0fa;
    margin: .45rem 0;
    padding-top: .3rem;
    border-top: 1px solid #1b2537;
}

.server-nav-section[data-category="runtime"][b-93ijmob49t] {
    --category-accent: #80b7ff;
}

.server-nav-section[data-category="observability"][b-93ijmob49t] {
    --category-accent: #72cedb;
}

.server-nav-section[data-category="review-queues"][b-93ijmob49t] {
    --category-accent: #f0bb78;
}

.server-nav-section[data-category="economy-rewards"][b-93ijmob49t] {
    --category-accent: #dfca7a;
}

.server-nav-section[data-category="community-systems"][b-93ijmob49t] {
    --category-accent: #a4b5fb;
}

.server-nav-section[data-category="content-events"][b-93ijmob49t] {
    --category-accent: #d8a0df;
}

.server-nav-section[data-category="dungeon-studio"][b-93ijmob49t] {
    --category-accent: #e5a090;
}

.server-nav-section[data-category="staff-operations"][b-93ijmob49t] {
    --category-accent: #f0bb78;
}

.server-nav-section[data-category="infrastructure"][b-93ijmob49t] {
    --category-accent: #a7b7cd;
}

.server-nav-section[data-category="administration"][b-93ijmob49t] {
    --category-accent: #b6a1d9;
}

.server-nav-section-toggle[b-93ijmob49t] {
    display: grid;
    width: 100%;
    min-height: 2.75rem;
    grid-template-columns: 1.15rem minmax(0, 1fr) auto 1rem;
    align-items: center;
    gap: .5rem;
    padding: .4rem .5rem;
    border: 0;
    border-radius: .4rem;
    color: #b7c3d6;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.server-nav-section-toggle:hover[b-93ijmob49t] {
    color: #eef2fa;
    background: #141e30;
}

.server-nav-section-toggle:focus-visible[b-93ijmob49t],
.server-nav-directory-actions button:focus-visible[b-93ijmob49t] {
    outline: 2px solid #b4a0fa;
    outline-offset: -2px;
}

.server-nav-section-icon[b-93ijmob49t] {
    display: flex;
    color: var(--category-accent);
}

.server-nav-section-icon[b-93ijmob49t]  .mud-icon-root {
    font-size: 1.05rem;
}

.server-nav-section-copy[b-93ijmob49t] {
    min-width: 0;
}

.server-nav-section-copy strong[b-93ijmob49t] {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.3;
}

.server-nav-section-count[b-93ijmob49t] {
    color: #8391a8;
    font-size: .65rem;
    font-variant-numeric: tabular-nums;
}

.server-nav-root[b-93ijmob49t]  .server-nav-section-chevron {
    color: #8391a8;
    font-size: 1rem !important;
    transform: rotate(0deg);
    transition: transform .18s ease !important;
}

.server-nav-root[b-93ijmob49t]  .server-nav-section-chevron.is-open {
    transform: rotate(90deg);
}

.server-nav-section-body[b-93ijmob49t] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows .2s ease, opacity .14s ease, visibility 0s linear .2s;
}

.server-nav-section-body.is-open[b-93ijmob49t] {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition: grid-template-rows .2s ease, opacity .18s ease, visibility 0s;
}

.server-nav-section-inner[b-93ijmob49t] {
    min-height: 0;
    overflow: hidden;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button {
    min-width: 0;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 2.75rem;
    margin: .1rem 0 !important;
    padding: .5rem .6rem !important;
    border: 1px solid transparent;
    border-radius: .45rem !important;
    color: #c8d2e3 !important;
    background: transparent;
    font-size: .81rem !important;
    text-align: left;
    transition: color .15s ease, background .15s ease !important;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link:hover {
    color: #fff !important;
    background: #182337 !important;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link.active {
    color: #fff !important;
    border-color: #60508e;
    background: #29233f !important;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link.active::before {
    content: "";
    position: absolute;
    top: .5rem;
    bottom: .5rem;
    left: 0;
    width: 3px;
    border-radius: 2px;
    background: #b9a0ff;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link:focus-visible {
    outline: 2px solid #c3afff;
    outline-offset: -2px;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button .mud-nav-link-icon {
    flex: 0 0 auto;
    color: #8f9eb6;
    font-size: 1.12rem;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link.active .mud-nav-link-icon {
    color: #cfbdff;
}

.server-nav-root[b-93ijmob49t]  .server-nav-button .mud-nav-link-text {
    min-width: 0;
    margin: 0;
    flex: 1 1 auto;
    white-space: normal;
}

.server-nav-entry[b-93ijmob49t] {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.server-nav-button-title[b-93ijmob49t] {
    min-width: 0;
    font-weight: 550;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.server-nav-badges[b-93ijmob49t] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    max-width: 6rem;
    align-items: center;
    justify-content: flex-end;
    gap: .2rem;
}

.server-nav-badge[b-93ijmob49t] {
    --badge-color: #b7c5d9;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    height: 1.3rem;
    gap: .2rem;
    padding: 0 .3rem;
    border: 1px solid color-mix(in srgb, var(--badge-color) 24%, transparent);
    border-radius: .3rem;
    color: var(--badge-color);
    background: color-mix(in srgb, var(--badge-color) 7%, #101827);
    font-size: .64rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    white-space: nowrap;
}

.server-nav-badge[b-93ijmob49t]  .mud-icon-root {
    font-size: .75rem;
}

.server-nav-badge small[b-93ijmob49t] {
    font-size: .5rem;
    font-weight: 600;
}

.server-nav-badge.is-warning[b-93ijmob49t],
.server-nav-badge.is-queue[b-93ijmob49t] {
    --badge-color: #edc477;
}

.server-nav-badge.is-error[b-93ijmob49t],
.server-nav-badge.is-flagged[b-93ijmob49t] {
    --badge-color: #f29aac;
}

.server-nav-badge.is-new[b-93ijmob49t] {
    --badge-color: #c1b0f5;
}

.server-nav-badge.is-earned[b-93ijmob49t] {
    --badge-color: #91d4b4;
}

.server-nav-badge.is-zero[b-93ijmob49t] {
    --badge-color: #8e9bb0;
}

.server-nav-root[b-93ijmob49t]  .server-nav-status-loading {
    width: 1rem !important;
    height: 1rem !important;
    color: #a899cd;
}

.server-nav-button-subtitle[b-93ijmob49t] {
    display: block;
    margin: .3rem 0;
    color: #98a7bf;
    font-size: .68rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.server-nav-root[b-93ijmob49t]  .server-nav-progress-inside {
    height: 3px !important;
}

.server-user-card[b-93ijmob49t] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    display: grid;
    min-width: 0;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    margin: 0;
    padding: .58rem .72rem .66rem;
    border-top: 1px solid rgba(154, 166, 196, .11);
    background: rgba(7, 13, 24, .97);
    box-shadow: 0 -12px 28px rgba(4, 9, 18, .62), inset 0 1px 0 rgba(255, 255, 255, .018);
    backdrop-filter: blur(16px);
}

.server-user-avatar[b-93ijmob49t] {
    display: grid;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    place-items: center;
    border: 1px solid rgba(151, 133, 255, .25);
    border-radius: .62rem;
    color: #d6ceff;
    font-size: .62rem;
    font-weight: 850;
    background: rgba(132, 102, 255, .1);
    box-shadow: 0 0 0 3px rgba(132, 102, 255, .035);
}

.server-user-avatar img[b-93ijmob49t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.server-user-identity[b-93ijmob49t] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.server-user-identity > strong[b-93ijmob49t] {
    overflow: hidden;
    color: #e8ecf6;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.server-user-groups[b-93ijmob49t] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .25rem;
    margin-top: .17rem;
    overflow: hidden;
    color: #69768c;
    font-size: .54rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.server-user-groups[b-93ijmob49t]  .mud-icon-root {
    flex: 0 0 auto;
    color: #8b7ed1;
    font-size: .72rem;
}

.server-session-actions[b-93ijmob49t] {
    display: flex;
    flex: 0 0 auto;
    gap: .25rem;
    margin: 0;
}

.server-user-action[b-93ijmob49t] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    place-items: center;
    border-radius: .53rem;
    transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}

.server-team-switch-button[b-93ijmob49t] {
    border: 1px solid rgba(139, 124, 246, .2);
    color: #d9d4ff;
    background: rgba(124, 92, 255, .085);
}

.server-user-action[b-93ijmob49t]  .mud-icon-root {
    font-size: .92rem;
}

.server-team-switch-button:not(:disabled):hover[b-93ijmob49t] {
    color: #fff;
    border-color: rgba(167, 139, 250, .38);
    background: rgba(124, 92, 255, .16);
    transform: translateY(-1px);
}

.server-team-switch-button:disabled[b-93ijmob49t] {
    opacity: .62;
    cursor: wait;
}

.server-logout-button[b-93ijmob49t] {
    border: 1px solid rgba(251, 113, 133, .12);
    color: #d5dbe8;
    background: rgba(251, 113, 133, .055);
}

.server-logout-button:not(:disabled):hover[b-93ijmob49t] {
    color: #fff;
    border-color: rgba(251, 113, 133, .25);
    background: rgba(251, 113, 133, .11);
    transform: translateY(-1px);
}

.server-logout-button:disabled[b-93ijmob49t] {
    opacity: .62;
    cursor: wait;
}

@media (max-height: 720px) {
    .server-brand[b-93ijmob49t] {
        padding-bottom: .7rem;
    }

    .server-nav-directory[b-93ijmob49t] {
        margin-top: .38rem;
    }

    .server-user-card[b-93ijmob49t] {
        padding-top: .5rem;
        padding-bottom: .58rem;
    }
}

@media (width < 960px) {
    .server-brand[b-93ijmob49t] {
        padding-right: 2.7rem;
        gap: .6rem;
    }

    .server-brand-subtitle[b-93ijmob49t] {
        font-size: .57rem;
    }

    .server-nav-directory-actions button[b-93ijmob49t] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .server-nav-section-toggle[b-93ijmob49t] {
        min-height: 2.75rem;
    }

    .server-nav-root[b-93ijmob49t] {
        padding-top: max(1rem, env(safe-area-inset-top));
    }

    .server-user-card[b-93ijmob49t] {
        padding-bottom: max(.66rem, env(safe-area-inset-bottom));
    }
}

@media (prefers-reduced-motion: reduce) {
    .server-nav-section-body[b-93ijmob49t],
    .server-nav-root[b-93ijmob49t]  .server-nav-section-chevron,
    .server-nav-root[b-93ijmob49t]  .server-nav-button > .mud-nav-link,
    .server-nav-directory-actions button[b-93ijmob49t] {
        transition: none !important;
    }
}
/* /Components/Layout/PanelDrawer.razor.rz.scp.css */
.drawer-close[b-j78huduod1] {
    display: none;
    position: absolute;
    z-index: 5;
    top: .75rem;
    right: .5rem;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, .16);
    border-radius: .65rem;
    color: #c4b5fd;
    background: #131b2e;
    cursor: pointer;
}

.drawer-close:hover[b-j78huduod1] {
    background: #23233f;
    color: #fff;
}

.drawer-close:focus-visible[b-j78huduod1] {
    outline: 2px solid #a78bfa;
    outline-offset: 2px;
}

@media (width < 960px) {
    .drawer-close[b-j78huduod1] {
        display: grid;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wuuck72x4f],
.components-reconnect-repeated-attempt-visible[b-wuuck72x4f],
.components-reconnect-failed-visible[b-wuuck72x4f],
.components-pause-visible[b-wuuck72x4f],
.components-resume-failed-visible[b-wuuck72x4f],
.components-recovery-visible[b-wuuck72x4f] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-wuuck72x4f],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-wuuck72x4f],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-wuuck72x4f],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-wuuck72x4f],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-wuuck72x4f] {
    display: block;
}

#components-reconnect-modal.serverpanel-reconnect-waiting .components-reconnect-first-attempt-visible[b-wuuck72x4f],
#components-reconnect-modal.serverpanel-reconnect-waiting .components-reconnect-repeated-attempt-visible[b-wuuck72x4f],
#components-reconnect-modal.serverpanel-reconnect-waiting .components-reconnect-failed-visible[b-wuuck72x4f],
#components-reconnect-modal.serverpanel-reconnect-waiting .components-pause-visible[b-wuuck72x4f],
#components-reconnect-modal.serverpanel-reconnect-waiting .components-resume-failed-visible[b-wuuck72x4f] {
    display: none;
}

#components-reconnect-modal.serverpanel-reconnect-waiting .components-recovery-visible[b-wuuck72x4f] {
    display: block;
}

#components-reconnect-modal[b-wuuck72x4f] {
    width: min(420px, calc(100vw - 2rem));
    margin: 18vh auto;
    padding: 0;
    border: 0;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(17,28,52,0.98) 0%, rgba(15,23,42,0.98) 100%);
    color: #e2e8f0;
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.38);
    opacity: 0;
    overflow: hidden;
    transition: display 0.35s allow-discrete, overlay 0.35s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-wuuck72x4f 0.35s both;
}

#components-reconnect-modal[open][b-wuuck72x4f] {
    animation:
            components-reconnect-modal-slideUp-b-wuuck72x4f 0.45s cubic-bezier(.05, .89, .25, 1.02),
            components-reconnect-modal-fadeInOpacity-b-wuuck72x4f 0.35s ease-in-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-wuuck72x4f]::backdrop {
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(10px);
    animation: components-reconnect-modal-fadeInOpacity-b-wuuck72x4f 0.35s ease-in-out;
}

.components-reconnect-container[b-wuuck72x4f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.95rem;
    padding: 1.75rem;
    text-align: center;
}

.components-reconnect-title[b-wuuck72x4f] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #f8fafc;
}

#components-reconnect-modal p[b-wuuck72x4f] {
    margin: 0;
    color: #94a3b8;
    line-height: 1.45;
}

#components-reconnect-modal p small[b-wuuck72x4f] {
    display: inline-block;
    margin-top: 0.35rem;
    color: #718096;
}

.components-reconnect-gif[b-wuuck72x4f] {
    width: 88px;
    height: 88px;
    object-fit: contain;
}

@keyframes components-reconnect-modal-slideUp-b-wuuck72x4f {
    0% {
        transform: translateY(20px) scale(0.96);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-wuuck72x4f {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-wuuck72x4f {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Components/Pages/Database.razor.rz.scp.css */
.database-hero[b-avjebfdj0v]{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(56,189,248,.18),transparent 31%),linear-gradient(135deg,rgba(15,23,42,.98),rgba(29,37,61,.96))!important}.database-eyebrow[b-avjebfdj0v]{letter-spacing:.18em;color:#7dd3fc!important}.database-section[b-avjebfdj0v]{position:relative;overflow:hidden}.database-section[b-avjebfdj0v]:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#64748b}.database-summary[b-avjebfdj0v]:before{background:#38bdf8}.database-queries[b-avjebfdj0v]:before{background:#a78bfa}.database-access[b-avjebfdj0v]:before{background:#34d399}.database-section[b-avjebfdj0v]  .mud-table-container{border-radius:12px;border:1px solid rgba(148,163,184,.12)}.database-section[b-avjebfdj0v]  .mud-table-head{background:rgba(30,41,59,.44)}
/* /Components/Pages/DungeonBosses.razor.rz.scp.css */
.boss-foundry[b-cqn5xypkds] {
    --panel: rgba(12, 18, 31, .93);
    --line: rgba(148, 163, 184, .14);
    color: #e8eef8;
    display: grid;
    gap: 18px;
}

.foundry-hero[b-cqn5xypkds] {
    min-height: 200px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    padding: 35px 38px;
    border: 1px solid rgba(251, 191, 36, .22);
    border-radius: 24px;
    background: radial-gradient(circle at 12% 0, rgba(248, 113, 113, .15), transparent 37%), radial-gradient(circle at 88% 0, rgba(251, 191, 36, .17), transparent 35%), linear-gradient(135deg, #100b14, #080c15 58%, #151108);
    box-shadow: 0 25px 70px rgba(0, 0, 0, .28);
}

.hero-grid[b-cqn5xypkds] {
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .18;
    background-image: linear-gradient(rgba(251, 191, 36, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(251, 191, 36, .12) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.hero-flare[b-cqn5xypkds] {
    position: absolute;
    z-index: -1;
    right: -90px;
    top: -170px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(251, 191, 36, .17);
    border-radius: 50%;
    box-shadow: inset 0 0 70px rgba(248, 113, 113, .06), 0 0 80px rgba(251, 191, 36, .06);
}

.hero-copy[b-cqn5xypkds] {
    max-width: 700px;
}

.hero-copy h3[b-cqn5xypkds] {
    margin: 5px 0 8px;
    letter-spacing: -.045em;
}

.foundry-kicker[b-cqn5xypkds], .section-index[b-cqn5xypkds] {
    color: #fbbf24;
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.hero-metrics[b-cqn5xypkds] {
    min-width: 390px;
    display: grid;
    grid-template-columns: repeat(4, minmax(78px, 1fr));
    gap: 8px;
}

.hero-metrics > div[b-cqn5xypkds] {
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(3, 7, 13, .52);
    backdrop-filter: blur(10px);
}

.hero-metrics strong[b-cqn5xypkds], .hero-metrics span[b-cqn5xypkds] {
    display: block;
}

.hero-metrics strong[b-cqn5xypkds] {
    font-size: 1.25rem;
    line-height: 1;
}

.hero-metrics span[b-cqn5xypkds] {
    margin-top: 6px;
    color: #718096;
    font-size: .58rem;
    text-transform: uppercase;
}

.hero-metrics .healthy strong[b-cqn5xypkds] {
    color: #4ade80;
}

.hero-metrics .warning strong[b-cqn5xypkds] {
    color: #fbbf24;
}

.hero-metrics .danger strong[b-cqn5xypkds] {
    color: #f87171;
}

.foundry-layout[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: 270px minmax(570px, 1fr) 360px;
    gap: 16px;
    align-items: start;
}

.boss-library[b-cqn5xypkds], .forge-canvas[b-cqn5xypkds], .encounter-dossier[b-cqn5xypkds] {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 19px;
    background: var(--panel);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .17);
}

.boss-library[b-cqn5xypkds], .encounter-dossier[b-cqn5xypkds] {
    position: sticky;
    top: 14px;
    max-height: calc(100vh - 28px);
    overflow: hidden;
}

.boss-library[b-cqn5xypkds] {
    padding: 14px;
}

.encounter-dossier[b-cqn5xypkds] {
    padding: 16px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.library-heading[b-cqn5xypkds], .dossier-heading[b-cqn5xypkds], .forge-toolbar[b-cqn5xypkds], .section-title[b-cqn5xypkds], .curve-heading[b-cqn5xypkds], .readiness-audit > header[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.library-heading[b-cqn5xypkds] {
    margin-bottom: 13px;
}

.library-heading h2[b-cqn5xypkds], .dossier-heading h2[b-cqn5xypkds] {
    margin: 1px 0 0;
    font-size: 1.05rem;
}

.new-boss[b-cqn5xypkds] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(251, 191, 36, .25);
    border-radius: 10px;
    color: #fbbf24;
    background: rgba(251, 191, 36, .08);
}

.new-boss:hover[b-cqn5xypkds] {
    background: rgba(251, 191, 36, .15);
}

.library-filters[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin-top: 10px;
}

.library-filters button[b-cqn5xypkds] {
    min-width: 0;
    overflow: hidden;
    padding: 6px 3px;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 7px;
    color: #64748b;
    background: rgba(4, 7, 13, .4);
    font-size: .52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.library-filters button.active[b-cqn5xypkds] {
    color: #fde68a;
    border-color: rgba(251, 191, 36, .3);
    background: rgba(251, 191, 36, .09);
}

.library-scroll[b-cqn5xypkds] {
    max-height: calc(100vh - 205px);
    overflow-y: auto;
    display: grid;
    gap: 6px;
    margin: 12px -4px -2px;
    padding: 0 4px 2px;
    scrollbar-width: thin;
}

.boss-entry[b-cqn5xypkds] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #94a3b8;
    background: transparent;
    text-align: left;
    transition: .16s ease;
}

.boss-entry:hover[b-cqn5xypkds] {
    color: #e2e8f0;
    background: rgba(148, 163, 184, .05);
}

.boss-entry.active[b-cqn5xypkds] {
    color: #f8fafc;
    border-color: rgba(251, 191, 36, .3);
    background: linear-gradient(110deg, rgba(251, 191, 36, .11), rgba(248, 113, 113, .04));
}

.entry-portrait[b-cqn5xypkds] {
    width: 48px;
    height: 42px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, .18);
    border-radius: 11px;
    color: #fbbf24;
    background: radial-gradient(circle, rgba(251, 191, 36, .13), rgba(4, 7, 13, .7));
}

.entry-portrait img[b-cqn5xypkds] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entry-portrait i[b-cqn5xypkds] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 7px;
    height: 7px;
    border: 1px solid #070b13;
    border-radius: 50%;
}

.entry-portrait i.ready[b-cqn5xypkds] {
    background: #4ade80;
    box-shadow: 0 0 7px rgba(74, 222, 128, .7);
}

.entry-portrait i.attention[b-cqn5xypkds] {
    background: #fbbf24;
}

.entry-copy[b-cqn5xypkds] {
    min-width: 0;
}

.entry-copy strong[b-cqn5xypkds], .entry-copy small[b-cqn5xypkds], .entry-copy em[b-cqn5xypkds] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entry-copy strong[b-cqn5xypkds] {
    font-size: .75rem;
}

.entry-copy small[b-cqn5xypkds] {
    margin-top: 3px;
    color: #718096;
    font-size: .56rem;
}

.entry-copy em[b-cqn5xypkds] {
    margin-top: 2px;
    color: #475569;
    font: normal .53rem/1.2 sans-serif;
}

.boss-entry > b[b-cqn5xypkds] {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #fca5a5;
    background: rgba(248, 113, 113, .1);
    font-size: .57rem;
}

.library-empty[b-cqn5xypkds] {
    min-height: 100px;
    display: grid;
    place-items: center;
    color: #64748b;
    font-size: .7rem;
    text-align: center;
}

.forge-canvas[b-cqn5xypkds] {
    overflow: hidden;
}

.forge-toolbar[b-cqn5xypkds] {
    min-height: 96px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(100deg, rgba(251, 191, 36, .055), transparent);
}

.forge-toolbar h1[b-cqn5xypkds] {
    margin: 2px 0;
    font-size: 1.3rem;
    letter-spacing: -.025em;
}

.forge-toolbar small[b-cqn5xypkds] {
    color: #64748b;
    font-size: .65rem;
}

.toolbar-actions[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.forge-nav[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 7px;
    border-bottom: 1px solid var(--line);
    background: rgba(5, 9, 16, .58);
}

.forge-nav button[b-cqn5xypkds] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 0;
    border-radius: 11px;
    color: #64748b;
    background: transparent;
    text-align: left;
}

.forge-nav button:hover[b-cqn5xypkds] {
    color: #cbd5e1;
    background: rgba(148, 163, 184, .05);
}

.forge-nav button.active[b-cqn5xypkds] {
    color: #fde68a;
    background: linear-gradient(120deg, rgba(251, 191, 36, .11), rgba(248, 113, 113, .045));
    box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .18);
}

.forge-nav button span[b-cqn5xypkds] {
    min-width: 0;
}

.forge-nav strong[b-cqn5xypkds], .forge-nav small[b-cqn5xypkds] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forge-nav strong[b-cqn5xypkds] {
    font-size: .72rem;
}

.forge-nav small[b-cqn5xypkds] {
    margin-top: 2px;
    color: #64748b;
    font-size: .56rem;
}

.forge-section[b-cqn5xypkds] {
    padding: 22px;
}

.section-title[b-cqn5xypkds] {
    align-items: flex-start;
    margin-bottom: 17px;
}

.section-title.compact[b-cqn5xypkds] {
    align-items: center;
    margin-top: 25px;
}

.section-title > div > span[b-cqn5xypkds], .section-title > div > small[b-cqn5xypkds] {
    display: block;
}

.section-title > div > span[b-cqn5xypkds] {
    color: #e2e8f0;
    font-size: .86rem;
    font-weight: 800;
}

.section-title > div > small[b-cqn5xypkds] {
    margin-top: 3px;
    color: #64748b;
    font-size: .64rem;
}

.section-number[b-cqn5xypkds] {
    color: rgba(251, 191, 36, .22);
    font: 900 2.2rem/1 sans-serif;
}

.stat-editor-grid[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.stat-editor[b-cqn5xypkds] {
    position: relative;
    overflow: hidden;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 14px;
    background: rgba(5, 9, 16, .48);
}

.stat-editor > span[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: #94a3b8;
}

.stat-editor > span small[b-cqn5xypkds] {
    color: #64748b;
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.stat-editor > i[b-cqn5xypkds] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #fbbf24;
    box-shadow: 0 0 8px currentColor;
    transition: width .25s ease;
}

.stat-editor.health > i[b-cqn5xypkds] {
    background: #f87171;
}

.stat-editor.attack > i[b-cqn5xypkds], .stat-editor.crit > i[b-cqn5xypkds] {
    background: #fb923c;
}

.stat-editor.defense > i[b-cqn5xypkds] {
    background: #38bdf8;
}

.stat-editor.accuracy > i[b-cqn5xypkds] {
    background: #4ade80;
}

.stat-editor.speed > i[b-cqn5xypkds] {
    background: #a78bfa;
}

.profile-strip[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 17px;
}

.profile-strip > div[b-cqn5xypkds] {
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 12px;
    background: rgba(148, 163, 184, .035);
}

.profile-strip span[b-cqn5xypkds], .profile-strip strong[b-cqn5xypkds], .profile-strip small[b-cqn5xypkds] {
    display: block;
}

.profile-strip span[b-cqn5xypkds] {
    color: #64748b;
    font-size: .52rem;
    text-transform: uppercase;
}

.profile-strip strong[b-cqn5xypkds] {
    margin-top: 4px;
    color: #fde68a;
    font-size: .72rem;
}

.profile-strip small[b-cqn5xypkds] {
    margin-top: 2px;
    color: #64748b;
    font-size: .56rem;
}

.curve-heading[b-cqn5xypkds] {
    margin: 23px 0 12px;
}

.curve-heading strong[b-cqn5xypkds], .curve-heading small[b-cqn5xypkds] {
    display: block;
}

.curve-heading strong[b-cqn5xypkds] {
    font-size: .78rem;
}

.curve-heading small[b-cqn5xypkds] {
    margin-top: 2px;
    color: #64748b;
    font-size: .6rem;
}

.curve-heading > div:last-child[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-size: .58rem;
}

.curve-heading button[b-cqn5xypkds] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 7px;
    color: #94a3b8;
    background: rgba(4, 7, 13, .5);
}

.curve-heading button:hover:not(:disabled)[b-cqn5xypkds] {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, .3);
}

.curve-heading button:disabled[b-cqn5xypkds] {
    opacity: .35;
}

.spawn-chart[b-cqn5xypkds] {
    min-height: 210px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
    align-items: end;
    gap: 7px;
    padding: 15px 13px 11px;
    border: 1px solid rgba(251, 191, 36, .13);
    border-radius: 15px;
    background: linear-gradient(rgba(251, 191, 36, .025), rgba(4, 7, 13, .52)), repeating-linear-gradient(to top, transparent 0 37px, rgba(148, 163, 184, .06) 38px);
}

.spawn-column[b-cqn5xypkds] {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 5px;
}

.spawn-bar-shell[b-cqn5xypkds] {
    width: 100%;
    height: 125px;
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 8px 8px 4px 4px;
    background: rgba(15, 23, 42, .72);
}

.spawn-bar-shell i[b-cqn5xypkds] {
    width: 100%;
    min-height: 3px;
    background: linear-gradient(#fbbf24, #b45309);
    box-shadow: 0 0 14px rgba(251, 191, 36, .14);
    transition: height .25s ease;
}

.spawn-column.fallback .spawn-bar-shell i[b-cqn5xypkds] {
    opacity: .38;
    filter: grayscale(.5);
}

.spawn-bar-shell b[b-cqn5xypkds] {
    position: absolute;
    inset: 5px 0 auto;
    color: #e2e8f0;
    font-size: .48rem;
    text-align: center;
    text-shadow: 0 1px 3px #000;
}

.spawn-column > strong[b-cqn5xypkds] {
    color: #94a3b8;
    font-size: .57rem;
}

.spawn-column label[b-cqn5xypkds] {
    width: 100%;
    position: relative;
}

.spawn-column input[b-cqn5xypkds] {
    width: 100%;
    padding: 4px 13px 4px 4px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 6px;
    outline: 0;
    color: #cbd5e1;
    background: rgba(4, 7, 13, .7);
    font-size: .52rem;
    text-align: center;
}

.spawn-column input:focus[b-cqn5xypkds] {
    border-color: rgba(251, 191, 36, .45);
}

.spawn-column label span[b-cqn5xypkds] {
    position: absolute;
    right: 4px;
    top: 4px;
    color: #64748b;
    font-size: .48rem;
}

.scope-grid[b-cqn5xypkds], .combat-reference-grid[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
    align-items: start;
}

.spawn-summary[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    padding: 10px 12px;
    border: 1px solid rgba(56, 189, 248, .13);
    border-radius: 11px;
    color: #38bdf8;
    background: rgba(56, 189, 248, .04);
}

.spawn-summary strong[b-cqn5xypkds], .spawn-summary small[b-cqn5xypkds] {
    display: block;
}

.spawn-summary strong[b-cqn5xypkds] {
    color: #cbd5e1;
    font-size: .7rem;
}

.spawn-summary small[b-cqn5xypkds] {
    margin-top: 2px;
    color: #64748b;
    font-size: .58rem;
}

.combat-flow[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) 20px minmax(90px, 1fr) 20px minmax(90px, 1fr) 20px minmax(90px, 1fr);
    align-items: center;
    gap: 4px;
    margin-bottom: 18px;
    padding: 13px;
    border: 1px solid rgba(167, 139, 250, .14);
    border-radius: 15px;
    background: linear-gradient(120deg, rgba(167, 139, 250, .055), rgba(251, 191, 36, .025));
}

.combat-flow > div[b-cqn5xypkds] {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 3px;
    text-align: center;
}

.combat-flow > i[b-cqn5xypkds] {
    height: 1px;
    position: relative;
    background: #334155;
}

.combat-flow > i[b-cqn5xypkds]::after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    border-left: 4px solid #64748b;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.flow-mark[b-cqn5xypkds] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fbbf24;
    background: rgba(251, 191, 36, .1);
    font-size: .7rem;
    font-weight: 900;
}

.flow-mark.effects[b-cqn5xypkds] {
    color: #fb923c;
    background: rgba(251, 146, 60, .1);
}

.flow-mark.abilities[b-cqn5xypkds] {
    color: #38bdf8;
    background: rgba(56, 189, 248, .1);
}

.flow-mark.loot[b-cqn5xypkds] {
    color: #a78bfa;
    background: rgba(167, 139, 250, .1);
}

.combat-flow strong[b-cqn5xypkds], .combat-flow small[b-cqn5xypkds] {
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combat-flow strong[b-cqn5xypkds] {
    font-size: .62rem;
}

.combat-flow small[b-cqn5xypkds] {
    color: #64748b;
    font-size: .51rem;
}

.dossier-heading[b-cqn5xypkds] {
    margin-bottom: 13px;
}

.dossier-empty[b-cqn5xypkds] {
    min-height: 310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #475569;
    border: 1px dashed rgba(148, 163, 184, .16);
    border-radius: 15px;
    font-size: .7rem;
    text-align: center;
}

.runtime-boss-stage[b-cqn5xypkds] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    border: 1px solid rgba(251, 191, 36, .2);
    border: 1px solid color-mix(in srgb, var(--rarity) 35%, transparent);
    border-radius: 15px;
    background: #09000d;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .32), inset 0 0 40px rgba(0, 0, 0, .28);
}

.runtime-boss-art[b-cqn5xypkds] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.runtime-shade[b-cqn5xypkds] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .48), transparent 22%, transparent 47%, rgba(0, 0, 0, .25));
}

.runtime-missing[b-cqn5xypkds] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #6b4d25;
    background: radial-gradient(circle, rgba(251, 191, 36, .08), transparent 65%);
    font-size: .65rem;
}

.runtime-attribute[b-cqn5xypkds] {
    position: absolute;
    z-index: 4;
    left: 17.83%;
    top: 2.25%;
    width: 2.667%;
    aspect-ratio: 1;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px #000);
}

.runtime-health[b-cqn5xypkds] {
    position: absolute;
    z-index: 3;
    left: 20.833%;
    top: 2.5%;
    width: 58.333%;
    height: 10%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
    background: rgba(21, 8, 12, .9);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .35);
}

.runtime-health i[b-cqn5xypkds] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #991b1b, #ef4444 65%, #fb7185);
}

.runtime-health span[b-cqn5xypkds] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: start center;
    padding-top: 2px;
    color: #fff;
    font: 800 clamp(.42rem, .65vw, .62rem)/1 sans-serif;
    text-shadow: 0 1px 3px #000;
}

.runtime-name[b-cqn5xypkds] {
    position: absolute;
    z-index: 4;
    left: 21.667%;
    top: 6.5%;
    width: 56.667%;
    overflow: hidden;
    color: var(--rarity);
    font-size: clamp(.45rem, .7vw, .7rem);
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px #000;
    white-space: nowrap;
}

.runtime-effects[b-cqn5xypkds] {
    position: absolute;
    z-index: 5;
    left: 1%;
    top: 4.375%;
    display: grid;
    gap: 1.8%;
}

.runtime-effects > span[b-cqn5xypkds] {
    width: 3.5vw;
    max-width: 26px;
    min-width: 17px;
    position: relative;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 5px;
    background: rgba(4, 7, 13, .75);
}

.runtime-effects img[b-cqn5xypkds] {
    width: 100%;
    height: 100%;
    padding: 2px;
    object-fit: contain;
}

.runtime-effects b[b-cqn5xypkds] {
    color: #fbbf24;
    font-size: .55rem;
}

.runtime-effects small[b-cqn5xypkds] {
    position: absolute;
    left: 50%;
    top: -5px;
    color: #fff;
    font-size: .42rem;
    text-shadow: 0 1px 2px #000;
}

.runtime-deck-label[b-cqn5xypkds] {
    position: absolute;
    z-index: 5;
    left: 1.2%;
    top: 49%;
    padding: 3px 5px;
    color: #94a3b8;
    background: rgba(4, 7, 13, .65);
    font-size: .39rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.runtime-card-row[b-cqn5xypkds] {
    position: absolute;
    z-index: 3;
    inset: 0;
}

.runtime-card-slot[b-cqn5xypkds] {
    position: absolute;
    top: 53.75%;
    width: 23.417%;
    height: 46.875%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px 5px 0 0;
    background: rgba(10, 14, 23, .66);
    opacity: .82;
    transform-origin: bottom center;
}

.runtime-card-slot:hover[b-cqn5xypkds] {
    z-index: 4;
    opacity: 1;
    transform: translateY(-4px) scale(1.03);
}

.runtime-card-slot img[b-cqn5xypkds] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.runtime-card-slot span[b-cqn5xypkds] {
    height: 100%;
    display: grid;
    place-items: center;
    padding: 4px;
    color: #475569;
    font-size: .43rem;
    text-align: center;
}

.asset-meta[b-cqn5xypkds] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    color: #64748b;
    font-size: .56rem;
}

.asset-meta span[b-cqn5xypkds], .asset-meta small[b-cqn5xypkds] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dossier-stats[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 14px;
}

.dossier-stats > div[b-cqn5xypkds] {
    padding: 8px;
    border: 1px solid rgba(251, 191, 36, .1);
    border-radius: 9px;
    background: rgba(251, 191, 36, .035);
    text-align: center;
}

.dossier-stats span[b-cqn5xypkds], .dossier-stats strong[b-cqn5xypkds] {
    display: block;
}

.dossier-stats span[b-cqn5xypkds] {
    color: #64748b;
    font-size: .48rem;
}

.dossier-stats strong[b-cqn5xypkds] {
    margin-top: 2px;
    color: #fde68a;
    font-size: .68rem;
}

.readiness-audit[b-cqn5xypkds] {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 13px;
    background: rgba(4, 7, 13, .45);
}

.readiness-audit > header[b-cqn5xypkds] {
    margin-bottom: 9px;
}

.readiness-audit header strong[b-cqn5xypkds], .readiness-audit header small[b-cqn5xypkds] {
    display: block;
}

.readiness-audit header strong[b-cqn5xypkds] {
    font-size: .72rem;
}

.readiness-audit header small[b-cqn5xypkds] {
    margin-top: 2px;
    color: #64748b;
    font-size: .55rem;
}

.readiness-audit header > span[b-cqn5xypkds] {
    color: #fbbf24;
    font: .62rem/1 monospace;
}

.readiness-audit > div[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: 19px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px 0;
    color: #4ade80;
    border-top: 1px solid rgba(148, 163, 184, .07);
}

.readiness-audit > div.warn[b-cqn5xypkds] {
    color: #fbbf24;
}

.readiness-audit > div span[b-cqn5xypkds], .readiness-audit > div strong[b-cqn5xypkds], .readiness-audit > div small[b-cqn5xypkds] {
    display: block;
    min-width: 0;
}

.readiness-audit > div strong[b-cqn5xypkds] {
    color: #cbd5e1;
    font-size: .62rem;
}

.readiness-audit > div small[b-cqn5xypkds] {
    overflow: hidden;
    margin-top: 2px;
    color: #64748b;
    font-size: .53rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-forge[b-cqn5xypkds] {
    min-height: 560px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #475569;
    text-align: center;
}

.empty-forge h2[b-cqn5xypkds] {
    margin: 11px 0 3px;
    color: #94a3b8;
}

.empty-forge p[b-cqn5xypkds] {
    font-size: .7rem;
}

.boss-ai-shell[b-cqn5xypkds] {
    min-width: 0;
}

.boss-ai-shell[b-cqn5xypkds]  .mud-expand-panel {
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, .2);
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(16, 11, 20, .96), rgba(10, 18, 31, .94));
}

.boss-ai-panel[b-cqn5xypkds] {
    padding: 8px 20px 22px;
}

.boss-ai-heading[b-cqn5xypkds] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 18px;
}

.boss-ai-heading h2[b-cqn5xypkds] {
    margin: 4px 0 5px;
    color: #f8fafc;
    font-size: 1.25rem;
}

.boss-ai-heading p[b-cqn5xypkds] {
    max-width: 800px;
    margin: 0;
    color: #718096;
    font-size: .72rem;
}

.boss-ai-saved[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) minmax(260px, 430px) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(251, 191, 36, .18);
    border-radius: 13px;
    color: #fbbf24;
    background: rgba(120, 53, 15, .13);
}

.boss-ai-saved span strong[b-cqn5xypkds], .boss-ai-saved span small[b-cqn5xypkds] {
    display: block;
}

.boss-ai-saved span strong[b-cqn5xypkds] {
    color: #fde68a;
    font-size: .76rem;
}

.boss-ai-saved span small[b-cqn5xypkds] {
    color: #78716c;
    font-size: .62rem;
}

.boss-ai-context[b-cqn5xypkds] {
    margin: 16px 0;
    padding: 14px;
    border: 1px solid rgba(251, 191, 36, .13);
    border-radius: 15px;
    background: rgba(4, 7, 13, .44);
}

.boss-ai-context-head[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
}

.boss-ai-context-head span strong[b-cqn5xypkds], .boss-ai-context-head span small[b-cqn5xypkds] {
    display: block;
}

.boss-ai-context-head span strong[b-cqn5xypkds] {
    color: #e2e8f0;
    font-size: .78rem;
}

.boss-ai-context-head span small[b-cqn5xypkds] {
    margin-top: 2px;
    color: #64748b;
    font-size: .6rem;
}

.boss-ai-roster[b-cqn5xypkds] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 1px 8px;
    scrollbar-width: thin;
}

.boss-ai-roster > div[b-cqn5xypkds] {
    width: 126px;
    min-width: 126px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 11px;
    background: #070b13;
}

.boss-ai-roster img[b-cqn5xypkds], .boss-ai-roster > div > span[b-cqn5xypkds] {
    display: grid;
    width: 100%;
    aspect-ratio: 3 / 2;
    place-items: center;
    object-fit: cover;
    color: #4b5563;
    background: radial-gradient(circle, rgba(251, 191, 36, .08), transparent);
}

.boss-ai-roster small[b-cqn5xypkds] {
    display: block;
    overflow: hidden;
    padding: 6px 8px;
    color: #94a3b8;
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boss-ai-empty[b-cqn5xypkds] {
    padding: 22px;
    color: #64748b;
    border: 1px dashed rgba(148, 163, 184, .13);
    border-radius: 10px;
    font-size: .7rem;
    text-align: center;
}

.boss-ai-status[b-cqn5xypkds] {
    margin-top: 18px;
    padding: 17px;
    border: 1px solid rgba(251, 191, 36, .18);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(8, 11, 20, .94), rgba(48, 28, 8, .32));
}

.boss-ai-status > header[b-cqn5xypkds], .boss-ai-review > header[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.boss-ai-status header span small[b-cqn5xypkds], .boss-ai-status header span strong[b-cqn5xypkds], .boss-ai-review header span small[b-cqn5xypkds], .boss-ai-review header span strong[b-cqn5xypkds] {
    display: block;
}

.boss-ai-status header small[b-cqn5xypkds] {
    color: #fbbf24;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.boss-ai-status header strong[b-cqn5xypkds], .boss-ai-review header strong[b-cqn5xypkds] {
    margin-top: 3px;
    color: #f8fafc;
    font-size: .9rem;
}

.boss-ai-status > p[b-cqn5xypkds] {
    margin: 0;
    color: #718096;
    font-size: .68rem;
}

.boss-ai-steps[b-cqn5xypkds] {
    display: grid;
    gap: 6px;
    margin-top: 14px;
}

.boss-ai-steps > div[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, .08);
    border-radius: 9px;
    color: #78716c;
    background: rgba(2, 6, 23, .3);
}

.boss-ai-steps > div.active[b-cqn5xypkds] {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, .25);
    background: rgba(120, 53, 15, .15);
}

.boss-ai-steps strong[b-cqn5xypkds], .boss-ai-steps small[b-cqn5xypkds] {
    display: block;
}

.boss-ai-steps strong[b-cqn5xypkds] {
    color: #cbd5e1;
    font-size: .68rem;
}

.boss-ai-steps small[b-cqn5xypkds] {
    overflow: hidden;
    margin-top: 1px;
    color: #64748b;
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boss-ai-steps em[b-cqn5xypkds] {
    color: #fbbf24;
    font-size: .58rem;
    font-style: normal;
}

.boss-ai-review[b-cqn5xypkds] {
    margin-top: 18px;
    padding: 17px;
    border: 1px solid rgba(74, 222, 128, .16);
    border-radius: 15px;
    background: rgba(5, 46, 22, .09);
}

.boss-ai-review header[b-cqn5xypkds] {
    margin-bottom: 14px;
}

.boss-ai-review header small[b-cqn5xypkds] {
    color: #64748b;
    font-size: .62rem;
}

.boss-ai-review-actions[b-cqn5xypkds] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.boss-ai-result[b-cqn5xypkds] {
    display: grid;
    grid-template-columns: minmax(320px, 720px) 1fr;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 13px;
    background: #070b13;
}

.boss-ai-result img[b-cqn5xypkds] {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background-color: #111827;
    background-image: linear-gradient(45deg, #1f2937 25%, transparent 25%), linear-gradient(-45deg, #1f2937 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #1f2937 75%), linear-gradient(-45deg, transparent 75%, #1f2937 75%);
    background-position: 0 0, 0 9px, 9px -9px, -9px 0;
    background-size: 18px 18px;
}

.boss-ai-result > span[b-cqn5xypkds] {
    padding: 12px;
}

.boss-ai-result strong[b-cqn5xypkds], .boss-ai-result small[b-cqn5xypkds] {
    display: block;
}

.boss-ai-result strong[b-cqn5xypkds] {
    color: #86efac;
    font-size: .78rem;
}

.boss-ai-result small[b-cqn5xypkds] {
    margin-top: 4px;
    color: #64748b;
    font-size: .62rem;
}

[b-cqn5xypkds] .mud-input-control {
    margin-top: 0;
}

[b-cqn5xypkds] .mud-input-outlined-border {
    border-color: rgba(148, 163, 184, .17);
}

[b-cqn5xypkds] .combat-reference-grid .reference-builder, [b-cqn5xypkds] .scope-grid .reference-builder {
    min-width: 0;
}

[b-cqn5xypkds] .combat-reference-grid .reference-list, [b-cqn5xypkds] .scope-grid .reference-list {
    max-height: 270px;
    overflow-y: auto;
    scrollbar-width: thin;
}

@media (max-width: 1500px) {
    .foundry-layout[b-cqn5xypkds] {
        grid-template-columns: 245px minmax(520px, 1fr) 320px;
    }

    .stat-editor-grid[b-cqn5xypkds] {
        grid-template-columns: 1fr 1fr;
    }

    .scope-grid[b-cqn5xypkds], .combat-reference-grid[b-cqn5xypkds] {
        grid-template-columns: 1fr;
    }

    .runtime-effects > span[b-cqn5xypkds] {
        max-width: 22px;
    }
}

@media (max-width: 1200px) {
    .foundry-layout[b-cqn5xypkds] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .encounter-dossier[b-cqn5xypkds] {
        position: static;
        max-height: none;
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(360px, .9fr) minmax(300px, 1fr);
        gap: 14px;
        align-items: start;
    }

    .dossier-heading[b-cqn5xypkds] {
        grid-column: 1 / -1;
    }

    .runtime-boss-stage[b-cqn5xypkds] {
        grid-row: span 5;
    }

    .dossier-stats[b-cqn5xypkds], .readiness-audit[b-cqn5xypkds], .encounter-dossier[b-cqn5xypkds] >  .mud-button-root {
        margin-top: 0;
    }

    .asset-meta[b-cqn5xypkds] {
        grid-column: 1;
    }

    .runtime-effects > span[b-cqn5xypkds] {
        max-width: 28px;
    }
}

@media (max-width: 900px) {
    .foundry-hero[b-cqn5xypkds] {
        align-items: flex-start;
        flex-direction: column;
        padding: 27px;
    }

    .hero-metrics[b-cqn5xypkds] {
        width: 100%;
        min-width: 0;
    }

    .foundry-layout[b-cqn5xypkds] {
        grid-template-columns: 1fr;
    }

    .boss-library[b-cqn5xypkds] {
        position: static;
        max-height: none;
    }

    .library-scroll[b-cqn5xypkds] {
        max-height: 340px;
    }

    .encounter-dossier[b-cqn5xypkds] {
        grid-column: auto;
    }

    .forge-toolbar[b-cqn5xypkds] {
        align-items: flex-start;
        flex-direction: column;
    }

    .toolbar-actions[b-cqn5xypkds] {
        width: 100%;
        flex-wrap: wrap;
    }

    .combat-flow[b-cqn5xypkds] {
        grid-template-columns: repeat(4, 1fr);
    }

    .combat-flow > i[b-cqn5xypkds] {
        display: none;
    }

    .boss-ai-saved[b-cqn5xypkds] {
        grid-template-columns: auto 1fr;
    }

    .boss-ai-saved[b-cqn5xypkds]  .mud-input-control, .boss-ai-saved[b-cqn5xypkds]  .mud-button-root {
        grid-column: 1 / -1;
    }

    .boss-ai-result[b-cqn5xypkds] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .foundry-hero[b-cqn5xypkds] {
        padding: 22px 18px;
    }

    .hero-metrics[b-cqn5xypkds] {
        grid-template-columns: 1fr 1fr;
    }

    .forge-nav button[b-cqn5xypkds] {
        justify-content: center;
    }

    .forge-nav button > span[b-cqn5xypkds] {
        display: none;
    }

    .forge-section[b-cqn5xypkds] {
        padding: 17px;
    }

    .stat-editor-grid[b-cqn5xypkds], .profile-strip[b-cqn5xypkds], .scope-grid[b-cqn5xypkds], .combat-reference-grid[b-cqn5xypkds] {
        grid-template-columns: 1fr;
    }

    .spawn-chart[b-cqn5xypkds] {
        overflow-x: auto;
        grid-template-columns: repeat(8, 58px);
    }

    .combat-flow[b-cqn5xypkds] {
        grid-template-columns: 1fr 1fr;
    }

    .encounter-dossier[b-cqn5xypkds] {
        display: block;
    }

    .dossier-heading[b-cqn5xypkds] {
        margin-bottom: 13px;
    }

    .runtime-boss-stage[b-cqn5xypkds] {
        margin-bottom: 10px;
    }

    .toolbar-actions[b-cqn5xypkds] {
        align-items: stretch;
        flex-direction: column;
    }

    .toolbar-actions[b-cqn5xypkds]  .mud-button-root {
        width: 100%;
    }

    .section-title[b-cqn5xypkds] {
        gap: 7px;
    }

    .section-number[b-cqn5xypkds] {
        font-size: 1.5rem;
    }

    .boss-ai-panel[b-cqn5xypkds] {
        padding: 4px 12px 16px;
    }

    .boss-ai-heading[b-cqn5xypkds], .boss-ai-context-head[b-cqn5xypkds], .boss-ai-status > header[b-cqn5xypkds], .boss-ai-review > header[b-cqn5xypkds] {
        align-items: flex-start;
        flex-direction: column;
    }

    .boss-ai-review > header[b-cqn5xypkds]  .mud-button-root {
        width: 100%;
    }

    .boss-ai-steps > div[b-cqn5xypkds] {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .boss-ai-steps em[b-cqn5xypkds] {
        display: none;
    }
}
/* /Components/Pages/DungeonCards.razor.rz.scp.css */
.combat-studio[b-p0nrs2rh9w] {
    --studio-bg: #070b13;
    --studio-panel: rgba(12, 18, 31, .92);
    --studio-line: rgba(148, 163, 184, .14);
    color: #e8eef8;
    display: grid;
    gap: 18px;
}

.studio-hero[b-p0nrs2rh9w] {
    min-height: 190px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    padding: 34px 38px;
    border: 1px solid rgba(167, 139, 250, .25);
    border-radius: 24px;
    background: radial-gradient(circle at 18% 0%, rgba(34, 211, 238, .16), transparent 38%), radial-gradient(circle at 90% 15%, rgba(124, 77, 255, .18), transparent 34%), linear-gradient(135deg, #0b1220 0%, #080c15 60%, #171329 100%);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.studio-hero[b-p0nrs2rh9w]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .18;
    background-image: linear-gradient(rgba(148, 163, 184, .14) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .14) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to right, #000, transparent 70%);
}

.hero-orbit[b-p0nrs2rh9w] {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(167, 139, 250, .16);
    border-radius: 50%;
}

.orbit-one[b-p0nrs2rh9w] {
    width: 280px;
    height: 280px;
    right: -72px;
    top: -144px;
    box-shadow: 0 0 60px rgba(34, 211, 238, .08);
}

.orbit-two[b-p0nrs2rh9w] {
    width: 170px;
    height: 170px;
    right: 55px;
    top: -88px;
    border-color: rgba(34, 211, 238, .18);
}

.hero-copy[b-p0nrs2rh9w] {
    max-width: 680px;
}

.hero-copy h3[b-p0nrs2rh9w] {
    margin: 6px 0 8px;
    letter-spacing: -.045em;
}

.studio-kicker[b-p0nrs2rh9w], .section-index[b-p0nrs2rh9w], .panel-heading span[b-p0nrs2rh9w], .preview-heading > span[b-p0nrs2rh9w] {
    color: #c4b5fd;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.hero-metrics[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(75px, 1fr));
    gap: 8px;
    min-width: 370px;
}

.hero-metrics > div[b-p0nrs2rh9w] {
    padding: 13px 12px;
    border: 1px solid var(--studio-line);
    border-radius: 13px;
    background: rgba(3, 7, 13, .5);
    backdrop-filter: blur(10px);
}

.hero-metrics strong[b-p0nrs2rh9w], .hero-metrics span[b-p0nrs2rh9w] {
    display: block;
}

.hero-metrics strong[b-p0nrs2rh9w] {
    font-size: 1.2rem;
    line-height: 1;
}

.hero-metrics span[b-p0nrs2rh9w] {
    margin-top: 6px;
    color: #718096;
    font-size: .62rem;
    text-transform: uppercase;
}

.hero-metrics .healthy strong[b-p0nrs2rh9w] {
    color: #4ade80;
}

.hero-metrics .warning strong[b-p0nrs2rh9w] {
    color: #fbbf24;
}

.studio-nav[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 6px;
    border: 1px solid var(--studio-line);
    border-radius: 17px;
    background: rgba(7, 11, 19, .85);
}

.studio-nav button[b-p0nrs2rh9w] {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border: 0;
    border-radius: 12px;
    color: #64748b;
    background: transparent;
    text-align: left;
    transition: .18s ease;
}

.studio-nav button:hover[b-p0nrs2rh9w] {
    color: #cbd5e1;
    background: rgba(148, 163, 184, .05);
}

.studio-nav button.active[b-p0nrs2rh9w] {
    color: #f8fafc;
    background: linear-gradient(135deg, rgba(34, 211, 238, .12), rgba(167, 139, 250, .12));
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .18);
}

.studio-nav button.abilities.active[b-p0nrs2rh9w] {
    background: linear-gradient(135deg, rgba(56, 189, 248, .15), rgba(59, 130, 246, .07));
}

.studio-nav button.effects.active[b-p0nrs2rh9w] {
    background: linear-gradient(135deg, rgba(251, 191, 36, .15), rgba(249, 115, 22, .07));
}

.studio-nav button.lab.active[b-p0nrs2rh9w] {
    background: linear-gradient(135deg, rgba(167, 139, 250, .15), rgba(34, 211, 238, .07));
}

.studio-nav button span[b-p0nrs2rh9w] {
    min-width: 0;
}

.studio-nav .draft-count[b-p0nrs2rh9w] {
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    margin-left: auto;
    border: 1px solid rgba(251, 191, 36, .25);
    border-radius: 999px;
    color: #fcd34d;
    background: rgba(251, 191, 36, .09);
    font: 800 .58rem/1 sans-serif;
}

.studio-nav strong[b-p0nrs2rh9w], .studio-nav small[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.studio-nav strong[b-p0nrs2rh9w] {
    color: inherit;
    font-size: .78rem;
}

.studio-nav small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .62rem;
}

.designer-layout[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 255px minmax(500px, 1fr) 292px;
    gap: 16px;
    align-items: start;
}

.asset-library[b-p0nrs2rh9w], .design-canvas[b-p0nrs2rh9w], .preview-rail[b-p0nrs2rh9w], .lab-control-bar[b-p0nrs2rh9w], .timeline-panel[b-p0nrs2rh9w], .parameter-panel[b-p0nrs2rh9w] {
    border: 1px solid var(--studio-line);
    border-radius: 18px;
    background: var(--studio-panel);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.asset-library[b-p0nrs2rh9w], .preview-rail[b-p0nrs2rh9w] {
    position: sticky;
    top: 14px;
    max-height: calc(100dvh - 28px);
    overflow: hidden;
}

.asset-library[b-p0nrs2rh9w] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 14px;
}

.panel-heading[b-p0nrs2rh9w], .preview-heading[b-p0nrs2rh9w], .result-heading[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.panel-heading[b-p0nrs2rh9w] {
    margin-bottom: 13px;
}

.panel-heading h2[b-p0nrs2rh9w], .result-heading h2[b-p0nrs2rh9w] {
    margin: 1px 0 0;
    font-size: 1.05rem;
}

.library-scroll[b-p0nrs2rh9w] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    display: grid;
    gap: 6px;
    margin: 12px -4px -2px;
    padding: 0 4px 14px;
    scroll-padding-bottom: 14px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.library-entry[b-p0nrs2rh9w] {
    position: relative;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #94a3b8;
    background: transparent;
    text-align: left;
    transition: .16s ease;
}

.library-entry.has-draft[b-p0nrs2rh9w]::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbbf24;
    box-shadow: 0 0 8px rgba(251, 191, 36, .55);
}

.library-entry:hover[b-p0nrs2rh9w] {
    color: #e2e8f0;
    background: rgba(148, 163, 184, .05);
}

.library-entry.active[b-p0nrs2rh9w] {
    color: #f8fafc;
    border-color: rgba(74, 222, 128, .28);
    background: linear-gradient(110deg, rgba(74, 222, 128, .1), rgba(34, 211, 238, .04));
}

.ability-library .library-entry.active[b-p0nrs2rh9w] {
    border-color: rgba(56, 189, 248, .33);
    background: linear-gradient(110deg, rgba(56, 189, 248, .11), transparent);
}

.effect-library .library-entry.active[b-p0nrs2rh9w] {
    border-color: rgba(251, 191, 36, .33);
    background: linear-gradient(110deg, rgba(251, 191, 36, .1), transparent);
}

.library-entry > span:nth-child(2)[b-p0nrs2rh9w] {
    min-width: 0;
}

.library-entry strong[b-p0nrs2rh9w], .library-entry small[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.library-entry strong[b-p0nrs2rh9w] {
    color: inherit;
    font-size: .76rem;
}

.library-entry small[b-p0nrs2rh9w] {
    margin-top: 3px;
    color: #64748b;
    font-size: .61rem;
}

.library-entry > i[b-p0nrs2rh9w] {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #4ade80;
    background: rgba(74, 222, 128, .12);
    font: 800 .58rem/1 sans-serif;
}

.library-entry > .entry-error[b-p0nrs2rh9w] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(248, 113, 113, .24);
    border-radius: 7px;
    color: #f87171;
    background: rgba(248, 113, 113, .1);
}

.entry-error[b-p0nrs2rh9w]  .mud-icon-root {
    font-size: 1.05rem;
}

.card-thumb[b-p0nrs2rh9w] {
    width: 34px;
    height: 46px;
    justify-self: center;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid rgba(74, 222, 128, .24);
    background: #050810;
}

.entry-emoji[b-p0nrs2rh9w], .entry-fallback[b-p0nrs2rh9w] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    justify-self: center;
    object-fit: contain;
    border-radius: 11px;
}

.entry-emoji[b-p0nrs2rh9w] {
    padding: 5px;
    border: 1px solid rgba(148, 163, 184, .14);
    background: #070b13;
}

.entry-fallback[b-p0nrs2rh9w] {
    color: #94a3b8;
    border: 1px solid rgba(148, 163, 184, .14);
    background: rgba(148, 163, 184, .07);
    font-weight: 800;
}

.entry-fallback.card[b-p0nrs2rh9w] {
    color: #4ade80;
}

.entry-fallback.ability[b-p0nrs2rh9w] {
    color: #38bdf8;
}

.entry-fallback.effect[b-p0nrs2rh9w] {
    color: #fbbf24;
}

.effect-group-scroll[b-p0nrs2rh9w] {
    grid-auto-rows: max-content;
    gap: 8px;
}

.effect-group[b-p0nrs2rh9w] {
    --category: 100, 116, 139;
    overflow: hidden;
    flex: none;
    border: 1px solid rgba(var(--category), .14);
    border-radius: 12px;
    background: rgba(var(--category), .025);
}

.effect-group.category-1[b-p0nrs2rh9w] {
    --category: 248, 113, 113;
}

.effect-group.category-2[b-p0nrs2rh9w] {
    --category: 74, 222, 128;
}

.effect-group.category-3[b-p0nrs2rh9w] {
    --category: 56, 189, 248;
}

.effect-group.category-4[b-p0nrs2rh9w] {
    --category: 251, 146, 60;
}

.effect-group.category-5[b-p0nrs2rh9w] {
    --category: 96, 165, 250;
}

.effect-group.category-6[b-p0nrs2rh9w] {
    --category: 167, 139, 250;
}

.effect-group.category-7[b-p0nrs2rh9w] {
    --category: 244, 114, 182;
}

.effect-group.category-8[b-p0nrs2rh9w] {
    --category: 148, 163, 184;
}

.effect-group-header[b-p0nrs2rh9w] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 8px;
    padding: 9px 8px;
    border: 0;
    color: #94a3b8;
    background: linear-gradient(90deg, rgba(var(--category), .075), transparent);
    text-align: left;
    transition: .16s ease;
}

.effect-group-header:hover[b-p0nrs2rh9w] {
    color: #e2e8f0;
    background: linear-gradient(90deg, rgba(var(--category), .13), rgba(var(--category), .025));
}

.effect-group-icon[b-p0nrs2rh9w] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--category), .2);
    border-radius: 8px;
    color: rgb(var(--category));
    background: rgba(var(--category), .09);
}

.effect-group-icon[b-p0nrs2rh9w]  .mud-icon-root {
    font-size: 1rem;
}

.effect-group-copy[b-p0nrs2rh9w] {
    min-width: 0;
}

.effect-group-copy strong[b-p0nrs2rh9w], .effect-group-copy small[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.effect-group-copy strong[b-p0nrs2rh9w] {
    color: inherit;
    font-size: .69rem;
}

.effect-group-copy small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #536178;
    font-size: .54rem;
}

.effect-group-header > b[b-p0nrs2rh9w] {
    min-width: 20px;
    padding: 4px 5px;
    border-radius: 999px;
    color: rgb(var(--category));
    background: rgba(var(--category), .09);
    font: 800 .55rem/1 sans-serif;
    text-align: center;
}

.effect-group-header[b-p0nrs2rh9w] >  .mud-icon-root {
    color: #64748b;
    font-size: 1rem;
}

.effect-group-entries[b-p0nrs2rh9w] {
    display: grid;
    gap: 2px;
    padding: 2px 3px 5px;
    border-top: 1px solid rgba(var(--category), .09);
}

.effect-library-empty[b-p0nrs2rh9w] {
    min-height: 90px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    color: #64748b;
    border: 1px dashed rgba(148, 163, 184, .16);
    border-radius: 12px;
    font-size: .68rem;
    text-align: center;
}

.effect-library-empty[b-p0nrs2rh9w]  .mud-icon-root {
    color: #475569;
    font-size: 1.25rem;
}

.design-canvas[b-p0nrs2rh9w] {
    min-width: 0;
    overflow: hidden;
}

.canvas-toolbar[b-p0nrs2rh9w] {
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--studio-line);
    background: linear-gradient(100deg, rgba(34, 211, 238, .04), transparent);
}

.canvas-toolbar h1[b-p0nrs2rh9w] {
    margin: 2px 0;
    font-size: 1.28rem;
    letter-spacing: -.02em;
}

.canvas-toolbar small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .67rem;
}

.toolbar-actions[b-p0nrs2rh9w] {
    display: flex;
    gap: 8px;
}

.editor-section[b-p0nrs2rh9w] {
    padding: 20px 22px;
    border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.editor-section:last-child[b-p0nrs2rh9w] {
    border-bottom: 0;
}

.section-title[b-p0nrs2rh9w] {
    margin-bottom: 15px;
}

.section-title > span[b-p0nrs2rh9w], .section-title > div > span[b-p0nrs2rh9w] {
    display: block;
    color: #dbeafe;
    font-size: .85rem;
    font-weight: 800;
}

.section-title > small[b-p0nrs2rh9w], .section-title > div > small[b-p0nrs2rh9w] {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: .66rem;
}

.section-title.with-action[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.cache-state[b-p0nrs2rh9w], .runtime-note[b-p0nrs2rh9w] {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 12px;
    border: 1px solid rgba(34, 211, 238, .13);
    border-radius: 11px;
    color: #38bdf8;
    background: rgba(34, 211, 238, .045);
}

.cache-state span[b-p0nrs2rh9w], .runtime-note span[b-p0nrs2rh9w] {
    min-width: 0;
}

.cache-state strong[b-p0nrs2rh9w], .cache-state small[b-p0nrs2rh9w], .runtime-note strong[b-p0nrs2rh9w], .runtime-note small[b-p0nrs2rh9w] {
    display: block;
}

.cache-state strong[b-p0nrs2rh9w], .runtime-note strong[b-p0nrs2rh9w] {
    color: #cbd5e1;
    font-size: .72rem;
}

.cache-state small[b-p0nrs2rh9w], .runtime-note small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .62rem;
}

.reference-columns[b-p0nrs2rh9w] {
    display: grid;
    gap: 12px;
}

.inline-empty[b-p0nrs2rh9w] {
    min-height: 64px;
    display: grid;
    place-items: center;
    padding: 14px;
    color: #64748b;
    border: 1px dashed rgba(148, 163, 184, .18);
    border-radius: 12px;
    font-size: .73rem;
    text-align: center;
}

.action-designer[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 38px;
    gap: 10px;
    align-items: start;
    margin-top: 10px;
    padding: 12px 8px 12px 12px;
    border: 1px solid rgba(74, 222, 128, .14);
    border-radius: 14px;
    background: rgba(5, 9, 16, .48);
}

.action-order[b-p0nrs2rh9w] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #4ade80;
    background: rgba(74, 222, 128, .1);
    font: 800 .68rem/1 monospace;
}

.action-tools[b-p0nrs2rh9w] {
    display: grid;
}

.empty-canvas[b-p0nrs2rh9w] {
    min-height: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #475569;
    text-align: center;
}

.empty-canvas h2[b-p0nrs2rh9w] {
    margin: 12px 0 4px;
    color: #94a3b8;
}

.empty-canvas p[b-p0nrs2rh9w] {
    max-width: 310px;
    font-size: .75rem;
}

.preview-rail[b-p0nrs2rh9w] {
    padding: 16px;
}

.runtime-card-shell[b-p0nrs2rh9w] {
    max-width: 238px;
    margin: 16px auto 0;
    padding: 8px;
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(74, 222, 128, .3), rgba(34, 211, 238, .06) 40%, rgba(5, 8, 15, .8));
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
}

.runtime-card[b-p0nrs2rh9w] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    border-radius: 13px;
    background: #080c15;
}

.runtime-card[b-p0nrs2rh9w]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 -85px 65px rgba(0, 0, 0, .2);
}

.runtime-card > img[b-p0nrs2rh9w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.runtime-ttl[b-p0nrs2rh9w] {
    position: absolute;
    z-index: 2;
    top: 8.75%;
    left: 84%;
    width: 8.333%;
    height: 6.25%;
    transform: translateX(-50%);
    color: #fff;
    font: 800 1rem/1 sans-serif;
    text-align: left;
    text-shadow: 0 1px 4px #000;
}

.runtime-description[b-p0nrs2rh9w] {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    margin: 0;
    color: white;
    font-size: clamp(.48rem, .6vw, .62rem);
    line-height: 1.18;
    text-align: center;
    text-shadow: 0 1px 3px #000, 0 0 8px #000;
    white-space: pre-line;
}

.missing-art[b-p0nrs2rh9w] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #475569;
    background: radial-gradient(circle, rgba(74, 222, 128, .08), transparent 65%);
    font-size: .72rem;
}

.mini-graph[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 13px;
    background: rgba(4, 7, 13, .5);
}

.mini-graph > i[b-p0nrs2rh9w] {
    height: 1px;
    position: relative;
    background: #334155;
}

.mini-graph > i[b-p0nrs2rh9w]::after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    border-left: 4px solid #64748b;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.mini-graph > div[b-p0nrs2rh9w] {
    display: grid;
    gap: 4px;
}

.mini-graph small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .6rem;
}

.graph-node[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    padding: 5px 7px;
    border-radius: 7px;
    font-size: .58rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.graph-node.card[b-p0nrs2rh9w] {
    color: #86efac;
    background: rgba(74, 222, 128, .1);
}

.graph-node.ability[b-p0nrs2rh9w] {
    color: #7dd3fc;
    background: rgba(56, 189, 248, .1);
}

.graph-node.effect[b-p0nrs2rh9w] {
    color: #fde68a;
    background: rgba(251, 191, 36, .1);
}

.runtime-note[b-p0nrs2rh9w] {
    margin-top: 12px;
    align-items: flex-start;
}

.ability-flow[b-p0nrs2rh9w] {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-top: 18px;
}

.flow-source[b-p0nrs2rh9w], .flow-target[b-p0nrs2rh9w] {
    width: 100%;
    display: grid;
    justify-items: center;
    gap: 3px;
    padding: 14px;
    border: 1px solid rgba(56, 189, 248, .18);
    border-radius: 14px;
    background: radial-gradient(circle at 50% 0, rgba(56, 189, 248, .12), transparent 75%);
}

.flow-source > span[b-p0nrs2rh9w] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #7dd3fc;
    background: rgba(56, 189, 248, .13);
    font-weight: 900;
}

.ability-flow strong[b-p0nrs2rh9w] {
    font-size: .76rem;
}

.ability-flow small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .62rem;
}

.ability-flow > i[b-p0nrs2rh9w] {
    width: 1px;
    height: 18px;
    background: linear-gradient(#38bdf8, #fbbf24);
}

.flow-effects[b-p0nrs2rh9w] {
    width: 100%;
    display: grid;
    gap: 5px;
}

.flow-effects > span[b-p0nrs2rh9w] {
    padding: 8px 10px;
    border: 1px solid rgba(251, 191, 36, .17);
    border-radius: 9px;
    color: #fde68a;
    background: rgba(251, 191, 36, .07);
    font-size: .68rem;
}

.insight-list[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-top: 14px;
}

.insight-list > div[b-p0nrs2rh9w] {
    padding: 9px;
    border-radius: 10px;
    background: rgba(148, 163, 184, .045);
}

.insight-list span[b-p0nrs2rh9w], .insight-list strong[b-p0nrs2rh9w] {
    display: block;
}

.insight-list span[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .58rem;
    text-transform: uppercase;
}

.insight-list strong[b-p0nrs2rh9w] {
    margin-top: 3px;
    color: #cbd5e1;
    font-size: .68rem;
}

.formula-palette[b-p0nrs2rh9w] {
    margin: 0 22px 18px;
    padding: 14px;
    border: 1px solid rgba(167, 139, 250, .2);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(167, 139, 250, .08), rgba(34, 211, 238, .025));
}

.formula-palette > div:first-child[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #a78bfa;
}

.formula-palette strong[b-p0nrs2rh9w], .formula-palette small[b-p0nrs2rh9w] {
    display: block;
}

.formula-palette strong[b-p0nrs2rh9w] {
    color: #e2e8f0;
    font-size: .76rem;
}

.formula-palette small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .62rem;
}

.formula-tokens[b-p0nrs2rh9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 11px;
}

.formula-tokens button[b-p0nrs2rh9w] {
    padding: 4px 7px;
    border: 1px solid rgba(167, 139, 250, .18);
    border-radius: 6px;
    color: #c4b5fd;
    background: rgba(15, 11, 30, .55);
    font: .59rem/1.2 monospace;
}

.formula-tokens button:hover[b-p0nrs2rh9w] {
    border-color: rgba(167, 139, 250, .55);
    background: rgba(167, 139, 250, .12);
}

.formula-panels[b-p0nrs2rh9w] {
    margin: 0 18px 18px;
}

.overlay-settings[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(135px, .8fr) minmax(120px, .6fr);
    gap: 10px;
    align-items: start;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgba(251, 191, 36, .14);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(251, 191, 36, .06), rgba(167, 139, 250, .025));
}

.boss-overlay-settings[b-p0nrs2rh9w] {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    border-color: rgba(167, 139, 250, .16);
    background: linear-gradient(135deg, rgba(167, 139, 250, .07), rgba(56, 189, 248, .025));
}

.overlay-settings-title[b-p0nrs2rh9w] {
    grid-column: 1 / -1;
}

.overlay-settings-title strong[b-p0nrs2rh9w], .overlay-settings-title small[b-p0nrs2rh9w] {
    display: block;
}

.overlay-settings-title strong[b-p0nrs2rh9w] {
    color: #e2e8f0;
    font-size: .72rem;
}

.overlay-settings-title small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .61rem;
}

.overlay-reuse-note[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(56, 189, 248, .17);
    border-radius: 12px;
    color: #38bdf8;
    background: rgba(56, 189, 248, .05);
}

.overlay-reuse-note span[b-p0nrs2rh9w], .overlay-reuse-note strong[b-p0nrs2rh9w], .overlay-reuse-note small[b-p0nrs2rh9w] {
    display: block;
}

.overlay-reuse-note strong[b-p0nrs2rh9w] {
    color: #bae6fd;
    font-size: .7rem;
}

.overlay-reuse-note small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .61rem;
}

.overlay-grid[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.overlay-label[b-p0nrs2rh9w] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 7px;
}

.overlay-label strong[b-p0nrs2rh9w] {
    font-size: .7rem;
}

.overlay-label small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .6rem;
}

.overlay-choices[b-p0nrs2rh9w] {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    margin: -1px 0 7px;
    padding-bottom: 2px;
}

.overlay-choices button[b-p0nrs2rh9w] {
    flex: 0 0 auto;
    max-width: 150px;
    overflow: hidden;
    padding: 4px 7px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 6px;
    color: #64748b;
    background: rgba(4, 7, 13, .5);
    font-size: .55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overlay-choices button.active[b-p0nrs2rh9w] {
    color: #bae6fd;
    border-color: rgba(56, 189, 248, .35);
    background: rgba(56, 189, 248, .09);
}

.overlay-stage[b-p0nrs2rh9w] {
    height: 180px;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin-bottom: 8px;
    border: 1px dashed rgba(148, 163, 184, .18);
    border-radius: 13px;
    color: #475569;
    background: radial-gradient(circle, rgba(251, 191, 36, .08), transparent 68%);
}

.overlay-stage img[b-p0nrs2rh9w] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.overlay-stage.servant img[b-p0nrs2rh9w] {
    max-width: 135px;
}

.effect-aura[b-p0nrs2rh9w] {
    position: relative;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 15px;
    border: 1px solid rgba(251, 191, 36, .16);
    border-radius: 16px;
    background: radial-gradient(circle, rgba(251, 191, 36, .11), transparent 62%);
}

.aura-ring[b-p0nrs2rh9w] {
    position: absolute;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(251, 191, 36, .2);
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(251, 191, 36, .08), inset 0 0 30px rgba(251, 191, 36, .04);
}

.aura-icon[b-p0nrs2rh9w] {
    z-index: 1;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fbbf24;
    background: rgba(251, 191, 36, .13);
    font-size: 1.2rem;
    font-weight: 900;
    box-shadow: 0 0 28px rgba(251, 191, 36, .12);
}

.effect-aura strong[b-p0nrs2rh9w], .effect-aura small[b-p0nrs2rh9w] {
    z-index: 1;
}

.effect-aura strong[b-p0nrs2rh9w] {
    margin-top: 11px;
    font-size: .8rem;
}

.effect-aura small[b-p0nrs2rh9w] {
    margin-top: 3px;
    color: #64748b;
    font-size: .62rem;
}

.payload-map[b-p0nrs2rh9w] {
    display: grid;
    gap: 6px;
    margin-top: 13px;
}

.payload-map > div:not(.inline-empty)[b-p0nrs2rh9w] {
    padding: 8px 9px;
    border-radius: 9px;
    background: rgba(148, 163, 184, .045);
}

.payload-map span[b-p0nrs2rh9w], .payload-map code[b-p0nrs2rh9w] {
    display: block;
}

.payload-map span[b-p0nrs2rh9w] {
    color: #fcd34d;
    font-size: .61rem;
    font-weight: 700;
}

.payload-map code[b-p0nrs2rh9w] {
    overflow: hidden;
    margin-top: 3px;
    color: #94a3b8;
    font-size: .56rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.battle-lab[b-p0nrs2rh9w] {
    display: grid;
    gap: 16px;
}

.lab-control-bar[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 18px 20px;
}

.lab-control-bar h2[b-p0nrs2rh9w] {
    margin: 2px 0;
    font-size: 1.1rem;
}

.lab-control-bar small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .65rem;
}

.subject-controls[b-p0nrs2rh9w] {
    flex: 1;
    max-width: 830px;
    display: grid;
    grid-template-columns: 150px minmax(190px, 1fr) auto auto;
    gap: 8px;
    align-items: center;
}

.lab-encounter-bar[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(290px, 1.15fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
    border: 1px solid var(--studio-line);
    border-radius: 18px;
    background: var(--studio-panel);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.encounter-heading strong[b-p0nrs2rh9w], .encounter-heading small[b-p0nrs2rh9w] {
    display: block;
}

.encounter-heading strong[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #e2e8f0;
    font-size: .82rem;
}

.encounter-heading small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .6rem;
}

.encounter-progress[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(76px, 1fr));
    overflow: hidden;
    border: 1px solid rgba(248, 113, 113, .15);
    border-radius: 12px;
    background: rgba(248, 113, 113, .035);
    transition: filter .2s ease, opacity .2s ease;
}

.encounter-progress > span[b-p0nrs2rh9w] {
    min-width: 0;
    padding: 9px 11px;
}

.encounter-progress > span + span[b-p0nrs2rh9w] {
    border-left: 1px solid rgba(248, 113, 113, .12);
}

.encounter-progress small[b-p0nrs2rh9w], .encounter-progress strong[b-p0nrs2rh9w] {
    display: block;
    white-space: nowrap;
}

.encounter-progress small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .52rem;
    text-transform: uppercase;
}

.encounter-progress strong[b-p0nrs2rh9w] {
    margin-top: 3px;
    color: #fca5a5;
    font-size: .7rem;
}

.encounter-progress.defeated[b-p0nrs2rh9w] {
    filter: grayscale(1);
    opacity: .55;
}

.encounter-actions[b-p0nrs2rh9w], .side-actions[b-p0nrs2rh9w] {
    display: flex;
    gap: 5px;
}

.encounter-actions button[b-p0nrs2rh9w], .side-actions button[b-p0nrs2rh9w] {
    border: 1px solid rgba(148, 163, 184, .14);
    color: #94a3b8;
    background: rgba(4, 7, 13, .55);
    transition: .16s ease;
}

.encounter-actions button[b-p0nrs2rh9w] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border-radius: 9px;
    font-size: .62rem;
}

.encounter-actions button.heal:hover[b-p0nrs2rh9w], .side-actions button:hover[b-p0nrs2rh9w] {
    color: #86efac;
    border-color: rgba(74, 222, 128, .35);
    background: rgba(74, 222, 128, .08);
}

.encounter-actions button.kill:hover[b-p0nrs2rh9w], .side-actions button:nth-child(2):hover[b-p0nrs2rh9w], .side-actions button:nth-child(4):hover[b-p0nrs2rh9w] {
    color: #fca5a5;
    border-color: rgba(248, 113, 113, .35);
    background: rgba(248, 113, 113, .08);
}

.encounter-actions button:disabled[b-p0nrs2rh9w], .side-actions button:disabled[b-p0nrs2rh9w] {
    cursor: default;
    opacity: .4;
}

.side-actions button[b-p0nrs2rh9w] {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    padding: 0;
    border-radius: 8px;
}

.side-actions button[b-p0nrs2rh9w]  svg {
    font-size: .95rem;
}

.battle-stage[b-p0nrs2rh9w] {
    min-height: 430px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(530px, 1.35fr) 72px minmax(360px, .8fr);
    gap: 18px;
    align-items: center;
    padding: 30px;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 21px;
    background: radial-gradient(circle at 15% 15%, rgba(34, 211, 238, .13), transparent 35%), radial-gradient(circle at 85% 15%, rgba(248, 113, 113, .12), transparent 35%), linear-gradient(145deg, #0b1220, #070a11 55%, #120b12);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .25);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.battle-stage.is-arming[b-p0nrs2rh9w] {
    border-color: rgba(167, 139, 250, .36);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .25), inset 0 0 45px rgba(167, 139, 250, .06);
}

.battle-stage.is-resolving[b-p0nrs2rh9w] {
    border-color: rgba(34, 211, 238, .38);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .25), inset 0 0 55px rgba(34, 211, 238, .08);
}

.battle-grid-glow[b-p0nrs2rh9w] {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .15;
    background-image: linear-gradient(rgba(125, 211, 252, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 211, 252, .18) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: radial-gradient(circle, #000 0, transparent 75%);
}

.lab-cast-sweep[b-p0nrs2rh9w] {
    position: absolute;
    z-index: 6;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.lab-cast-sweep span[b-p0nrs2rh9w] {
    position: absolute;
    top: -20%;
    bottom: -20%;
    width: 18%;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(125, 211, 252, .14), rgba(196, 181, 253, .24), transparent);
    filter: blur(8px);
    transform: skewX(-15deg);
    animation: lab-sweep-b-p0nrs2rh9w .82s ease-in-out forwards;
}

.combat-side[b-p0nrs2rh9w] {
    min-width: 0;
}

.side-label[b-p0nrs2rh9w] {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin: 0 4px 9px;
}

.side-label > div:first-child[b-p0nrs2rh9w] {
    min-width: 0;
}

.side-label > div:first-child > span[b-p0nrs2rh9w], .side-label > div:first-child > small[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-label > div:first-child > span[b-p0nrs2rh9w] {
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.player-side .side-label > div:first-child > span[b-p0nrs2rh9w] {
    color: #67e8f9;
}

.boss-side .side-label > div:first-child > span[b-p0nrs2rh9w] {
    color: #fca5a5;
}

.side-label > div:first-child > small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .6rem;
}

.servant-preset-controls[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 90px minmax(125px, .8fr);
    gap: 8px;
    align-items: center;
    margin: 0 4px 9px;
    padding: 10px;
    border: 1px solid rgba(34, 211, 238, .13);
    border-radius: 13px;
    background: rgba(5, 16, 27, .68);
}

.servant-preset-controls > div:first-child[b-p0nrs2rh9w] {
    grid-column: 1 / -1;
}

.servant-preset-controls > div:first-child span[b-p0nrs2rh9w], .servant-preset-controls > div:first-child small[b-p0nrs2rh9w] {
    display: block;
}

.servant-preset-controls > div:first-child span[b-p0nrs2rh9w] {
    color: #a5f3fc;
    font-size: .61rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.servant-preset-controls > div:first-child small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .55rem;
}

.tier-roll-summary[b-p0nrs2rh9w] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 5px 8px;
    border: 1px solid rgba(167, 139, 250, .16);
    border-radius: 9px;
    color: #a78bfa;
    background: rgba(88, 28, 135, .08);
}

.tier-roll-summary[b-p0nrs2rh9w]  svg {
    font-size: 1.15rem;
}

.tier-roll-summary span[b-p0nrs2rh9w], .tier-roll-summary strong[b-p0nrs2rh9w], .tier-roll-summary small[b-p0nrs2rh9w] {
    min-width: 0;
    display: block;
}

.tier-roll-summary strong[b-p0nrs2rh9w], .tier-roll-summary small[b-p0nrs2rh9w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tier-roll-summary strong[b-p0nrs2rh9w] {
    color: #ddd6fe;
    font-size: .59rem;
}

.tier-roll-summary small[b-p0nrs2rh9w] {
    margin-top: 1px;
    color: #7c6f9f;
    font-size: .5rem;
}

.player-roster[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(300px, 1.6fr) repeat(2, minmax(105px, .52fr));
    gap: 8px;
    align-items: stretch;
}

.source-servant[b-p0nrs2rh9w] {
    min-width: 0;
}

.source-servant > .unit-card[b-p0nrs2rh9w] {
    height: 100%;
}

.teammate-card[b-p0nrs2rh9w] {
    position: relative;
    min-width: 0;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    padding: 13px 10px 11px;
    border: 1px solid rgba(34, 211, 238, .13);
    border-radius: 16px;
    color: #94a3b8;
    background: rgba(5, 9, 17, .65);
    text-align: left;
    transition: border-color .16s ease, background .16s ease, transform .16s ease, filter .2s ease, opacity .2s ease;
}

.teammate-card:hover:not(:disabled)[b-p0nrs2rh9w] {
    border-color: rgba(34, 211, 238, .38);
    background: rgba(8, 20, 31, .85);
    transform: translateY(-2px);
}

.teammate-icon[b-p0nrs2rh9w] {
    min-height: 76px;
    display: grid;
    place-items: center;
    margin: -13px -10px 11px;
    color: rgba(103, 232, 249, .55);
    background: radial-gradient(circle, rgba(34, 211, 238, .14), transparent 68%);
}

.teammate-icon[b-p0nrs2rh9w]  svg {
    font-size: 2.8rem;
}

.teammate-copy[b-p0nrs2rh9w] {
    min-width: 0;
    display: block;
}

.teammate-copy strong[b-p0nrs2rh9w], .teammate-copy small[b-p0nrs2rh9w], .teammate-copy em[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.teammate-copy strong[b-p0nrs2rh9w] {
    color: #dbeafe;
    font-size: .7rem;
}

.teammate-copy small[b-p0nrs2rh9w] {
    margin-top: 3px;
    color: #64748b;
    font-size: .52rem;
}

.teammate-copy > i[b-p0nrs2rh9w] {
    height: 7px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 5px;
    background: rgba(15, 23, 42, .9);
}

.teammate-copy > i > b[b-p0nrs2rh9w] {
    position: absolute;
    inset: 0 auto 0 0;
    background: linear-gradient(90deg, #0891b2, #22d3ee);
    transition: width .55s cubic-bezier(.2, .8, .2, 1);
}

.teammate-copy em[b-p0nrs2rh9w] {
    margin-top: 4px;
    color: #94a3b8;
    font: normal .54rem/1.2 sans-serif;
}

.teammate-copy em u[b-p0nrs2rh9w] {
    margin-left: 2px;
    color: #f87171;
    font-weight: 800;
    text-decoration: none;
}

.teammate-source[b-p0nrs2rh9w] {
    margin-top: auto;
    padding-top: 10px;
    color: #67e8f9;
    font-size: .52rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.teammate-card.defeated[b-p0nrs2rh9w] {
    filter: grayscale(1);
    opacity: .43;
}

.teammate-card.defeated[b-p0nrs2rh9w]::after {
    content: "Defeated";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #e2e8f0;
    background: rgba(3, 6, 11, .42);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.unit-card[b-p0nrs2rh9w] {
    position: relative;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    min-height: 220px;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, .2);
    border-radius: 18px;
    background: rgba(5, 9, 17, .82);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
    transition: filter .2s ease, opacity .2s ease;
}

.unit-card.boss[b-p0nrs2rh9w] {
    border-color: rgba(248, 113, 113, .22);
}

.unit-card.impact.damage[b-p0nrs2rh9w] {
    animation: unit-hit-b-p0nrs2rh9w .52s ease-out;
}

.unit-card.impact.heal[b-p0nrs2rh9w] {
    animation: unit-heal-b-p0nrs2rh9w .52s ease-out;
}

.unit-card.defeated[b-p0nrs2rh9w] {
    filter: grayscale(1);
    opacity: .45;
}

.combat-side.defeated > :not(.side-label)[b-p0nrs2rh9w] {
    filter: grayscale(1);
    opacity: .5;
}

.source-context[b-p0nrs2rh9w], .defeated-stamp[b-p0nrs2rh9w] {
    position: absolute;
    z-index: 5;
    top: 9px;
    left: 9px;
    padding: 4px 7px;
    border: 1px solid rgba(34, 211, 238, .22);
    border-radius: 7px;
    color: #67e8f9;
    background: rgba(2, 18, 32, .9);
    font-size: .51rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.defeated-stamp[b-p0nrs2rh9w] {
    z-index: 8;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #f8fafc;
    background: rgba(3, 6, 11, .38);
    font-size: .78rem;
    letter-spacing: .14em;
    pointer-events: none;
}

.unit-impact[b-p0nrs2rh9w] {
    position: absolute;
    z-index: 7;
    top: 45px;
    right: 18px;
    display: grid;
    justify-items: end;
    padding: 7px 10px;
    border: 1px solid currentColor;
    border-radius: 10px;
    color: #f87171;
    background: rgba(31, 7, 12, .92);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .38);
}

.unit-impact.heal[b-p0nrs2rh9w] {
    color: #4ade80;
    background: rgba(4, 24, 14, .92);
}

.unit-impact strong[b-p0nrs2rh9w] {
    font-size: 1rem;
    line-height: 1;
}

.unit-impact small[b-p0nrs2rh9w] {
    margin-top: 3px;
    font-size: .58rem;
}

.unit-portrait[b-p0nrs2rh9w] {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: rgba(103, 232, 249, .65);
    background: radial-gradient(circle, rgba(34, 211, 238, .16), transparent 68%);
}

.unit-card.boss .unit-portrait[b-p0nrs2rh9w] {
    color: rgba(252, 165, 165, .65);
    background: radial-gradient(circle, rgba(248, 113, 113, .15), transparent 68%);
}

.unit-portrait > img[b-p0nrs2rh9w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unit-portrait[b-p0nrs2rh9w]  svg {
    font-size: 4.5rem;
}

.unit-shield[b-p0nrs2rh9w], .unit-parry[b-p0nrs2rh9w] {
    position: absolute;
    left: 9px;
    bottom: 9px;
    padding: 4px 6px;
    border-radius: 6px;
    color: #7dd3fc;
    background: rgba(2, 18, 32, .9);
    font-size: .56rem;
}

.unit-parry[b-p0nrs2rh9w] {
    left: auto;
    right: 9px;
    color: #fde68a;
}

.unit-info[b-p0nrs2rh9w] {
    min-width: 0;
    padding: 18px;
}

.unit-info > div:first-child strong[b-p0nrs2rh9w], .unit-info > div:first-child small[b-p0nrs2rh9w] {
    display: block;
}

.unit-info > div:first-child strong[b-p0nrs2rh9w] {
    font-size: .95rem;
}

.unit-info > div:first-child small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .61rem;
}

.health-track[b-p0nrs2rh9w] {
    height: 24px;
    position: relative;
    overflow: hidden;
    margin: 13px 0 7px;
    border-radius: 7px;
    background: rgba(15, 23, 42, .9);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .11);
}

.health-track i[b-p0nrs2rh9w] {
    position: absolute;
    inset: 0 auto 0 0;
    background: linear-gradient(90deg, #0891b2, #22d3ee);
    box-shadow: 0 0 15px rgba(34, 211, 238, .25);
    transition: width .55s cubic-bezier(.2, .8, .2, 1);
}

.boss .health-track i[b-p0nrs2rh9w] {
    background: linear-gradient(90deg, #b91c1c, #f87171);
    box-shadow: 0 0 15px rgba(248, 113, 113, .25);
}

.health-track span[b-p0nrs2rh9w] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #f8fafc;
    font: 700 .62rem/1 sans-serif;
    text-shadow: 0 1px 2px #000;
}

.health-change[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    padding: 5px 7px;
    border-radius: 7px;
    color: #f87171;
    background: rgba(248, 113, 113, .08);
    font-size: .58rem;
}

.health-change.heal[b-p0nrs2rh9w] {
    color: #4ade80;
    background: rgba(74, 222, 128, .08);
}

.health-change span[b-p0nrs2rh9w] {
    color: #64748b;
    text-transform: uppercase;
}

.health-change strong[b-p0nrs2rh9w] {
    color: #e2e8f0;
    text-align: center;
}

.health-change em[b-p0nrs2rh9w] {
    font-style: normal;
    font-weight: 800;
}

.unit-stats[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.unit-stats > span[b-p0nrs2rh9w] {
    min-width: 0;
    padding: 7px 4px;
    border-radius: 8px;
    background: rgba(148, 163, 184, .05);
    text-align: center;
}

.unit-stats small[b-p0nrs2rh9w], .unit-stats b[b-p0nrs2rh9w], .unit-stats em[b-p0nrs2rh9w] {
    display: block;
}

.unit-stats small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .5rem;
}

.unit-stats b[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #dbeafe;
    font-size: .66rem;
}

.unit-stats em[b-p0nrs2rh9w] {
    min-height: 10px;
    color: #4ade80;
    font: normal .5rem/1 sans-serif;
}

.versus[b-p0nrs2rh9w] {
    display: grid;
    justify-items: center;
    gap: 4px;
}

.versus span[b-p0nrs2rh9w] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, .35);
    border-radius: 50%;
    color: #ddd6fe;
    background: rgba(15, 10, 30, .8);
    font-weight: 900;
    box-shadow: 0 0 35px rgba(167, 139, 250, .14);
}

.versus small[b-p0nrs2rh9w] {
    color: #64748b;
    font: .55rem/1 monospace;
}

.versus i[b-p0nrs2rh9w] {
    width: 1px;
    height: 70px;
    background: linear-gradient(transparent, rgba(167, 139, 250, .5), transparent);
}

.card-zones[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 11px 4px 0;
}

.card-zones > div[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 6px;
}

.card-zones small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .54rem;
    text-transform: uppercase;
}

.zone-slots[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px;
}

.zone-slots b[b-p0nrs2rh9w] {
    height: 22px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 4px;
    background: rgba(2, 6, 12, .55);
}

.player-side .zone-slots b.filled[b-p0nrs2rh9w] {
    border-color: rgba(34, 211, 238, .28);
    background: linear-gradient(145deg, rgba(34, 211, 238, .28), rgba(14, 116, 144, .12));
}

.boss-side .zone-slots b.filled[b-p0nrs2rh9w] {
    border-color: rgba(248, 113, 113, .28);
    background: linear-gradient(145deg, rgba(248, 113, 113, .26), rgba(127, 29, 29, .12));
}

.zone-slots.hand b[b-p0nrs2rh9w] {
    transform: skew(-5deg);
}

.scenario-editor[b-p0nrs2rh9w] {
    border-radius: 16px;
    overflow: hidden;
}

.scenario-unit-heading[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 7px 0 -4px;
    padding: 7px 10px;
    border-left: 2px solid rgba(34, 211, 238, .35);
    color: #cbd5e1;
    background: rgba(34, 211, 238, .035);
}

.scenario-unit-heading small[b-p0nrs2rh9w] {
    color: #64748b;
    font-size: .58rem;
    text-transform: uppercase;
}

.lab-results[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, .75fr);
    gap: 16px;
    align-items: start;
}

.timeline-panel[b-p0nrs2rh9w], .parameter-panel[b-p0nrs2rh9w] {
    padding: 18px;
}

.parameter-panel[b-p0nrs2rh9w] {
    position: sticky;
    top: 14px;
}

.result-heading[b-p0nrs2rh9w] {
    margin-bottom: 14px;
}

.lab-resolving[b-p0nrs2rh9w] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #38bdf8;
    border: 1px dashed rgba(56, 189, 248, .2);
    border-radius: 12px;
    background: rgba(56, 189, 248, .035);
}

.lab-resolving strong[b-p0nrs2rh9w], .lab-resolving small[b-p0nrs2rh9w] {
    display: block;
}

.lab-resolving strong[b-p0nrs2rh9w] {
    color: #cbd5e1;
    font-size: .73rem;
}

.lab-resolving small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #64748b;
    font-size: .61rem;
}

.defeat-summary[b-p0nrs2rh9w] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
    padding: 11px 13px;
    border: 1px solid rgba(251, 191, 36, .2);
    border-radius: 12px;
    color: #fbbf24;
    background: linear-gradient(90deg, rgba(251, 191, 36, .09), rgba(248, 113, 113, .035));
}

.defeat-summary span[b-p0nrs2rh9w], .defeat-summary strong[b-p0nrs2rh9w], .defeat-summary small[b-p0nrs2rh9w] {
    display: block;
}

.defeat-summary strong[b-p0nrs2rh9w] {
    color: #fde68a;
    font-size: .75rem;
}

.defeat-summary small[b-p0nrs2rh9w] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: .61rem;
}

.event-timeline[b-p0nrs2rh9w] {
    position: relative;
    display: grid;
    gap: 7px;
}

.event-timeline[b-p0nrs2rh9w]::before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 16px;
    left: 32px;
    width: 1px;
    background: rgba(148, 163, 184, .14);
}

.event-row[b-p0nrs2rh9w] {
    --tone: 56, 189, 248;
    position: relative;
    display: grid;
    grid-template-columns: 26px 13px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    min-height: 66px;
    padding: 9px 12px 9px 8px;
    border: 1px solid rgba(var(--tone), .14);
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(var(--tone), .055), rgba(4, 7, 13, .42));
    opacity: 0;
    animation: event-arrive-b-p0nrs2rh9w .32s ease-out forwards;
}

.event-row.damage[b-p0nrs2rh9w] {
    --tone: 248, 113, 113;
}

.event-row.heal[b-p0nrs2rh9w] {
    --tone: 74, 222, 128;
}

.event-row.shield[b-p0nrs2rh9w] {
    --tone: 56, 189, 248;
}

.event-row.buff[b-p0nrs2rh9w] {
    --tone: 167, 139, 250;
}

.event-row.debuff[b-p0nrs2rh9w] {
    --tone: 251, 146, 60;
}

.event-row.miss[b-p0nrs2rh9w] {
    --tone: 148, 163, 184;
}

.event-row.action[b-p0nrs2rh9w] {
    --tone: 251, 191, 36;
}

.event-index[b-p0nrs2rh9w] {
    color: #64748b;
    font: .58rem/1 monospace;
    text-align: center;
}

.event-pulse[b-p0nrs2rh9w] {
    z-index: 1;
    width: 9px;
    height: 9px;
    border: 2px solid rgb(var(--tone));
    border-radius: 50%;
    background: #090d17;
    box-shadow: 0 0 10px rgba(var(--tone), .35);
}

.event-row > div[b-p0nrs2rh9w] {
    min-width: 0;
}

.event-row small[b-p0nrs2rh9w], .event-row strong[b-p0nrs2rh9w], .event-row code[b-p0nrs2rh9w] {
    display: block;
}

.event-row small[b-p0nrs2rh9w] {
    color: rgb(var(--tone));
    font-size: .53rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.event-row strong[b-p0nrs2rh9w] {
    margin-top: 2px;
    font-size: .71rem;
}

.event-row code[b-p0nrs2rh9w] {
    overflow: hidden;
    margin-top: 3px;
    color: #64748b;
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-row > b[b-p0nrs2rh9w] {
    color: rgb(var(--tone));
    font-size: .78rem;
}

.parameter-columns[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.parameter-columns > div[b-p0nrs2rh9w] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 11px;
    background: rgba(4, 7, 13, .45);
}

.parameter-columns strong[b-p0nrs2rh9w] {
    display: block;
    overflow: hidden;
    margin-bottom: 8px;
    color: #cbd5e1;
    font-size: .63rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parameter-columns code[b-p0nrs2rh9w] {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    padding: 3px 0;
    color: #64748b;
    font-size: .52rem;
}

.parameter-columns code b[b-p0nrs2rh9w] {
    color: #94a3b8;
    font-weight: 600;
}

.lab-legend[b-p0nrs2rh9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 12px;
}

.lab-legend span[b-p0nrs2rh9w] {
    padding: 4px 7px;
    border-radius: 6px;
    font-size: .54rem;
    background: rgba(148, 163, 184, .08);
}

.lab-legend .damage[b-p0nrs2rh9w] {
    color: #f87171;
}

.lab-legend .heal[b-p0nrs2rh9w] {
    color: #4ade80;
}

.lab-legend .shield[b-p0nrs2rh9w] {
    color: #38bdf8;
}

.lab-legend .buff[b-p0nrs2rh9w] {
    color: #a78bfa;
}

.lab-legend .miss[b-p0nrs2rh9w] {
    color: #94a3b8;
}

@keyframes lab-sweep-b-p0nrs2rh9w {
    0% {
        left: -22%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        left: 106%;
        opacity: 0;
    }
}

@keyframes unit-hit-b-p0nrs2rh9w {
    0%, 100% {
        transform: translateX(0);
        filter: none;
    }
    18% {
        transform: translateX(-5px);
        filter: brightness(1.35) saturate(1.3);
    }
    36% {
        transform: translateX(4px);
    }
    54% {
        transform: translateX(-2px);
    }
}

@keyframes unit-heal-b-p0nrs2rh9w {
    0%, 100% {
        filter: none;
    }
    45% {
        filter: brightness(1.3) drop-shadow(0 0 14px rgba(74, 222, 128, .38));
    }
}

@keyframes event-arrive-b-p0nrs2rh9w {
    from {
        opacity: 0;
        transform: translateY(7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lab-cast-sweep span[b-p0nrs2rh9w], .unit-card.impact[b-p0nrs2rh9w], .event-row[b-p0nrs2rh9w] {
        animation: none;
        opacity: 1;
    }

    .health-track i[b-p0nrs2rh9w] {
        transition: none;
    }
}

[b-p0nrs2rh9w] .mud-input-control {
    margin-top: 0;
}

[b-p0nrs2rh9w] .mud-input-outlined-border {
    border-color: rgba(148, 163, 184, .17);
}

[b-p0nrs2rh9w] .formula-panels .mud-expand-panel {
    border: 1px solid rgba(148, 163, 184, .1);
    background: rgba(5, 9, 16, .42);
}

[b-p0nrs2rh9w] .scenario-editor .mud-expand-panel {
    border: 1px solid var(--studio-line);
    border-radius: 16px;
    background: var(--studio-panel);
}

@media (max-width: 1450px) {
    .designer-layout[b-p0nrs2rh9w] {
        grid-template-columns: 235px minmax(480px, 1fr) 260px;
    }

    .unit-card[b-p0nrs2rh9w] {
        grid-template-columns: 115px minmax(0, 1fr);
    }

    .unit-stats[b-p0nrs2rh9w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .battle-stage[b-p0nrs2rh9w] {
        grid-template-columns: minmax(460px, 1.2fr) 60px minmax(330px, .8fr);
        padding: 24px;
    }

    .player-roster[b-p0nrs2rh9w] {
        grid-template-columns: minmax(270px, 1.55fr) repeat(2, minmax(96px, .5fr));
    }

    .lab-encounter-bar[b-p0nrs2rh9w] {
        grid-template-columns: minmax(190px, .7fr) minmax(250px, 1fr) auto;
    }

    .encounter-actions[b-p0nrs2rh9w] {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        margin-top: -8px;
    }
}

@media (max-width: 1200px) {
    .designer-layout[b-p0nrs2rh9w] {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    .preview-rail[b-p0nrs2rh9w] {
        position: static;
        max-height: none;
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 210px 1fr;
        gap: 14px;
        align-items: start;
    }

    .preview-heading[b-p0nrs2rh9w] {
        grid-column: 1 / -1;
    }

    .runtime-card-shell[b-p0nrs2rh9w] {
        margin: 0;
    }

    .mini-graph[b-p0nrs2rh9w], .runtime-note[b-p0nrs2rh9w] {
        margin-top: 0;
    }

    .battle-stage[b-p0nrs2rh9w] {
        grid-template-columns: minmax(430px, 1.2fr) 52px minmax(285px, .8fr);
        padding: 22px;
    }

    .unit-card[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .unit-portrait[b-p0nrs2rh9w] {
        min-height: 100px;
    }

    .unit-portrait[b-p0nrs2rh9w]  svg {
        font-size: 3rem;
    }

    .player-roster[b-p0nrs2rh9w] {
        grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(88px, .5fr));
    }

    .teammate-card[b-p0nrs2rh9w] {
        min-height: 290px;
    }

    .lab-results[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .parameter-panel[b-p0nrs2rh9w] {
        position: static;
    }
}

@media (max-width: 900px) {
    .studio-hero[b-p0nrs2rh9w] {
        align-items: flex-start;
        flex-direction: column;
        padding: 26px;
    }

    .hero-metrics[b-p0nrs2rh9w] {
        min-width: 0;
        width: 100%;
    }

    .studio-nav[b-p0nrs2rh9w] {
        grid-template-columns: 1fr 1fr;
    }

    .designer-layout[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .asset-library[b-p0nrs2rh9w] {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .library-scroll[b-p0nrs2rh9w] {
        flex: none;
        max-height: none;
        overflow-y: visible;
    }

    .preview-rail[b-p0nrs2rh9w] {
        grid-column: auto;
    }

    .battle-stage[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .versus[b-p0nrs2rh9w] {
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
    }

    .versus i[b-p0nrs2rh9w] {
        width: 100%;
        height: 1px;
        grid-column: 1 / -1;
    }

    .subject-controls[b-p0nrs2rh9w] {
        grid-template-columns: 1fr 1fr;
    }

    .lab-control-bar[b-p0nrs2rh9w] {
        align-items: stretch;
        flex-direction: column;
    }

    .subject-controls[b-p0nrs2rh9w] {
        max-width: none;
    }

    .overlay-grid[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .lab-encounter-bar[b-p0nrs2rh9w] {
        grid-template-columns: 1fr 1fr;
    }

    .encounter-heading[b-p0nrs2rh9w] {
        grid-column: 1 / -1;
    }

    .encounter-actions[b-p0nrs2rh9w] {
        grid-column: auto;
        grid-row: auto;
        margin-top: 0;
    }

    .player-roster[b-p0nrs2rh9w] {
        grid-template-columns: minmax(300px, 1.4fr) repeat(2, minmax(110px, .5fr));
    }

    .teammate-card[b-p0nrs2rh9w] {
        min-height: 220px;
    }
}

@media (max-width: 650px) {
    .studio-hero[b-p0nrs2rh9w] {
        padding: 22px 18px;
    }

    .hero-metrics[b-p0nrs2rh9w] {
        grid-template-columns: 1fr 1fr;
    }

    .studio-nav button[b-p0nrs2rh9w] {
        padding: 10px;
    }

    .studio-nav small[b-p0nrs2rh9w] {
        display: none;
    }

    .canvas-toolbar[b-p0nrs2rh9w] {
        align-items: flex-start;
        flex-direction: column;
        padding: 17px;
    }

    .toolbar-actions[b-p0nrs2rh9w] {
        width: 100%;
        flex-wrap: wrap;
    }

    .editor-section[b-p0nrs2rh9w] {
        padding: 17px;
    }

    .section-title.with-action[b-p0nrs2rh9w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .action-designer[b-p0nrs2rh9w] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .action-tools[b-p0nrs2rh9w] {
        grid-column: 2;
        grid-auto-flow: column;
        justify-content: end;
    }

    .preview-rail[b-p0nrs2rh9w] {
        display: block;
    }

    .runtime-card-shell[b-p0nrs2rh9w] {
        margin: 14px auto;
    }

    .formula-palette[b-p0nrs2rh9w] {
        margin: 0 14px 14px;
    }

    .formula-panels[b-p0nrs2rh9w] {
        margin: 0 10px 12px;
    }

    .subject-controls[b-p0nrs2rh9w], .overlay-settings[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .battle-stage[b-p0nrs2rh9w] {
        padding: 14px;
    }

    .unit-card[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .card-zones[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .parameter-columns[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .event-row[b-p0nrs2rh9w] {
        grid-template-columns: 20px 11px minmax(0, 1fr);
    }

    .event-row > b[b-p0nrs2rh9w] {
        grid-column: 3;
    }

    .event-timeline[b-p0nrs2rh9w]::before {
        left: 27px;
    }

    .lab-encounter-bar[b-p0nrs2rh9w] {
        grid-template-columns: 1fr;
    }

    .encounter-heading[b-p0nrs2rh9w] {
        grid-column: auto;
    }

    .encounter-actions[b-p0nrs2rh9w] {
        justify-self: stretch;
    }

    .encounter-actions button[b-p0nrs2rh9w] {
        flex: 1;
        justify-content: center;
    }

    .servant-preset-controls[b-p0nrs2rh9w] {
        grid-template-columns: minmax(0, 1fr) 90px;
    }

    .tier-roll-summary[b-p0nrs2rh9w] {
        grid-column: 1 / -1;
    }

    .player-roster[b-p0nrs2rh9w] {
        grid-template-columns: 1fr 1fr;
    }

    .source-servant[b-p0nrs2rh9w] {
        grid-column: 1 / -1;
    }

    .teammate-card[b-p0nrs2rh9w] {
        min-height: 165px;
    }

    .teammate-icon[b-p0nrs2rh9w] {
        min-height: 55px;
    }

    .side-label[b-p0nrs2rh9w] {
        align-items: flex-start;
    }

    .side-actions[b-p0nrs2rh9w] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.artwork-defaults-layout[b-p0nrs2rh9w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1000px) {
    .artwork-defaults-layout[b-p0nrs2rh9w] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/DungeonClasses.razor.rz.scp.css */
.class-tree-hero[b-o1oqit0e3j]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:210px;background:radial-gradient(circle at 82% 25%,rgba(168,85,247,.2),transparent 28%),radial-gradient(circle at 67% 120%,rgba(34,211,238,.18),transparent 43%),linear-gradient(135deg,rgba(8,14,29,.98),rgba(22,15,42,.96))}.hero-copy[b-o1oqit0e3j]{position:relative;z-index:1;max-width:820px}.hero-stats[b-o1oqit0e3j]{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.hero-stats span[b-o1oqit0e3j]{display:flex;min-width:90px;padding:10px 13px;border:1px solid rgba(196,181,253,.15);border-radius:13px;background:rgba(8,12,24,.54);color:#8fa0b8;font-size:.7rem;flex-direction:column}.hero-stats strong[b-o1oqit0e3j]{color:#f8fafc;font-size:1.35rem;line-height:1.1}@media(max-width:820px){.class-tree-hero[b-o1oqit0e3j]{align-items:flex-start;flex-direction:column}.hero-stats[b-o1oqit0e3j]{width:100%}.hero-stats span[b-o1oqit0e3j]{flex:1}}
/* /Components/Pages/DungeonInteractives.razor.rz.scp.css */
.interactive-loading[b-omhn6cwbfi] {
    display: grid;
    min-height: 55vh;
    place-items: center;
    align-content: center;
    gap: 22px;
    color: #dbeafe
}

.interactive-loading .mud-icon-root[b-omhn6cwbfi] {
    font-size: 64px;
    color: #22d3ee
}

.interactive-loading .mud-progress-linear[b-omhn6cwbfi] {
    width: min(340px, 70vw)
}

.interaction-studio[b-omhn6cwbfi] {
    --studio-cyan: #22d3ee;
    --studio-blue: #5865f2;
    --studio-green: #34d399;
    --studio-panel: rgba(10, 16, 29, .9);
    display: grid;
    gap: 16px
}

.interaction-hero[b-omhn6cwbfi] {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    min-height: 210px;
    border: 1px solid rgba(34, 211, 238, .19);
    background: radial-gradient(circle at 84% 10%, rgba(88, 101, 242, .2), transparent 34%), radial-gradient(circle at 8% 88%, rgba(34, 211, 238, .11), transparent 30%), linear-gradient(135deg, #0c1425, #090e1a 58%, #0d1120)
}

.interaction-hero[b-omhn6cwbfi]:after {
    position: absolute;
    right: -65px;
    bottom: -110px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(34, 211, 238, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(88, 101, 242, .025), 0 0 0 70px rgba(34, 211, 238, .018);
    content: ""
}

.interaction-hero > div[b-omhn6cwbfi] {
    position: relative;
    z-index: 1
}

.interaction-hero .managed-hero-title[b-omhn6cwbfi] {
    margin: .3rem 0 .65rem;
    color: #f8fafc
}

.interaction-hero .managed-hero-subtitle[b-omhn6cwbfi] {
    max-width: 820px;
    color: #9baac0;
    line-height: 1.65
}

.interaction-hero-stats[b-omhn6cwbfi] {
    display: flex;
    z-index: 1;
    gap: 9px
}

.interaction-hero-stats span[b-omhn6cwbfi] {
    display: grid;
    min-width: 94px;
    padding: 13px 16px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 14px;
    background: rgba(3, 7, 18, .5);
    color: #8090a9;
    font-size: .66rem;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase
}

.interaction-hero-stats strong[b-omhn6cwbfi] {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.2
}

.interaction-toolbar[b-omhn6cwbfi] {
    position: sticky;
    z-index: 20;
    top: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid rgba(148, 163, 184, .13);
    background: rgba(7, 12, 23, .91);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px)
}

.toolbar-object[b-omhn6cwbfi] {
    display: flex;
    align-items: center;
    gap: 12px
}

.toolbar-object > span[b-omhn6cwbfi] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 12px;
    background: rgba(34, 211, 238, .08);
    font-size: 1.15rem
}

.toolbar-object div[b-omhn6cwbfi] {
    display: grid
}

.toolbar-object strong[b-omhn6cwbfi] {
    color: #f8fafc
}

.toolbar-object small[b-omhn6cwbfi] {
    color: #76869f
}

.toolbar-actions[b-omhn6cwbfi] {
    display: flex;
    align-items: center;
    gap: 5px
}

.interaction-workspace[b-omhn6cwbfi] {
    display: grid;
    align-items: start;
    grid-template-columns:minmax(245px, 285px) minmax(550px, 1fr) minmax(330px, 390px);
    gap: 16px
}

.interaction-library-column[b-omhn6cwbfi], .interaction-preview-column[b-omhn6cwbfi] {
    position: sticky;
    top: 146px;
    display: grid;
    gap: 16px;
    max-height: calc(100vh - 165px)
}

.interaction-preview-column[b-omhn6cwbfi] {
    overflow: auto;
    padding-right: 3px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library, .interaction-studio[b-omhn6cwbfi]  .interactive-designer, .interaction-studio[b-omhn6cwbfi]  .discord-preview-shell, .interaction-studio[b-omhn6cwbfi]  .interaction-validation {
    border: 1px solid rgba(148, 163, 184, .12);
    background: var(--studio-panel);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-section-heading > div {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .interactive-section-heading span, .interaction-studio[b-omhn6cwbfi]  .interactive-editor-heading > div > span {
    color: var(--studio-cyan);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .13em
}

.interaction-studio[b-omhn6cwbfi]  .interactive-section-heading strong {
    color: #e8edf5;
    font-size: .97rem
}

.interaction-studio[b-omhn6cwbfi]  .interactive-section-heading.compact {
    margin-bottom: 12px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library {
    overflow: hidden
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-filters button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 4px 8px;
    border: 1px solid rgba(125, 142, 170, .16);
    border-radius: 8px;
    background: rgba(10, 16, 28, .74);
    color: #8190a7;
    font-size: .63rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-filters button:hover {
    border-color: rgba(34, 211, 238, .28);
    color: #c9d7e9;
    transform: translateY(-1px)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-filters button.active {
    border-color: rgba(34, 211, 238, .42);
    background: linear-gradient(105deg, rgba(34, 211, 238, .13), rgba(88, 101, 242, .12));
    color: #e4f8ff;
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .05)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-filters button strong {
    min-width: 18px;
    padding: 1px 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: var(--studio-cyan);
    font-size: .58rem;
    text-align: center
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-results {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 25px;
    margin-bottom: 5px;
    color: #687991;
    font-size: .6rem
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-results strong {
    color: #b8c7da
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-results button,
.interaction-studio[b-omhn6cwbfi]  .interactive-empty button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--studio-cyan);
    font-size: .61rem;
    font-weight: 750;
    cursor: pointer
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-results button:hover,
.interaction-studio[b-omhn6cwbfi]  .interactive-empty button:hover {
    color: #b9f5ff;
    text-decoration: underline
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-list {
    display: grid;
    overflow: auto;
    gap: 7px;
    max-height: calc(100vh - 390px);
    padding-right: 3px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: .17s
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-item:hover {
    border-color: rgba(34, 211, 238, .16);
    background: rgba(34, 211, 238, .045)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-item.selected {
    border-color: rgba(34, 211, 238, .32);
    background: linear-gradient(90deg, rgba(34, 211, 238, .1), rgba(88, 101, 242, .06));
    box-shadow: inset 3px 0 var(--studio-cyan)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-icon {
    display: grid;
    flex: 0 0 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    background: #070b13;
    font-size: .92rem
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-copy {
    display: grid;
    min-width: 0;
    flex: 1
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-copy strong {
    overflow: hidden;
    color: #dbe5f3;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-copy small {
    overflow: hidden;
    color: #6f8099;
    font-size: .63rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-state {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #475569
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-state.ready {
    background: #34d399;
    box-shadow: 0 0 9px #34d399
}

.interaction-studio[b-omhn6cwbfi]  .interactive-empty, .interaction-studio[b-omhn6cwbfi]  .interactive-large-empty {
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 38px 12px;
    color: #687991;
    text-align: center
}

.interaction-studio[b-omhn6cwbfi]  .interactive-empty .mud-icon-root {
    font-size: 32px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-designer {
    padding-top: 6px !important
}

.interaction-studio[b-omhn6cwbfi]  .interactive-designer-tabs > .mud-tabs-tabbar {
    border-bottom: 1px solid rgba(148, 163, 184, .1)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-designer-tabs .mud-tab {
    min-height: 54px;
    text-transform: none
}

.interaction-studio[b-omhn6cwbfi]  .interactive-designer-tabs .mud-tabs-panels {
    padding: 20px 4px 4px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-editor-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-editor-heading > div {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .interactive-editor-heading strong {
    color: #f1f5f9;
    font-size: 1.3rem
}

.interaction-studio[b-omhn6cwbfi]  .interactive-editor-heading p {
    max-width: 720px;
    margin: 4px 0 0;
    color: #7e8da5;
    font-size: .76rem;
    line-height: 1.55
}

.interaction-studio[b-omhn6cwbfi]  .interactive-form-card {
    border: 1px solid rgba(148, 163, 184, .1);
    background: rgba(4, 9, 18, .52)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-feature-card {
    border: 1px solid rgba(139, 92, 246, .2);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(17, 24, 39, .92), rgba(7, 11, 22, .92));
    box-shadow: inset 3px 0 rgba(139, 92, 246, .65)
}

.interaction-studio[b-omhn6cwbfi]  .feature-catalog-option {
    display: flex;
    align-items: center;
    gap: 10px
}

.interaction-studio[b-omhn6cwbfi]  .feature-catalog-option span {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .feature-catalog-option small {
    color: #718198;
    font-size: .64rem
}

.interaction-studio[b-omhn6cwbfi]  .feature-card-actions, .interaction-studio[b-omhn6cwbfi]  .feature-unlock-heading {
    display: flex;
    align-items: center;
    gap: 6px
}

.interaction-studio[b-omhn6cwbfi]  .feature-unlock-heading .mud-input-control {
    flex: 1
}

.interaction-studio[b-omhn6cwbfi]  .feature-fallback-gates {
    padding: 10px;
    border-left: 3px solid rgba(34, 211, 238, .45);
    border-radius: 7px;
    background: rgba(34, 211, 238, .025)
}

.interaction-studio[b-omhn6cwbfi]  .feature-outcome-row {
    display: grid;
    align-items: center;
    grid-template-columns:150px minmax(180px, 1fr) 120px 34px;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018)
}

.interaction-studio[b-omhn6cwbfi]  .interactive-large-empty.compact {
    min-height: 150px
}

.interaction-studio[b-omhn6cwbfi]  .color-option-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    vertical-align: middle
}

.interaction-studio[b-omhn6cwbfi]  .mud-list-item-text small {
    display: block;
    color: #74839b;
    font-size: .65rem
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot-grid {
    display: grid;
    gap: 13px
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 15px;
    background: #070c16
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
    border-bottom: 1px solid rgba(148, 163, 184, .09)
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot header strong {
    color: #dbe5f2;
    font-size: .75rem
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot header span {
    color: #65748a;
    font-size: .61rem
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot-preview {
    display: grid;
    min-height: 118px;
    place-items: center;
    background: repeating-conic-gradient(rgba(255, 255, 255, .025) 0 25%, transparent 0 50%) 50%/22px 22px
}

.interaction-studio[b-omhn6cwbfi]  .map-slot .visual-slot-preview img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    image-rendering: auto
}

.interaction-studio[b-omhn6cwbfi]  .scene-slot .visual-slot-preview {
    aspect-ratio: 3/2
}

.interaction-studio[b-omhn6cwbfi]  .scene-slot .visual-slot-preview > img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.interaction-studio[b-omhn6cwbfi]  .scene-slot .visual-slot-preview > div {
    display: grid;
    place-items: center;
    gap: 7px;
    color: #56667d
}

.interaction-studio[b-omhn6cwbfi]  .scene-slot .visual-slot-preview .mud-icon-root {
    font-size: 42px
}

.interaction-studio[b-omhn6cwbfi]  .visual-slot-actions {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(130px, 1fr))
}

.interaction-studio[b-omhn6cwbfi]  .visual-upload, .interaction-studio[b-omhn6cwbfi]  .visual-clear {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px;
    border: 0;
    background: rgba(34, 211, 238, .055);
    color: #7dd3fc;
    font-size: .71rem;
    font-weight: 700;
    cursor: pointer
}

.interaction-studio[b-omhn6cwbfi]  .visual-upload:hover, .interaction-studio[b-omhn6cwbfi]  .visual-clear:hover {
    background: rgba(34, 211, 238, .1)
}

.interaction-studio[b-omhn6cwbfi]  .visual-clear {
    border-left: 1px solid rgba(148, 163, 184, .1);
    background: rgba(148, 163, 184, .04);
    color: #94a3b8
}

.interaction-studio[b-omhn6cwbfi]  .visual-upload.disabled, .interaction-studio[b-omhn6cwbfi]  .visual-clear:disabled {
    opacity: .35;
    cursor: not-allowed
}

.interaction-studio[b-omhn6cwbfi]  .visual-upload input {
    display: none
}

.interaction-studio[b-omhn6cwbfi]  .reference-builder {
    margin-top: 12px
}

.interaction-studio[b-omhn6cwbfi]  .interaction-button-designer {
    display: grid;
    gap: 14px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-large-empty {
    min-height: 280px;
    border: 1px dashed rgba(148, 163, 184, .14);
    border-radius: 18px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-large-empty .mud-icon-root {
    font-size: 52px
}

.interaction-studio[b-omhn6cwbfi]  .interactive-large-empty strong {
    color: #cbd5e1
}

.interaction-studio[b-omhn6cwbfi]  .interactive-large-empty span {
    font-size: .74rem
}

.interaction-studio[b-omhn6cwbfi]  .button-stage {
    display: grid;
    align-items: start;
    grid-template-columns:38px 1fr;
    gap: 9px
}

.interaction-studio[b-omhn6cwbfi]  .button-stage > aside {
    display: grid;
    overflow: hidden;
    gap: 1px;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 12px;
    background: #070b13
}

.interaction-studio[b-omhn6cwbfi]  .button-stage > aside > span {
    padding: 8px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .1);
    color: #22d3ee;
    font-size: .72rem;
    font-weight: 800;
    text-align: center
}

.interaction-studio[b-omhn6cwbfi]  .interaction-button-card {
    border: 1px solid rgba(148, 163, 184, .11);
    background: rgba(6, 11, 20, .6)
}

.interaction-studio[b-omhn6cwbfi]  .button-card-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px
}

.interaction-studio[b-omhn6cwbfi]  .button-card-heading > div {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .button-card-heading strong {
    color: #e5edf8
}

.interaction-studio[b-omhn6cwbfi]  .button-card-heading small {
    color: #6e7d93;
    font-size: .64rem
}

.interaction-studio[b-omhn6cwbfi]  .button-style-swatch {
    width: 9px;
    height: 36px;
    border-radius: 10px;
    background: #4e5058
}

.interaction-studio[b-omhn6cwbfi]  .button-style-swatch.primary {
    background: #5865f2
}

.interaction-studio[b-omhn6cwbfi]  .button-style-swatch.success {
    background: #248046
}

.interaction-studio[b-omhn6cwbfi]  .button-style-swatch.danger {
    background: #da373c
}

.interaction-studio[b-omhn6cwbfi]  .button-behavior-panels {
    border-top: 1px solid rgba(148, 163, 184, .08)
}

.interaction-studio[b-omhn6cwbfi]  .button-behavior-panels .mud-expand-panel {
    background: transparent
}

.interaction-studio[b-omhn6cwbfi]  .button-behavior-panels .mud-expand-panel-header {
    padding-inline: 4px
}

.interaction-studio[b-omhn6cwbfi]  .interaction-mini-builder, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder {
    display: grid;
    gap: 10px;
    padding: 5px 0
}

.interaction-studio[b-omhn6cwbfi]  .interaction-mini-builder > header, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.interaction-studio[b-omhn6cwbfi]  .interaction-mini-builder > header > div:first-child, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder > header > div:first-child {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .interaction-mini-builder header strong, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder header strong {
    color: #cbd5e1;
    font-size: .76rem
}

.interaction-studio[b-omhn6cwbfi]  .interaction-mini-builder header small, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder header small {
    color: #65748b;
    font-size: .63rem
}

.interaction-studio[b-omhn6cwbfi]  .mini-builder-header-actions {
    display: flex;
    align-items: center;
    gap: 6px
}

.interaction-studio[b-omhn6cwbfi]  .mini-builder-header-actions .mud-input-control {
    width: 130px
}

.interaction-studio[b-omhn6cwbfi]  .mini-builder-empty {
    padding: 13px;
    border: 1px dashed rgba(148, 163, 184, .12);
    border-radius: 10px;
    color: #64748b;
    font-size: .7rem;
    text-align: center
}

.interaction-studio[b-omhn6cwbfi]  .cost-row {
    display: grid;
    align-items: center;
    grid-template-columns:160px minmax(190px, 1fr) 100px 180px 34px;
    gap: 8px
}

.interaction-studio[b-omhn6cwbfi]  .requirement-row {
    display: grid;
    align-items: center;
    grid-template-columns:160px minmax(180px, 1fr) 100px 145px minmax(180px, 1fr) auto 34px;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018)
}

.interaction-studio[b-omhn6cwbfi]  .action-stage {
    display: grid;
    grid-template-columns:32px 1fr;
    gap: 7px
}

.interaction-studio[b-omhn6cwbfi]  .action-order-controls {
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 10px;
    background: #060a12
}

.interaction-studio[b-omhn6cwbfi]  .action-order-controls > span {
    padding: 6px;
    color: #a5b4fc;
    font-size: .66rem
}

.interaction-studio[b-omhn6cwbfi]  .interaction-action-card {
    padding: 12px;
    border: 1px solid rgba(88, 101, 242, .15);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(88, 101, 242, .055), rgba(2, 6, 13, .4))
}

.interaction-studio[b-omhn6cwbfi]  .interaction-action-card.chance {
    border-color: rgba(245, 158, 11, .22);
    background: linear-gradient(135deg, rgba(245, 158, 11, .06), rgba(2, 6, 13, .4))
}

.interaction-studio[b-omhn6cwbfi]  .action-card-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px
}

.interaction-studio[b-omhn6cwbfi]  .action-glyph {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    background: rgba(88, 101, 242, .14);
    color: #a5b4fc
}

.interaction-studio[b-omhn6cwbfi]  .chance > .action-card-title .action-glyph {
    background: rgba(245, 158, 11, .12);
    color: #fbbf24
}

.interaction-studio[b-omhn6cwbfi]  .action-card-title > div {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .action-card-title strong {
    color: #dce5f3;
    font-size: .76rem
}

.interaction-studio[b-omhn6cwbfi]  .action-card-title small {
    color: #66758c;
    font-size: .61rem
}

.interaction-studio[b-omhn6cwbfi]  .interaction-action-builder.depth-1, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder.depth-2, .interaction-studio[b-omhn6cwbfi]  .interaction-action-builder.depth-3 {
    margin-top: 12px;
    padding: 10px;
    border-left: 2px solid rgba(245, 158, 11, .25);
    background: rgba(245, 158, 11, .025)
}

.interaction-studio[b-omhn6cwbfi]  .discord-preview-shell {
    overflow: hidden
}

.interaction-studio[b-omhn6cwbfi]  .discord-stage {
    overflow: hidden;
    margin: 0 -16px;
    padding: 18px 13px;
    background: #313338
}

.interaction-studio[b-omhn6cwbfi]  .discord-message {
    display: flex;
    gap: 12px;
    font-family: gg sans, Noto Sans, Arial, sans-serif
}

.interaction-studio[b-omhn6cwbfi]  .discord-avatar {
    display: grid;
    flex: 0 0 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #22d3ee, #5865f2);
    color: #fff;
    font-weight: 900
}

.interaction-studio[b-omhn6cwbfi]  .discord-content {
    min-width: 0;
    flex: 1
}

.interaction-studio[b-omhn6cwbfi]  .discord-author {
    color: #f2f3f5;
    font-size: .83rem;
    font-weight: 600
}

.interaction-studio[b-omhn6cwbfi]  .discord-author > span {
    margin-left: 4px;
    padding: 1px 4px;
    border-radius: 3px;
    background: #5865f2;
    color: #fff;
    font-size: .49rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-author time {
    margin-left: 6px;
    color: #949ba4;
    font-size: .57rem;
    font-weight: 400
}

.interaction-studio[b-omhn6cwbfi]  .discord-embed {
    overflow: hidden;
    margin-top: 5px;
    padding: 11px 11px 9px;
    border-left: 4px solid #5865f2;
    border-radius: 4px;
    background: #2b2d31;
    color: #dbdee1
}

.interaction-studio[b-omhn6cwbfi]  .discord-embed-title {
    display: block;
    margin-bottom: 5px;
    color: #f2f3f5;
    font-size: .82rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-description {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: .7rem;
    line-height: 1.4
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene {
    display: block;
    width: 100%;
    max-height: 250px;
    margin-top: 10px;
    border-radius: 4px;
    object-fit: cover
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-placeholder {
    display: grid;
    min-height: 155px;
    margin-top: 10px;
    place-items: center;
    align-content: center;
    gap: 6px;
    border-radius: 4px;
    background: radial-gradient(circle, rgba(88, 101, 242, .2), transparent 52%), #1e1f22;
    color: #a5b4fc
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-placeholder img {
    width: 70px;
    height: 70px;
    object-fit: contain
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-placeholder > span {
    font-size: 2rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-placeholder small {
    color: #949ba4;
    font-size: .59rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-footer {
    margin-top: 8px;
    color: #b5bac1;
    font-size: .58rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-components {
    display: grid;
    gap: 4px;
    margin-top: 6px
}

.interaction-studio[b-omhn6cwbfi]  .discord-component-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px
}

.interaction-studio[b-omhn6cwbfi]  .discord-button {
    overflow: hidden;
    min-width: 0;
    padding: 6px 9px;
    border: 0;
    border-radius: 3px;
    background: #4e5058;
    color: #fff;
    font-size: .64rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap
}

.interaction-studio[b-omhn6cwbfi]  .discord-button.primary {
    background: #5865f2
}

.interaction-studio[b-omhn6cwbfi]  .discord-button.success {
    background: #248046
}

.interaction-studio[b-omhn6cwbfi]  .discord-button.danger {
    background: #da373c
}

.interaction-studio[b-omhn6cwbfi]  .index-emoji-token {
    color: #67e8f9;
    font-weight: 900;
    text-shadow: 0 0 8px rgba(34, 211, 238, .45)
}

.interaction-studio[b-omhn6cwbfi]  .preview-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 13px;
    color: #78889f;
    font-size: .65rem
}

.interaction-studio[b-omhn6cwbfi]  .preview-facts span {
    display: flex;
    align-items: center;
    gap: 4px
}

.interaction-studio[b-omhn6cwbfi]  .discord-team-embed {
    display: grid;
    gap: 6px;
    margin-top: 5px;
    padding: 7px;
    border-left: 4px solid #22d3ee;
    border-radius: 4px;
    min-height: 63px;
    background: linear-gradient(110deg, #181d27, #2b2d31)
}

.interaction-studio[b-omhn6cwbfi]  .discord-team-embed .team-health,
.interaction-studio[b-omhn6cwbfi]  .discord-team-embed .team-roster {
    display: flex;
    gap: 6px
}

.interaction-studio[b-omhn6cwbfi]  .discord-team-embed .team-health i {
    height: 5px;
    flex: 1;
    border-radius: 4px;
    background: linear-gradient(90deg, #34d399 82%, #15271f 82%)
}

.interaction-studio[b-omhn6cwbfi]  .discord-team-embed > span {
    color: #949ba4;
    font-size: .48rem;
    font-weight: 800;
    letter-spacing: .09em
}

.interaction-studio[b-omhn6cwbfi]  .discord-team-embed .team-roster i {
    height: 34px;
    flex: 1;
    border-radius: 3px;
    background: linear-gradient(135deg, rgba(88, 101, 242, .65), rgba(34, 211, 238, .22))
}

.interaction-studio[b-omhn6cwbfi]  .validation-ready {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6ee7b7;
    font-size: .72rem
}

.interaction-studio[b-omhn6cwbfi]  .validation-list {
    display: grid;
    gap: 7px
}

.interaction-studio[b-omhn6cwbfi]  .validation-item {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 8px;
    border: 1px solid rgba(245, 158, 11, .14);
    border-radius: 9px;
    background: rgba(245, 158, 11, .04);
    color: #c7a86b;
    font-size: .66rem;
    line-height: 1.35
}

.interaction-studio[b-omhn6cwbfi]  .validation-item.error {
    border-color: rgba(248, 113, 113, .17);
    background: rgba(248, 113, 113, .045);
    color: #fca5a5
}

.interaction-studio[b-omhn6cwbfi]  .validation-item span {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .validation-item strong {
    color: #e5e7eb;
    font-size: .63rem;
    text-transform: uppercase;
    letter-spacing: .05em
}

.interaction-studio[b-omhn6cwbfi]  .discord-emoji-visual {
    display: inline-grid;
    overflow: hidden;
    width: 1.35em;
    height: 1.35em;
    flex: 0 0 auto;
    place-items: center;
    vertical-align: middle
}

.interaction-studio[b-omhn6cwbfi]  .discord-emoji-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.interaction-studio[b-omhn6cwbfi]  .discord-emoji-empty {
    opacity: 0
}

.interaction-studio[b-omhn6cwbfi]  .unicode-emoji-token {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.interaction-studio[b-omhn6cwbfi]  .interactive-library-icon .discord-emoji-visual, .toolbar-object .discord-emoji-visual[b-omhn6cwbfi] {
    width: 24px;
    height: 24px
}

.interaction-studio[b-omhn6cwbfi]  .emoji-field-row {
    display: grid;
    align-items: center;
    grid-template-columns:36px minmax(0, 1fr);
    gap: 8px
}

.interaction-studio[b-omhn6cwbfi]  .emoji-field-row > .discord-emoji-visual {
    width: 30px;
    height: 30px
}

.interaction-studio[b-omhn6cwbfi]  .emoji-field-row > .mud-input-control {
    min-width: 0
}

.interaction-studio[b-omhn6cwbfi]  .backdrop-toggle {
    display: grid;
    gap: 1px
}

.interaction-studio[b-omhn6cwbfi]  .backdrop-toggle small {
    padding-left: 10px;
    color: #718198;
    font-size: .6rem;
    line-height: 1.35
}

.interaction-studio[b-omhn6cwbfi]  .discord-preview-shell .interactive-section-heading.compact {
    align-items: stretch;
    flex-direction: column
}

.interaction-studio[b-omhn6cwbfi]  .preview-context-selects {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 8px
}

.interaction-studio[b-omhn6cwbfi]  .preview-state-select {
    width: 100%;
    min-width: 0
}

.interaction-studio[b-omhn6cwbfi]  .discord-button {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.interaction-studio[b-omhn6cwbfi]  .discord-button .discord-emoji-visual {
    width: 14px;
    height: 14px
}

.interaction-studio[b-omhn6cwbfi]  .discord-button:disabled {
    opacity: .45
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-composite {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 3/2;
    margin-top: 10px;
    border-radius: 4px;
    background: #1e1f22
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-composite img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-backdrop {
    object-fit: cover
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-foreground {
    object-fit: contain
}

.interaction-studio[b-omhn6cwbfi]  .discord-scene-composite .discord-scene-object {
    inset: auto 33.333% 11%;
    width: 33.333%;
    height: 50%;
    object-fit: contain
}

.interaction-studio[b-omhn6cwbfi]  .discord-hidden-state {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    padding: 7px;
    border: 1px dashed rgba(148, 163, 184, .22);
    border-radius: 4px;
    color: #949ba4;
    font-size: .6rem
}

.interaction-studio[b-omhn6cwbfi]  .interaction-state-designer {
    display: grid;
    gap: 14px
}

.interaction-studio[b-omhn6cwbfi]  .state-stage {
    display: grid;
    align-items: start;
    grid-template-columns:38px minmax(0, 1fr);
    gap: 9px
}

.interaction-studio[b-omhn6cwbfi]  .state-stage > aside {
    display: grid;
    overflow: hidden;
    gap: 1px;
    border: 1px solid rgba(34, 211, 238, .14);
    border-radius: 12px;
    background: #070b13
}

.interaction-studio[b-omhn6cwbfi]  .state-stage > aside > span {
    padding: 8px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .1);
    color: #22d3ee;
    font-size: .72rem;
    font-weight: 800;
    text-align: center
}

.interaction-studio[b-omhn6cwbfi]  .interaction-state-card {
    border: 1px solid rgba(34, 211, 238, .14);
    background: linear-gradient(145deg, rgba(34, 211, 238, .035), rgba(6, 11, 20, .72))
}

.interaction-studio[b-omhn6cwbfi]  .state-card-heading, .interaction-studio[b-omhn6cwbfi]  .state-card-identity, .interaction-studio[b-omhn6cwbfi]  .state-override-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.interaction-studio[b-omhn6cwbfi]  .state-card-identity {
    justify-content: flex-start
}

.interaction-studio[b-omhn6cwbfi]  .state-card-identity > div, .interaction-studio[b-omhn6cwbfi]  .state-override-heading > div {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .state-card-identity strong, .interaction-studio[b-omhn6cwbfi]  .state-override-heading strong {
    color: #dce7f5;
    font-size: .78rem
}

.interaction-studio[b-omhn6cwbfi]  .state-card-identity small, .interaction-studio[b-omhn6cwbfi]  .state-override-heading small {
    color: #6f8098;
    font-size: .62rem
}

.interaction-studio[b-omhn6cwbfi]  .state-status {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #475569
}

.interaction-studio[b-omhn6cwbfi]  .state-status.enabled {
    background: #22d3ee;
    box-shadow: 0 0 9px rgba(34, 211, 238, .8)
}

.interaction-studio[b-omhn6cwbfi]  .state-panels .mud-expand-panel {
    background: transparent
}

.interaction-studio[b-omhn6cwbfi]  .state-condition-builder {
    display: grid;
    gap: 9px
}

.interaction-studio[b-omhn6cwbfi]  .state-condition-builder > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.interaction-studio[b-omhn6cwbfi]  .state-condition-builder > header > div:first-child {
    display: grid
}

.interaction-studio[b-omhn6cwbfi]  .state-condition-builder strong {
    color: #cbd5e1;
    font-size: .75rem
}

.interaction-studio[b-omhn6cwbfi]  .state-condition-builder small {
    color: #6f8098;
    font-size: .62rem
}

.interaction-studio[b-omhn6cwbfi]  .state-condition-row {
    display: grid;
    align-items: center;
    grid-template-columns:minmax(150px, 1fr) minmax(150px, 1fr) 100px auto 34px;
    gap: 8px;
    padding: 9px;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 11px;
    background: rgba(255, 255, 255, .018)
}

.interaction-studio[b-omhn6cwbfi]  .state-toggle-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px
}

.interaction-studio[b-omhn6cwbfi]  .state-artwork-grid {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 10px
}

.interaction-studio[b-omhn6cwbfi]  .state-artwork-grid .visual-slot-preview {
    min-height: 105px
}

.interaction-studio[b-omhn6cwbfi]  .state-artwork-grid .visual-slot-preview > div {
    display: grid;
    place-items: center;
    gap: 6px;
    padding: 8px;
    color: #5f7189;
    text-align: center
}

.interaction-studio[b-omhn6cwbfi]  .state-artwork-grid .visual-slot-preview small {
    font-size: .56rem
}

@media (max-width: 1500px) {
    .interaction-workspace[b-omhn6cwbfi] {
        grid-template-columns:250px minmax(520px, 1fr)
    }

    .interaction-preview-column[b-omhn6cwbfi] {
        position: static;
        grid-column: 1/-1;
        grid-template-columns:minmax(320px, 1fr) minmax(280px, .65fr);
        max-height: none;
        overflow: visible
    }

    .interaction-library-column[b-omhn6cwbfi] {
        top: 146px
    }
}

@media (max-width: 1050px) {
    .interaction-hero[b-omhn6cwbfi] {
        align-items: flex-start;
        flex-direction: column
    }

    .interaction-workspace[b-omhn6cwbfi] {
        grid-template-columns:1fr
    }

    .interaction-library-column[b-omhn6cwbfi], .interaction-preview-column[b-omhn6cwbfi] {
        position: static;
        display: grid;
        grid-column: auto;
        grid-template-columns:1fr;
        max-height: none
    }

    .interaction-studio[b-omhn6cwbfi]  .interactive-library-list {
        max-height: 330px
    }

    .interaction-toolbar[b-omhn6cwbfi] {
        top: 62px
    }

    .interaction-studio[b-omhn6cwbfi]  .requirement-row {
        grid-template-columns:1fr 1fr
    }

    .interaction-studio[b-omhn6cwbfi]  .cost-row {
        grid-template-columns:1fr 1fr 100px 175px 34px
    }

    .interaction-studio[b-omhn6cwbfi]  .state-condition-row {
        grid-template-columns:1fr 1fr
    }

    .interaction-studio[b-omhn6cwbfi]  .state-artwork-grid {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 700px) {
    .interaction-hero[b-omhn6cwbfi] {
        padding: 24px !important
    }

    .interaction-hero-stats[b-omhn6cwbfi] {
        width: 100%;
        flex-wrap: wrap
    }

    .interaction-hero-stats span[b-omhn6cwbfi] {
        min-width: 80px;
        flex: 1
    }

    .interaction-toolbar[b-omhn6cwbfi] {
        position: static;
        align-items: stretch;
        flex-direction: column
    }

    .toolbar-actions[b-omhn6cwbfi] {
        justify-content: flex-end;
        flex-wrap: wrap
    }

    .interaction-studio[b-omhn6cwbfi]  .interactive-editor-heading {
        flex-direction: column
    }

    .interaction-studio[b-omhn6cwbfi]  .button-stage, .interaction-studio[b-omhn6cwbfi]  .state-stage {
        grid-template-columns:1fr
    }

    .interaction-studio[b-omhn6cwbfi]  .button-stage > aside, .interaction-studio[b-omhn6cwbfi]  .state-stage > aside {
        display: flex
    }

    .interaction-studio[b-omhn6cwbfi]  .button-stage > aside > span, .interaction-studio[b-omhn6cwbfi]  .state-stage > aside > span {
        display: grid;
        width: 35px;
        place-items: center;
        border: 0;
        border-right: 1px solid rgba(148, 163, 184, .1)
    }

    .interaction-studio[b-omhn6cwbfi]  .cost-row, .interaction-studio[b-omhn6cwbfi]  .requirement-row, .interaction-studio[b-omhn6cwbfi]  .feature-outcome-row, .interaction-studio[b-omhn6cwbfi]  .state-condition-row, .interaction-studio[b-omhn6cwbfi]  .state-artwork-grid {
        grid-template-columns:1fr
    }

    .interaction-studio[b-omhn6cwbfi]  .mini-builder-header-actions {
        align-items: flex-end;
        flex-direction: column
    }

    .interaction-studio[b-omhn6cwbfi]  .action-stage {
        grid-template-columns:1fr
    }

    .interaction-studio[b-omhn6cwbfi]  .action-order-controls {
        flex-direction: row
    }

    .interaction-studio[b-omhn6cwbfi]  .discord-stage {
        margin-inline: -16px
    }
}

.interaction-studio[b-omhn6cwbfi]  .card-action-selection-preview {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid rgba(88, 101, 242, .18);
    border-radius: 12px;
    background: rgba(88, 101, 242, .045)
}

.interaction-studio[b-omhn6cwbfi]  .card-action-selection-preview img {
    width: 58px;
    height: 78px;
    flex: 0 0 auto;
    border-radius: 5px;
    object-fit: cover;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .3)
}

.interaction-studio[b-omhn6cwbfi]  .card-action-selection-preview span {
    display: grid;
    min-width: 0
}

.interaction-studio[b-omhn6cwbfi]  .card-action-selection-preview strong {
    color: #e2e8f0;
    font-size: .77rem
}

.interaction-studio[b-omhn6cwbfi]  .card-action-selection-preview small {
    overflow: hidden;
    color: #7f8da3;
    font-size: .64rem;
    line-height: 1.4;
    text-overflow: ellipsis
}

.interaction-studio[b-omhn6cwbfi]  .distance-action-note {
    padding: 9px 11px;
    border-left: 3px solid rgba(34, 211, 238, .5);
    border-radius: 5px;
    background: rgba(34, 211, 238, .035);
    color: #7890a8;
    font-size: .65rem
}

.interaction-studio[b-omhn6cwbfi]  .distance-ring-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.interaction-studio[b-omhn6cwbfi]  .distance-ring-preview span {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    border: 1px solid rgba(34, 211, 238, .14);
    border-radius: 999px;
    background: rgba(34, 211, 238, .04);
    color: #7f91a8;
    font-size: .62rem
}

.interaction-studio[b-omhn6cwbfi]  .distance-ring-preview b {
    display: grid;
    width: 17px;
    height: 17px;
    place-items: center;
    border-radius: 50%;
    background: rgba(34, 211, 238, .15);
    color: #67e8f9
}

.interaction-studio[b-omhn6cwbfi]  .distance-ring-preview strong {
    color: #cbd5e1
}

.interaction-studio[b-omhn6cwbfi]  .discord-card-result-preview {
    display: grid;
    grid-template-columns:66px 1fr;
    grid-template-rows:auto auto 1fr;
    gap: 2px 9px;
    max-width: 250px;
    margin-top: 9px;
    padding: 9px;
    border-radius: 5px;
    background: #2b2d31;
    color: #dbdee1
}

.interaction-studio[b-omhn6cwbfi]  .discord-card-result-preview small {
    grid-column: 1/-1;
    color: #949ba4;
    font-size: .46rem;
    font-weight: 800;
    letter-spacing: .08em
}

.interaction-studio[b-omhn6cwbfi]  .discord-card-result-preview img {
    grid-row: 2/4;
    width: 66px;
    height: 88px;
    border-radius: 4px;
    object-fit: cover
}

.interaction-studio[b-omhn6cwbfi]  .discord-card-result-preview strong {
    align-self: end;
    color: #f2f3f5;
    font-size: .72rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-card-result-preview span {
    color: #b5bac1;
    font-size: .61rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-reward-choice-art {
    position: absolute;
    inset: 18% 13%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7%;
    z-index: 3
}

.interaction-studio[b-omhn6cwbfi]  .discord-reward-choice-art.static {
    position: relative;
    inset: auto;
    width: 82%;
    height: 120px
}

.interaction-studio[b-omhn6cwbfi]  .discord-reward-choice-art i {
    display: grid;
    width: 25%;
    height: 100%;
    place-items: center;
    border: 2px solid rgba(196, 181, 253, .9);
    border-radius: 6px;
    background: radial-gradient(circle at 50% 40%, rgba(124, 58, 237, .55), rgba(15, 23, 42, .96) 68%);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .4), inset 0 0 0 3px rgba(255, 255, 255, .08);
    color: #ddd6fe;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 900
}

.interaction-studio[b-omhn6cwbfi]  .visual-metadata {
    padding: 0 10px 10px
}

.interaction-studio[b-omhn6cwbfi]  .discord-select-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 9px;
    border: 1px solid #1e1f22;
    border-radius: 3px;
    background: #2b2d31;
    color: #dbdee1;
    font-size: .64rem
}

.interaction-studio[b-omhn6cwbfi]  .discord-select-preview.disabled {
    opacity: .45
}

.interaction-studio[b-omhn6cwbfi]  .discord-select-preview strong {
    color: #b5bac1;
    font-size: .8rem
}
/* /Components/Pages/DungeonRealms.razor.rz.scp.css */
.realm-forge-panel[b-48ve6mknyg] {
    background: linear-gradient(145deg, rgba(10, 18, 34, .96), rgba(13, 23, 42, .9));
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 16px;
}

.realm-forge-saved[b-48ve6mknyg] {
    border: 1px solid rgba(56, 189, 248, .2);
    border-radius: 12px;
    background: rgba(8, 47, 73, .24);
}

.realm-forge-saved-copy[b-48ve6mknyg] {
    min-width: 210px;
    flex: 1 1 260px;
}

.realm-forge-saved-select[b-48ve6mknyg] {
    min-width: min(100%, 360px);
    flex: 1 1 320px;
}

.realm-forge-status[b-48ve6mknyg] {
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(34, 211, 238, .2);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(6, 12, 26, .92), rgba(8, 29, 44, .72));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.realm-forge-status-head[b-48ve6mknyg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.realm-forge-steps[b-48ve6mknyg] {
    display: grid;
    gap: 7px;
}

.realm-forge-step[b-48ve6mknyg] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 10px;
    color: #94a3b8;
    background: rgba(2, 6, 23, .34);
}

.realm-forge-step.active[b-48ve6mknyg] {
    border-color: rgba(34, 211, 238, .32);
    color: #e0f2fe;
    background: rgba(8, 47, 73, .38);
}

.realm-forge-step-dot[b-48ve6mknyg] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    color: #67e8f9;
    background: rgba(8, 145, 178, .14);
}

.realm-forge-step span:nth-child(2)[b-48ve6mknyg] {
    min-width: 0;
}

.realm-forge-step strong[b-48ve6mknyg], .realm-forge-step small[b-48ve6mknyg] {
    display: block;
}

.realm-forge-step strong[b-48ve6mknyg] {
    color: inherit;
    font-size: .78rem;
}

.realm-forge-step small[b-48ve6mknyg] {
    overflow: hidden;
    margin-top: 2px;
    font-size: .67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.realm-forge-step em[b-48ve6mknyg] {
    color: #67e8f9;
    font-size: .68rem;
    font-style: normal;
}

.realm-forge-assets[b-48ve6mknyg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.realm-forge-asset[b-48ve6mknyg] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    background: rgba(2, 6, 23, .55);
}

.realm-forge-asset img[b-48ve6mknyg] {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background: #070a12;
    image-rendering: auto;
}

.realm-forge-asset span[b-48ve6mknyg] {
    display: block;
    overflow: hidden;
    padding: 8px 10px;
    color: #a5f3fc;
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.realm-reward-grid[b-48ve6mknyg] {
    display: grid;
    gap: 10px;
}

.realm-reward-row[b-48ve6mknyg] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.realm-reward-level[b-48ve6mknyg] {
    display: grid;
    height: 56px;
    place-content: center;
    border: 1px solid rgba(139, 92, 246, .22);
    border-radius: 10px;
    color: #c4b5fd;
    text-align: center;
    background: rgba(76, 29, 149, .16);
}

.realm-reward-level span[b-48ve6mknyg] {
    font-size: .62rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.realm-reward-level strong[b-48ve6mknyg] {
    font-size: 1rem;
}

@media (max-width: 600px) {
    .realm-forge-step[b-48ve6mknyg] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .realm-forge-step em[b-48ve6mknyg] {
        display: none;
    }

    .realm-reward-row[b-48ve6mknyg] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .realm-reward-row > :last-child[b-48ve6mknyg] {
        grid-column: 2;
    }
}
/* /Components/Pages/DungeonTilesets.razor.rz.scp.css */
.tileset-list-backdrop[b-c3j7dcsrpt] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 10px;
    object-fit: contain;
    border: 1px solid rgba(139, 92, 246, .28);
    background: #080b13;
}

.tileset-settings-grid[b-c3j7dcsrpt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tileset-art-workbench[b-c3j7dcsrpt] {
    overflow: hidden;
}

.art-workbench-heading[b-c3j7dcsrpt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.art-workbench-heading > div:first-child[b-c3j7dcsrpt] {
    max-width: 700px;
}

.art-workbench-actions[b-c3j7dcsrpt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

.art-workbench-actions[b-c3j7dcsrpt]  .mud-input-control {
    min-width: 155px;
}

.render-stack[b-c3j7dcsrpt] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.render-stack span[b-c3j7dcsrpt] {
    position: relative;
    min-width: 0;
    padding: 8px 5px 8px 26px;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .2);
    border-radius: 8px;
    color: #cbd5e1;
    background: linear-gradient(135deg, rgba(76, 29, 149, .18), rgba(15, 23, 42, .72));
    font-size: .62rem;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.render-stack span[b-c3j7dcsrpt]::after {
    content: '';
    position: absolute;
    inset: auto 7px 4px 26px;
    height: 1px;
    background: linear-gradient(90deg, #8b5cf6, transparent);
}

.render-stack b[b-c3j7dcsrpt] {
    position: absolute;
    left: 7px;
    top: 7px;
    display: grid;
    width: 14px;
    height: 14px;
    place-items: center;
    border-radius: 4px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, .16);
    font-size: .56rem;
}

.tileset-art-sections[b-c3j7dcsrpt] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.tileset-art-section[b-c3j7dcsrpt] {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 15px;
    background: rgba(5, 9, 17, .34);
}

.tileset-art-section > header[b-c3j7dcsrpt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .75rem .85rem;
    border-bottom: 1px solid rgba(148, 163, 184, .08);
    background: linear-gradient(90deg, rgba(124, 77, 255, .06), transparent 60%);
}

.tileset-art-section > header > div[b-c3j7dcsrpt] {
    min-width: 0;
    display: grid;
    grid-template-columns: 27px auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: .55rem;
}

.tileset-art-section > header span[b-c3j7dcsrpt] {
    grid-row: 1 / 3;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 139, 250, .24);
    border-radius: 8px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, .1);
    font: 800 .62rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.tileset-art-section > header strong[b-c3j7dcsrpt] {
    color: #dce5f1;
    font-size: .72rem;
}

.tileset-art-section > header small[b-c3j7dcsrpt] {
    overflow: hidden;
    color: #68768a;
    font-size: .54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tileset-art-section > header em[b-c3j7dcsrpt] {
    flex: 0 0 auto;
    color: #647187;
    font-size: .52rem;
    font-style: normal;
}

.tileset-art-grid[b-c3j7dcsrpt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    gap: .75rem;
    padding: .75rem;
    align-items: start;
}

.tileset-art-item[b-c3j7dcsrpt] {
    min-width: 0;
}

.tileset-art-item.landscape[b-c3j7dcsrpt] {
    grid-column: span 2;
}

.boss-variant-workbench[b-c3j7dcsrpt] {
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid rgba(167, 139, 250, .2);
    border-radius: 16px;
    background: radial-gradient(circle at 88% 0, rgba(124, 77, 255, .12), transparent 38%),
    rgba(5, 9, 17, .52);
}

.boss-variant-heading[b-c3j7dcsrpt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, .09);
}

.boss-variant-heading > div[b-c3j7dcsrpt] {
    max-width: 680px;
}

.boss-variant-select[b-c3j7dcsrpt] {
    min-width: 0;
}

.boss-variant-body[b-c3j7dcsrpt] {
    display: grid;
    grid-template-columns: minmax(230px, 310px) minmax(360px, 780px);
    gap: 1rem;
    align-items: start;
    justify-content: start;
    padding: 1rem;
}

.boss-variant-context[b-c3j7dcsrpt] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 13px;
    background: rgba(8, 12, 22, .72);
}

.variant-route[b-c3j7dcsrpt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .25rem .55rem;
    margin-bottom: .75rem;
}

.variant-route span[b-c3j7dcsrpt] {
    align-self: center;
    color: #65748a;
    font-size: .52rem;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.variant-route strong[b-c3j7dcsrpt] {
    overflow: hidden;
    color: #dce5f1;
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.variant-route i[b-c3j7dcsrpt] {
    grid-column: 1 / -1;
    height: 1px;
    margin: .3rem 0;
    background: linear-gradient(90deg, #7c4dff, transparent);
}

.boss-variant-context p[b-c3j7dcsrpt] {
    margin: .8rem 0;
    color: #8794a8;
    font-size: .61rem;
    line-height: 1.55;
}

.boss-variant-context code[b-c3j7dcsrpt] {
    display: block;
    overflow: hidden;
    padding: .45rem .55rem;
    border-radius: 7px;
    color: #b7a7ed;
    background: rgba(124, 77, 255, .08);
    font-size: .52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boss-variant-art[b-c3j7dcsrpt] {
    min-width: 0;
    width: min(100%, 780px);
}

.boss-variant-empty[b-c3j7dcsrpt] {
    min-height: 160px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .5rem;
    color: #64748b;
    font-size: .65rem;
}

.asset-filter-empty[b-c3j7dcsrpt] {
    min-height: 190px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .5rem;
    margin-top: 1rem;
    border: 1px dashed rgba(148, 163, 184, .15);
    border-radius: 14px;
    color: #64748b;
    text-align: center;
}

.asset-filter-empty[b-c3j7dcsrpt]  .mud-icon-root {
    font-size: 1.8rem;
    color: #6d5ca2;
}

.asset-filter-empty strong[b-c3j7dcsrpt] {
    font-size: .72rem;
}

.asset-filter-empty button[b-c3j7dcsrpt] {
    padding: .42rem .7rem;
    border: 1px solid rgba(167, 139, 250, .24);
    border-radius: 8px;
    color: #c4b5fd;
    background: rgba(124, 77, 255, .09);
    font-size: .58rem;
    cursor: pointer;
}

.asset-filter-empty button:hover[b-c3j7dcsrpt] {
    background: rgba(124, 77, 255, .18);
}

.generated-map[b-c3j7dcsrpt] {
    display: flex;
    justify-content: center;
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(139, 92, 246, .18);
    border-radius: 16px;
    background: radial-gradient(circle at center, rgba(124, 77, 255, .09), transparent 65%), #070a12;
}

.generated-map img[b-c3j7dcsrpt] {
    width: min(100%, 1200px);
    aspect-ratio: 3 / 2;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .45);
}

@media (max-width: 1100px) {
    .art-workbench-heading[b-c3j7dcsrpt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .art-workbench-actions[b-c3j7dcsrpt] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .tileset-settings-grid[b-c3j7dcsrpt] {
        grid-template-columns: 1fr;
    }

    .render-stack[b-c3j7dcsrpt] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .boss-variant-body[b-c3j7dcsrpt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .tileset-art-grid[b-c3j7dcsrpt] {
        grid-template-columns: 1fr;
    }

    .tileset-art-item.landscape[b-c3j7dcsrpt] {
        grid-column: auto;
    }

    .art-workbench-actions[b-c3j7dcsrpt]  .mud-input-control {
        width: 100%;
    }

    .boss-variant-heading[b-c3j7dcsrpt] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.ops-overview[b-kscums0r87] {
    max-width: 1560px;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.ops-command-header[b-kscums0r87] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, .62fr);
    align-items: stretch;
    gap: 2rem;
    min-height: 340px;
    padding: 2.9rem;
    overflow: hidden;
    border: 1px solid rgba(165, 146, 255, .22);
    border-radius: 30px;
    background:
        radial-gradient(circle at 6% 12%, rgba(98, 73, 221, .18), transparent 31%),
        radial-gradient(circle at 89% 5%, rgba(62, 207, 181, .12), transparent 28%),
        linear-gradient(138deg, rgba(17, 25, 46, .99), rgba(7, 12, 24, .99));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .33), inset 0 1px 0 rgba(255,255,255,.04);
}

.ops-command-header[b-kscums0r87]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .18;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.18) 72%, transparent);
}

.ops-command-header[b-kscums0r87]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 560px;
    height: 560px;
    right: -205px;
    top: -360px;
    border: 1px solid rgba(142, 121, 255, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 55px rgba(132,102,255,.018), 0 0 0 110px rgba(132,102,255,.012);
}

.ops-hero-copy[b-kscums0r87] { align-self: center; max-width: 820px; }
.ops-eyebrow[b-kscums0r87], .ops-kicker[b-kscums0r87] { color: #a99cff; font-size: .68rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.ops-live-dot[b-kscums0r87] { display: inline-block; width: 7px; height: 7px; margin-right: .6rem; border-radius: 50%; background: #55e2b6; box-shadow: 0 0 0 5px rgba(85,226,182,.1), 0 0 18px rgba(85,226,182,.72); animation: ops-live-b-kscums0r87 2.6s ease-out infinite; }
@keyframes ops-live-b-kscums0r87 { 70% { box-shadow: 0 0 0 10px rgba(85,226,182,0), 0 0 18px rgba(85,226,182,.55); } }
.ops-command-header h1[b-kscums0r87] { margin: .85rem 0 .85rem; color: #f8faff; font-size: clamp(2.55rem, 5vw, 4.65rem); font-weight: 820; line-height: .96; letter-spacing: -.068em; }
.ops-command-header h1 span[b-kscums0r87] { color: #b9afff; }
.ops-command-header p[b-kscums0r87] { max-width: 750px; margin: 0; color: #9ca8bb; font-size: 1.03rem; line-height: 1.72; }
.ops-hero-actions[b-kscums0r87] { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.ops-primary-action[b-kscums0r87], .ops-secondary-action[b-kscums0r87] { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; padding: .72rem 1rem; border-radius: .8rem; color: #eef0ff; font-size: .78rem; font-weight: 800; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.ops-primary-action[b-kscums0r87] { border: 1px solid rgba(157,137,255,.38); background: linear-gradient(135deg, #765af0, #5a42d1); box-shadow: 0 12px 30px rgba(94,70,216,.27); }
.ops-secondary-action[b-kscums0r87] { border: 1px solid rgba(148,163,184,.14); background: rgba(255,255,255,.035); }
.ops-primary-action:hover[b-kscums0r87], .ops-secondary-action:hover[b-kscums0r87] { color: #fff; transform: translateY(-2px); }
.ops-secondary-action:hover[b-kscums0r87] { border-color: rgba(169,156,255,.3); background: rgba(132,102,255,.08); }

.ops-hero-console[b-kscums0r87] { align-self: center; padding: 1.15rem; border: 1px solid rgba(163,174,203,.13); border-radius: 21px; background: rgba(3, 8, 18, .52); box-shadow: 0 22px 50px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter: blur(18px); }
.ops-console-topline[b-kscums0r87] { display: flex; align-items: center; justify-content: space-between; padding: 0 .1rem .9rem; border-bottom: 1px solid rgba(148,163,184,.09); color: #69768c; font-size: .62rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.ops-console-topline time[b-kscums0r87] { color: #8996aa; font-family: "Cascadia Mono", Consolas, monospace; letter-spacing: .04em; }
.ops-console-health[b-kscums0r87] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem .2rem; }
.ops-health-orbit[b-kscums0r87] { display: grid; place-items: center; width: 62px; height: 62px; flex: 0 0 auto; border: 1px solid rgba(245,189,103,.25); border-radius: 50%; color: #f5bd67; background: rgba(245,189,103,.08); box-shadow: 0 0 0 8px rgba(245,189,103,.025), 0 0 30px rgba(245,189,103,.1); }
.ops-health-orbit.is-healthy[b-kscums0r87] { color: #59e0b4; border-color: rgba(89,224,180,.28); background: rgba(89,224,180,.08); box-shadow: 0 0 0 8px rgba(89,224,180,.025), 0 0 30px rgba(89,224,180,.12); }
.ops-health-orbit.is-faulted[b-kscums0r87] { color: #fb8497; border-color: rgba(251,132,151,.3); background: rgba(251,132,151,.09); }
.ops-console-health > div:last-child[b-kscums0r87] { display: flex; flex-direction: column; min-width: 0; }
.ops-console-label[b-kscums0r87] { color: #66748a; font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ops-console-health strong[b-kscums0r87] { margin-top: .22rem; color: #edf1f8; font-size: 1.08rem; letter-spacing: -.02em; }
.ops-console-health small[b-kscums0r87] { margin-top: .25rem; color: #778499; font-size: .7rem; }
.ops-console-rows[b-kscums0r87] { display: grid; gap: .42rem; }
.ops-console-rows div[b-kscums0r87] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .64rem .72rem; border: 1px solid rgba(148,163,184,.07); border-radius: .7rem; color: #748197; background: rgba(255,255,255,.018); font-size: .68rem; }
.ops-console-rows strong[b-kscums0r87] { color: #cdd5e2; font-size: .72rem; }
.ops-console-rows strong.has-attention[b-kscums0r87] { color: #fb8b9d; }

.ops-pulse-grid[b-kscums0r87] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; margin-top: 1rem; }
.ops-pulse-card[b-kscums0r87] { --pulse-color: #9d89ff; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .8rem; min-height: 126px; overflow: hidden; padding: 1.1rem; border: 1px solid rgba(148,163,184,.1); border-radius: 17px; background: linear-gradient(145deg, rgba(17,26,46,.93), rgba(8,14,27,.95)); box-shadow: 0 16px 38px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.018); }
.ops-pulse-card[b-kscums0r87]::after { content:""; position:absolute; width:120px; height:120px; right:-50px; top:-55px; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--pulse-color) 18%, transparent), transparent 68%); }
.ops-pulse-card.is-green[b-kscums0r87] { --pulse-color: #55ddb1; }
.ops-pulse-card.is-cyan[b-kscums0r87] { --pulse-color: #55c8ef; }
.ops-pulse-card.is-amber[b-kscums0r87] { --pulse-color: #f4bb66; }
.ops-pulse-card.is-red[b-kscums0r87] { --pulse-color: #f47d91; }
.ops-pulse-card.is-muted[b-kscums0r87] { --pulse-color: #7b8799; }
.ops-pulse-icon[b-kscums0r87] { display:grid; place-items:center; width:42px; height:42px; border:1px solid color-mix(in srgb, var(--pulse-color) 28%, transparent); border-radius:12px; color:var(--pulse-color); background:color-mix(in srgb, var(--pulse-color) 9%, transparent); }
.ops-pulse-card > div:nth-child(2)[b-kscums0r87] { display:flex; flex-direction:column; min-width:0; }
.ops-pulse-card span[b-kscums0r87] { color:#748197; font-size:.61rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.ops-pulse-card strong[b-kscums0r87] { margin-top:.25rem; overflow:hidden; color:#f2f5fa; font-size:1.35rem; line-height:1.1; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
.ops-pulse-card strong small[b-kscums0r87] { color:#69768b; font-size:.68rem; font-weight:750; letter-spacing:0; }
.ops-pulse-card em[b-kscums0r87] { grid-column:1 / -1; color:#67758a; font-size:.68rem; font-style:normal; }

.ops-workspace-grid[b-kscums0r87] { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 1rem; margin-top: 2.5rem; }
.ops-section-heading[b-kscums0r87] { display: flex; justify-content: space-between; align-items: end; margin: 0 0 1rem; }
.ops-section-heading h2[b-kscums0r87] { margin: .28rem 0 0; color: #f3f6fb; font-size: 1.55rem; letter-spacing: -.035em; }
.ops-last-refresh[b-kscums0r87] { display:flex; align-items:center; gap:.42rem; color:#6f7c91; font-size:.7rem; }
.ops-last-refresh i[b-kscums0r87] { width:6px; height:6px; border-radius:50%; background:#54dab0; box-shadow:0 0 9px rgba(84,218,176,.6); }
.ops-app-grid[b-kscums0r87] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ops-app-card[b-kscums0r87] { position:relative; display:flex; flex-direction:column; min-height:390px; overflow:hidden; padding:1.35rem; color:inherit; text-decoration:none; border:1px solid rgba(148,163,184,.11); border-radius:21px; background:linear-gradient(155deg,rgba(18,28,49,.96),rgba(8,14,27,.97)); box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ops-app-card:hover[b-kscums0r87] { color:inherit; transform:translateY(-3px); border-color:rgba(154,134,255,.31); box-shadow:0 28px 62px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.035); }
.ops-card-rail[b-kscums0r87] { position:absolute; inset:0 auto 0 0; width:3px; background:#657187; }
.ops-card-rail.is-online[b-kscums0r87] { background:linear-gradient(#55ddb1,rgba(85,221,177,.1)); box-shadow:5px 0 18px rgba(85,221,177,.14); }
.ops-card-rail.is-faulted[b-kscums0r87] { background:linear-gradient(#f78094,rgba(247,128,148,.1)); }
.ops-card-rail.is-busy[b-kscums0r87] { background:linear-gradient(#f4bb66,rgba(244,187,102,.1)); }
.ops-app-card-top[b-kscums0r87] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.ops-app-identity[b-kscums0r87] { display:flex; align-items:center; min-width:0; gap:.8rem; }
.ops-app-identity > div:last-child[b-kscums0r87] { min-width:0; }
.ops-app-monogram[b-kscums0r87] { display:grid; place-items:center; width:46px; height:46px; flex:0 0 auto; border:1px solid rgba(173,157,255,.24); border-radius:14px; color:#f3f0ff; font-size:.78rem; font-weight:900; letter-spacing:.04em; background:linear-gradient(145deg,rgba(119,89,240,.88),rgba(75,55,175,.92)); box-shadow:0 10px 26px rgba(83,59,193,.27),inset 0 1px 0 rgba(255,255,255,.15); }
.ops-app-identity span[b-kscums0r87] { color:#78859a; font-size:.58rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ops-app-identity h3[b-kscums0r87] { margin:.18rem 0 0; overflow:hidden; color:#f4f6fb; font-size:1.12rem; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.ops-status[b-kscums0r87] { display:flex; align-items:center; gap:.45rem; flex:0 0 auto; padding:.4rem .58rem; border:1px solid rgba(148,163,184,.09); border-radius:99px; color:#8995a9; font-size:.64rem; font-weight:780; background:rgba(255,255,255,.025); }
.ops-status span[b-kscums0r87] { width:6px; height:6px; border-radius:50%; background:#748096; }
.ops-status.is-online[b-kscums0r87] { color:#71dfbd; border-color:rgba(85,221,177,.15); background:rgba(85,221,177,.055); }
.ops-status.is-online span[b-kscums0r87] { background:#54ddb1; box-shadow:0 0 10px rgba(84,221,177,.65); }
.ops-status.is-faulted[b-kscums0r87] { color:#f49aaa; }
.ops-status.is-faulted span[b-kscums0r87] { background:#f47d91; }
.ops-status.is-busy[b-kscums0r87] { color:#f2c47e; }
.ops-status.is-busy span[b-kscums0r87] { background:#f4bb66; }
.ops-app-description[b-kscums0r87] { min-height:44px; margin:1.15rem 0; color:#8b98ac; font-size:.78rem; line-height:1.55; }
.ops-discord-inline[b-kscums0r87] { display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-bottom:.85rem; padding:.72rem .78rem; border:1px solid rgba(88,214,178,.14); border-radius:.85rem; background:rgba(78,204,170,.045); }
.ops-discord-inline > div[b-kscums0r87] { display:flex; align-items:center; min-width:0; gap:.65rem; }
.ops-discord-glyph[b-kscums0r87] { display:grid; place-items:center; width:31px; height:31px; flex:0 0 auto; border-radius:.65rem; color:#62dfbb; background:rgba(85,221,177,.09); }
.ops-discord-glyph[b-kscums0r87]  .mud-icon-root { font-size:1rem; }
.ops-discord-inline > div > span:last-child[b-kscums0r87] { display:flex; flex-direction:column; min-width:0; }
.ops-discord-inline strong[b-kscums0r87] { color:#caeee3; font-size:.7rem; }
.ops-discord-inline small[b-kscums0r87] { margin-top:.12rem; color:#6f8d88; font-size:.6rem; }
.ops-discord-inline em[b-kscums0r87] { color:#79e0c2; font-size:.7rem; font-style:normal; font-weight:800; white-space:nowrap; }
.ops-discord-inline.is-stale[b-kscums0r87],.ops-discord-inline.is-unavailable[b-kscums0r87] { border-color:rgba(244,187,102,.14); background:rgba(244,187,102,.045); }
.ops-discord-inline.is-stale .ops-discord-glyph[b-kscums0r87],.ops-discord-inline.is-unavailable .ops-discord-glyph[b-kscums0r87] { color:#f0bd70; background:rgba(244,187,102,.09); }
.ops-discord-inline.is-stale strong[b-kscums0r87],.ops-discord-inline.is-unavailable strong[b-kscums0r87] { color:#e8c997; }
.ops-discord-inline.is-degraded[b-kscums0r87] { border-color:rgba(247,128,148,.15); background:rgba(247,128,148,.045); }
.ops-metrics-row[b-kscums0r87] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:auto; border:1px solid rgba(148,163,184,.09); border-radius:13px; background:rgba(2,7,16,.28); }
.ops-metrics-row div[b-kscums0r87] { display:flex; flex-direction:column; min-width:0; padding:.72rem; }
.ops-metrics-row div + div[b-kscums0r87] { border-left:1px solid rgba(148,163,184,.08); }
.ops-metrics-row span[b-kscums0r87] { overflow:hidden; color:#69768c; font-size:.53rem; font-weight:820; letter-spacing:.075em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.ops-metrics-row strong[b-kscums0r87] { margin-top:.25rem; overflow:hidden; color:#dce2ec; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.ops-card-footer[b-kscums0r87] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:1rem; color:#68758a; font-size:.62rem; }
.ops-card-footer strong[b-kscums0r87] { display:flex; align-items:center; gap:.28rem; color:#a99cff; font-size:.68rem; }
.ops-empty-fleet[b-kscums0r87] { display:flex; align-items:center; justify-content:center; gap:.7rem; min-height:220px; border:1px dashed rgba(148,163,184,.15); border-radius:1.2rem; color:#78859a; }

.ops-owner-sidebar[b-kscums0r87] { display:grid; gap:1rem; }
.ops-side-card[b-kscums0r87] { padding:1.15rem; border:1px solid rgba(148,163,184,.11); border-radius:18px; background:linear-gradient(155deg,rgba(16,25,44,.94),rgba(8,14,26,.96)); box-shadow:0 16px 40px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02); }
.ops-side-card-heading[b-kscums0r87] { display:flex; align-items:center; justify-content:space-between; color:#e7ebf3; font-size:.75rem; font-weight:820; }
.ops-side-card-heading[b-kscums0r87]  .mud-icon-root { color:#9f91ff; font-size:1.05rem; }
.ops-side-card > p[b-kscums0r87] { margin:.55rem 0 1rem; color:#78859a; font-size:.7rem; line-height:1.55; }
.ops-shortcut-list[b-kscums0r87] { display:grid; gap:.42rem; }
.ops-shortcut-list a[b-kscums0r87] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.65rem; padding:.7rem; border:1px solid transparent; border-radius:.8rem; color:inherit; text-decoration:none; background:rgba(255,255,255,.018); transition:transform .16s ease,border-color .16s ease,background .16s ease; }
.ops-shortcut-list a:hover[b-kscums0r87] { color:inherit; transform:translateX(2px); border-color:rgba(159,145,255,.18); background:rgba(132,102,255,.055); }
.ops-shortcut-list a > span[b-kscums0r87] { display:grid; place-items:center; width:32px; height:32px; border-radius:.65rem; color:#a99cff; background:rgba(132,102,255,.08); }
.ops-shortcut-list a > span[b-kscums0r87]  .mud-icon-root { font-size:1rem; }
.ops-shortcut-list a > div[b-kscums0r87] { display:flex; flex-direction:column; min-width:0; }
.ops-shortcut-list strong[b-kscums0r87] { color:#dce2ec; font-size:.69rem; }
.ops-shortcut-list small[b-kscums0r87] { margin-top:.12rem; overflow:hidden; color:#68758a; font-size:.58rem; text-overflow:ellipsis; white-space:nowrap; }
.ops-shortcut-list a[b-kscums0r87] >  .mud-icon-root { color:#59667b; }
.ops-brief-live[b-kscums0r87] { width:7px; height:7px; border-radius:50%; background:#55ddb1; box-shadow:0 0 10px rgba(85,221,177,.65); }
.ops-brief-list[b-kscums0r87] { display:grid; gap:.52rem; margin-top:.9rem; }
.ops-brief-list div[b-kscums0r87] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.6rem 0; border-bottom:1px solid rgba(148,163,184,.07); }
.ops-brief-list div:last-child[b-kscums0r87] { border-bottom:0; }
.ops-brief-list span[b-kscums0r87] { color:#6e7b90; font-size:.65rem; }
.ops-brief-list strong[b-kscums0r87] { color:#cbd3df; font-size:.68rem; text-align:right; }

@media (max-width: 1240px) {
    .ops-pulse-grid[b-kscums0r87] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ops-workspace-grid[b-kscums0r87] { grid-template-columns: 1fr; }
    .ops-owner-sidebar[b-kscums0r87] { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px) {
    .ops-command-header[b-kscums0r87] { grid-template-columns: 1fr; padding: 2rem; }
    .ops-hero-console[b-kscums0r87] { width: 100%; }
    .ops-app-grid[b-kscums0r87] { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .ops-command-header[b-kscums0r87] { padding: 1.5rem; border-radius: 22px; }
    .ops-command-header h1[b-kscums0r87] { font-size: 2.65rem; }
    .ops-command-header p[b-kscums0r87] { font-size: .9rem; }
    .ops-pulse-grid[b-kscums0r87], .ops-owner-sidebar[b-kscums0r87] { grid-template-columns: 1fr; }
    .ops-app-card[b-kscums0r87] { min-height: 0; padding: 1.1rem; }
    .ops-app-card-top[b-kscums0r87] { align-items:flex-start; }
    .ops-status[b-kscums0r87] { padding:.35rem .48rem; }
    .ops-metrics-row[b-kscums0r87] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ops-metrics-row div:nth-child(3)[b-kscums0r87] { border-left:0; border-top:1px solid rgba(148,163,184,.08); }
    .ops-metrics-row div:nth-child(4)[b-kscums0r87] { border-top:1px solid rgba(148,163,184,.08); }
    .ops-section-heading[b-kscums0r87] { align-items:flex-start; flex-direction:column; gap:.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .ops-live-dot[b-kscums0r87] { animation:none; }
}
/* /Components/Pages/IndexAltHunter.razor.rz.scp.css */
/* Alt Sentinel styling is shared across its decomposed components in css/alt-sentinel.css. */
/* /Components/Pages/IndexAltHunterGroup.razor.rz.scp.css */
/* Alt Sentinel styling is shared across its decomposed components in css/alt-sentinel.css. */
/* /Components/Pages/IndexAnnouncements.razor.rz.scp.css */
.announcement-page[b-r50tpfo3dp]{position:relative;display:grid;gap:.62rem;max-width:1700px;margin:0 auto;padding-bottom:1.25rem;animation:relay-in-b-r50tpfo3dp .24s ease both}.relay-hero[b-r50tpfo3dp]{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.85rem 1rem;border:1px solid rgba(92,169,197,.14);border-radius:.75rem;background:radial-gradient(circle at 12% 20%,rgba(46,157,183,.12),transparent 34%),#07111d;color:#dce8f2}.relay-hero[b-r50tpfo3dp]:after{content:"";position:absolute;right:24%;top:-70px;width:1px;height:210px;background:linear-gradient(transparent,rgba(84,193,211,.25),transparent);transform:rotate(28deg)}.relay-title[b-r50tpfo3dp]{display:flex;align-items:center;gap:.8rem;min-width:0}.relay-title>span[b-r50tpfo3dp]{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(76,185,204,.2);border-radius:.6rem;color:#75cbd8;background:rgba(43,147,168,.08)}.relay-title>span[b-r50tpfo3dp]  .mud-icon-root{font-size:1.42rem}.relay-title small[b-r50tpfo3dp]{color:#63899d;font:760 .44rem/1 Bahnschrift,sans-serif;letter-spacing:.14em}.relay-title h1[b-r50tpfo3dp]{margin:.2rem 0 .14rem;color:#edf7fb;font:740 1.22rem/1 Bahnschrift,sans-serif}.relay-title p[b-r50tpfo3dp]{margin:0;max-width:670px;color:#738b9d;font-size:.58rem}.relay-metrics[b-r50tpfo3dp]{z-index:1;display:flex;align-items:center;gap:.35rem}.relay-metrics>span[b-r50tpfo3dp]{min-width:78px;display:grid;padding:.43rem .5rem;border:1px solid rgba(111,154,178,.1);border-radius:.48rem;background:rgba(2,9,15,.38)}.relay-metrics strong[b-r50tpfo3dp]{color:#a9c6d5;font:.72rem/1 Bahnschrift,sans-serif}.relay-metrics small[b-r50tpfo3dp]{margin-top:.16rem;color:#587184;font:720 .35rem/1 Bahnschrift,sans-serif;letter-spacing:.07em}.relay-metrics[b-r50tpfo3dp]  .mud-icon-button{width:36px;height:36px;border-radius:.48rem}.relay-progress[b-r50tpfo3dp]{position:absolute;z-index:3;top:82px;left:.75rem;right:.75rem;height:2px}.relay-footnote[b-r50tpfo3dp]{display:flex;align-items:center;gap:.48rem;padding:.58rem .72rem;border:1px solid rgba(92,169,197,.1);border-radius:.56rem;color:#668195;background:#08131e;font-size:.5rem}.relay-footnote[b-r50tpfo3dp]  .mud-icon-root{color:#67aaba;font-size:.86rem}.relay-footnote strong[b-r50tpfo3dp]{color:#9ab3c2}
@keyframes relay-in-b-r50tpfo3dp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:950px){.relay-hero[b-r50tpfo3dp]{align-items:flex-start;flex-direction:column}.relay-metrics[b-r50tpfo3dp]{width:100%}.relay-metrics>span[b-r50tpfo3dp]{flex:1}.relay-metrics[b-r50tpfo3dp]  .mud-icon-button{align-self:center}}
@media(max-width:600px){.announcement-page[b-r50tpfo3dp]{gap:.48rem}.relay-hero[b-r50tpfo3dp]{padding:.7rem}.relay-title>span[b-r50tpfo3dp]{width:40px;height:40px}.relay-title p[b-r50tpfo3dp]{line-height:1.45}.relay-metrics[b-r50tpfo3dp]{display:grid;grid-template-columns:repeat(3,1fr) 36px}.relay-metrics>span[b-r50tpfo3dp]{min-width:0;padding:.38rem}.relay-metrics small[b-r50tpfo3dp]{font-size:.31rem}.relay-progress[b-r50tpfo3dp]{top:132px}}
@media(prefers-reduced-motion:reduce){.announcement-page[b-r50tpfo3dp]{animation:none}}
/* /Components/Pages/IndexAsk.razor.rz.scp.css */
.ask-page[b-gwm8rjd2l6] { display: grid; gap: .9rem; max-width: 1500px; margin: 0 auto; padding-bottom: 1.5rem; color: #dce4f2; }
.ask-page .managed-card[b-gwm8rjd2l6] { border: 1px solid rgba(148, 163, 184, .16); border-radius: 12px; background: #0e1729; }
.ask-header[b-gwm8rjd2l6] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.ask-heading[b-gwm8rjd2l6] { display: flex; align-items: center; gap: 1rem; }
.ask-icon[b-gwm8rjd2l6] { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border: 1px solid #544776; border-radius: 12px; background: #251e3c; color: #baabfa; }
.ask-eyebrow[b-gwm8rjd2l6] { display: block; color: #a397cd; font: 700 .6rem/1.4 Bahnschrift, sans-serif; letter-spacing: .1em; }
.ask-heading h1[b-gwm8rjd2l6] { margin: .15rem 0; font: 700 1.55rem/1.2 Bahnschrift, sans-serif; color: #f0edff; }
.ask-heading p[b-gwm8rjd2l6], .ask-status p[b-gwm8rjd2l6], .ask-footer p[b-gwm8rjd2l6] { margin: .35rem 0 0; color: #9aa9c0; font-size: .8rem; line-height: 1.5; }
.ask-status[b-gwm8rjd2l6] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; padding: 1rem 1.3rem; }
.ask-status strong[b-gwm8rjd2l6] { display: block; margin-top: .25rem; color: #e1def4; font-size: 1rem; overflow-wrap: anywhere; }
.ask-status p[b-gwm8rjd2l6] { grid-column: 1 / -1; border-top: 1px solid #263149; padding-top: .7rem; margin: 0; }
.ask-workspace[b-gwm8rjd2l6] { display: grid; grid-template-columns: minmax(240px, 330px) minmax(0, 1fr); gap: .9rem; align-items: start; }
.ask-catalog[b-gwm8rjd2l6] { padding: 1rem; }
.ask-catalog-header[b-gwm8rjd2l6] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
.ask-catalog-header h2[b-gwm8rjd2l6], .ask-reader h2[b-gwm8rjd2l6] { margin: 0; font: 700 1.1rem/1.3 Bahnschrift, sans-serif; color: #ece9fb; }
.ask-catalog-header span[b-gwm8rjd2l6] { font-size: .72rem; color: #8e9fb8; }
.ask-topic-list[b-gwm8rjd2l6] { display: grid; gap: .35rem; max-height: 60vh; overflow-y: auto; margin-top: .9rem; }
.ask-topic[b-gwm8rjd2l6] { display: grid; gap: .2rem; width: 100%; padding: .75rem; text-align: left; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #b8c6da; cursor: pointer; }
.ask-topic:hover[b-gwm8rjd2l6] { background: #19233a; }
.ask-topic.is-selected[b-gwm8rjd2l6] { color: #ece6ff; background: #29233f; border-color: #65548f; }
.ask-topic:focus-visible[b-gwm8rjd2l6] { outline: 2px solid #b49bee; outline-offset: -2px; }
.ask-topic strong[b-gwm8rjd2l6] { font-size: .82rem; line-height: 1.35; }
.ask-topic span[b-gwm8rjd2l6] { font: .65rem/1.3 Consolas, monospace; color: #8e9fb8; overflow-wrap: anywhere; }
.ask-reader[b-gwm8rjd2l6] { min-height: 340px; padding: 1.5rem; }
.ask-reader h2[b-gwm8rjd2l6] { margin: .55rem 0 1rem; font-size: 1.3rem; }
.ask-reader pre[b-gwm8rjd2l6] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: .86rem/1.85 Consolas, monospace; color: #c5d1e3; }
.ask-empty[b-gwm8rjd2l6] { padding: .7rem 0; margin: 0; color: #9aa9c0; font-size: .8rem; line-height: 1.5; }
.ask-footer[b-gwm8rjd2l6] { display: flex; align-items: center; gap: .8rem; padding: 1rem 1.3rem; }
.ask-footer > div[b-gwm8rjd2l6] { flex: 1; }
.ask-footer > div > strong[b-gwm8rjd2l6] { font-size: .8rem; color: #ded8f4; }
.ask-footer[b-gwm8rjd2l6]  > .mud-icon-root { color: #a697d5; }
@media (max-width: 800px) { .ask-workspace[b-gwm8rjd2l6] { grid-template-columns: 1fr; } .ask-topic-list[b-gwm8rjd2l6] { max-height: 240px; } .ask-footer[b-gwm8rjd2l6] { flex-wrap: wrap; } .ask-footer > div[b-gwm8rjd2l6] { flex-basis: 80%; } }
@media (max-width: 500px) { .ask-header[b-gwm8rjd2l6] { align-items: flex-start; flex-wrap: wrap; } .ask-heading[b-gwm8rjd2l6] { gap: .7rem; } .ask-status[b-gwm8rjd2l6] { grid-template-columns: 1fr; } .ask-reader[b-gwm8rjd2l6] { padding: 1rem; } }
/* /Components/Pages/IndexColoredEmojis.razor.rz.scp.css */
.colored-emoji-page[b-mo87q8qasx]{position:relative;display:grid;gap:.62rem;max-width:1900px;margin:0 auto;padding-bottom:1.25rem;animation:foundry-enter-b-mo87q8qasx .24s ease both}.foundry-progress[b-mo87q8qasx]{position:absolute;z-index:4;top:73px;left:.7rem;right:.7rem;height:2px;overflow:hidden;border-radius:4px;background:rgba(71,196,220,.06)}.foundry-progress i[b-mo87q8qasx]{display:block;width:34%;height:100%;border-radius:inherit;background:#58aebf;animation:foundry-progress-b-mo87q8qasx 1.1s ease-in-out infinite}.foundry-workspace[b-mo87q8qasx]{height:clamp(500px,58vh,640px);min-height:0;display:grid;grid-template-columns:minmax(320px,.64fr) minmax(620px,1.36fr);gap:.62rem}.colored-emoji-page[b-mo87q8qasx]  .coverage-panel{height:clamp(500px,62vh,680px)}
@keyframes foundry-enter-b-mo87q8qasx{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes foundry-progress-b-mo87q8qasx{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
@media(max-width:1100px){.foundry-workspace[b-mo87q8qasx]{height:auto;grid-template-columns:1fr}.foundry-workspace[b-mo87q8qasx]  .fleet-panel{height:520px}.foundry-workspace[b-mo87q8qasx]  .import-panel{min-height:570px}}
@media(max-width:650px){.colored-emoji-page[b-mo87q8qasx]{gap:.5rem}.foundry-workspace[b-mo87q8qasx]  .fleet-panel{height:500px}.foundry-workspace[b-mo87q8qasx]  .import-panel{min-height:650px}.colored-emoji-page[b-mo87q8qasx]  .coverage-panel{height:620px}}
@media(prefers-reduced-motion:reduce){.colored-emoji-page[b-mo87q8qasx]{animation:none}.foundry-progress i[b-mo87q8qasx]{animation:none;width:100%}}
/* /Components/Pages/IndexEvents.razor.rz.scp.css */
.event-hero[b-lwc2390rpr] { background:radial-gradient(circle at 85% 0,rgba(251,146,60,.2),transparent 34%),radial-gradient(circle at 8% 105%,rgba(236,72,153,.13),transparent 38%),linear-gradient(138deg,rgba(28,22,45,.98),rgba(8,14,27,.98))!important; }
.event-hero-layout[b-lwc2390rpr],.event-editor-toolbar[b-lwc2390rpr],.event-section-heading[b-lwc2390rpr],.event-stat[b-lwc2390rpr],.event-editor-title[b-lwc2390rpr],.event-add-row[b-lwc2390rpr],.event-currency-heading[b-lwc2390rpr] { display:flex;align-items:center;justify-content:space-between;gap:1rem; }
.event-eyebrow[b-lwc2390rpr] { display:flex;align-items:center;gap:.45rem;color:#f9a8d4;font-size:.7rem;font-weight:850;letter-spacing:.16em;margin-bottom:.8rem; }
.event-stat-icon[b-lwc2390rpr] { width:3rem;height:3rem;border-radius:1rem; }.event-rail[b-lwc2390rpr]{position:sticky;top:.75rem;max-height:calc(100vh - 2rem);overflow:hidden}.event-section-heading>div:first-child[b-lwc2390rpr]{min-width:0}.event-list[b-lwc2390rpr]{display:flex;flex-direction:column;gap:.45rem;max-height:72vh;overflow:auto;padding:.15rem}
.event-list-item[b-lwc2390rpr] { width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.85rem;border:1px solid transparent;border-radius:.9rem;background:transparent;color:#d9e0ec;text-align:left;transition:.16s ease; }
.event-list-item:hover[b-lwc2390rpr] { border-color:rgba(167,139,250,.18);background:rgba(255,255,255,.025); }.event-list-item.selected[b-lwc2390rpr]{border-color:rgba(251,146,60,.28);background:linear-gradient(120deg,rgba(251,146,60,.1),rgba(236,72,153,.055));box-shadow:inset 3px 0 0 #fb923c}.event-list-state[b-lwc2390rpr],.event-status-mark[b-lwc2390rpr]{width:.6rem;height:.6rem;border-radius:50%;background:#64748b;box-shadow:0 0 0 4px rgba(100,116,139,.1)}.event-list-state.active[b-lwc2390rpr],.event-status-mark.active[b-lwc2390rpr]{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12),0 0 18px rgba(52,211,153,.35)}.event-list-state.scheduled[b-lwc2390rpr],.event-status-mark.scheduled[b-lwc2390rpr]{background:#38bdf8}.event-list-state.ended[b-lwc2390rpr],.event-status-mark.ended[b-lwc2390rpr]{background:#fb923c}.event-list-state.error[b-lwc2390rpr],.event-status-mark.error[b-lwc2390rpr]{background:#fb7185}.event-list-state.archived[b-lwc2390rpr],.event-status-mark.archived[b-lwc2390rpr]{background:#475569}.event-list-copy[b-lwc2390rpr]{min-width:0;display:flex;flex-direction:column}.event-list-copy strong[b-lwc2390rpr]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-list-copy small[b-lwc2390rpr],.event-reference-copy small[b-lwc2390rpr],.event-reference-copy span[b-lwc2390rpr],.event-ledger-row small[b-lwc2390rpr],.event-winner-card small[b-lwc2390rpr],.event-raffle-state small[b-lwc2390rpr],.event-currency-heading small[b-lwc2390rpr]{color:#8592a7;font-size:.72rem}.event-empty-rail[b-lwc2390rpr],.event-empty[b-lwc2390rpr],.event-inline-empty[b-lwc2390rpr]{display:grid;place-items:center;gap:.6rem;color:#7f8ba0;text-align:center}.event-empty-rail[b-lwc2390rpr]{padding:3rem 1rem}.event-empty[b-lwc2390rpr]{min-height:420px}.event-empty>.mud-icon-root[b-lwc2390rpr]{font-size:4rem!important;color:#725c98}.event-editor[b-lwc2390rpr]{overflow:hidden}.event-editor-toolbar[b-lwc2390rpr]{border-bottom:1px solid rgba(148,163,184,.09);background:rgba(8,13,25,.45)}.event-editor-title[b-lwc2390rpr]{justify-content:flex-start}.event-status-mark[b-lwc2390rpr]{width:.75rem;height:.75rem}.event-tabs[b-lwc2390rpr]  .mud-tabs-toolbar{padding:0 1rem}.event-tab-panel[b-lwc2390rpr]{background:rgba(3,7,18,.18)}
.event-subcard[b-lwc2390rpr]{height:100%;border:1px solid rgba(148,163,184,.1);border-radius:1rem;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.event-preview-card[b-lwc2390rpr]{overflow:hidden}.event-preview[b-lwc2390rpr]{height:175px;border-radius:.8rem;overflow:hidden;background:rgba(2,6,23,.62);border:1px solid rgba(148,163,184,.1)}.event-preview img[b-lwc2390rpr]{width:100%;height:100%;object-fit:cover}.event-preview-empty[b-lwc2390rpr]{height:100%;display:grid;place-items:center;align-content:center;gap:.5rem;color:#64748b}.event-preview-copy[b-lwc2390rpr]{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.event-add-row>*:first-child[b-lwc2390rpr]{flex:1}.event-token-list[b-lwc2390rpr]{display:flex;flex-direction:column;gap:.65rem}.event-token-row[b-lwc2390rpr]{display:grid;grid-template-columns:auto minmax(0,1fr) 100px auto auto;align-items:center;gap:.8rem;padding:.75rem;border:1px solid rgba(148,163,184,.08);border-radius:.85rem;background:rgba(2,6,23,.22)}.event-reference-icon[b-lwc2390rpr],.event-variant-art[b-lwc2390rpr]{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.8rem;background:rgba(124,77,255,.08);border:1px solid rgba(167,139,250,.12)}.event-reference-icon img[b-lwc2390rpr],.event-variant-art img[b-lwc2390rpr]{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.4))}.event-reference-copy[b-lwc2390rpr]{min-width:0;display:flex;flex-direction:column}.event-reference-copy strong[b-lwc2390rpr]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-order[b-lwc2390rpr]{width:100px}.event-variant-grid[b-lwc2390rpr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.event-variant-card[b-lwc2390rpr]{display:grid;grid-template-columns:auto minmax(0,1fr) 130px;align-items:center;gap:.85rem;padding:1rem;border:1px solid rgba(148,163,184,.09);border-radius:1rem;background:rgba(2,6,23,.22)}.event-variant-art[b-lwc2390rpr]{width:3.5rem;height:3.5rem}.event-variant-actions[b-lwc2390rpr]{display:flex;flex-direction:column;gap:.25rem}.event-grid-empty[b-lwc2390rpr]{grid-column:1/-1;min-height:150px;border:1px dashed rgba(148,163,184,.15);border-radius:1rem}.event-picker-option[b-lwc2390rpr]{display:flex;align-items:center;gap:.7rem;padding:.2rem}.event-picker-option img[b-lwc2390rpr]{width:2rem;height:2rem;object-fit:contain}.event-picker-option span[b-lwc2390rpr]{display:flex;flex-direction:column}.event-picker-option small[b-lwc2390rpr]{color:#8592a7}.event-raffle-panels[b-lwc2390rpr]  .mud-expand-panel{border:1px solid rgba(148,163,184,.09);border-radius:1rem!important;margin-bottom:.7rem;background:rgba(2,6,23,.24)}.event-raffle-state[b-lwc2390rpr]{height:100%;display:flex;flex-direction:column;justify-content:center;padding:.8rem;border:1px solid rgba(251,146,60,.13);border-radius:.8rem;background:rgba(251,146,60,.04)}.event-raffle-state span[b-lwc2390rpr]{color:#94a3b8;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.event-currency-grid[b-lwc2390rpr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.6rem}.event-currency-row[b-lwc2390rpr]{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:center;gap:.5rem;padding:.65rem;border:1px solid rgba(148,163,184,.08);border-radius:.8rem}.event-currency-heading>div[b-lwc2390rpr]{display:flex;flex-direction:column}.event-json[b-lwc2390rpr]  textarea{font-family:"Cascadia Code",Consolas,monospace;font-size:.82rem}.event-ledger[b-lwc2390rpr]{display:flex;flex-direction:column;gap:.55rem;max-height:440px;overflow:auto}.event-ledger-row[b-lwc2390rpr]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.7rem;border-bottom:1px solid rgba(148,163,184,.07)}.event-ledger-row>div:last-child[b-lwc2390rpr]{display:flex;flex-direction:column}.event-ledger-icon[b-lwc2390rpr]{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:rgba(56,189,248,.08);color:#38bdf8}.event-ledger-icon.done[b-lwc2390rpr]{background:rgba(52,211,153,.08);color:#34d399}.event-winner-grid[b-lwc2390rpr]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.event-winner-card[b-lwc2390rpr]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.8rem;border:1px solid rgba(245,158,11,.11);border-radius:.85rem;background:rgba(245,158,11,.035)}.event-winner-card>div[b-lwc2390rpr]{display:flex;flex-direction:column;min-width:0}.event-winner-card strong[b-lwc2390rpr]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-winner-card code[b-lwc2390rpr]{color:#fbbf24}.event-placement[b-lwc2390rpr]{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.7rem;background:rgba(245,158,11,.12);color:#fbbf24;font-weight:850}
.event-tabs[b-lwc2390rpr]  .mud-tabs-panels{padding:1rem;background:rgba(3,7,18,.18)}
@media(max-width:1100px){.event-rail[b-lwc2390rpr]{position:static;max-height:none}.event-list[b-lwc2390rpr]{max-height:330px}.event-winner-grid[b-lwc2390rpr]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.event-hero-layout[b-lwc2390rpr],.event-editor-toolbar[b-lwc2390rpr],.event-section-heading[b-lwc2390rpr]{align-items:flex-start;flex-direction:column}.event-hero-actions[b-lwc2390rpr]{width:100%}.event-token-row[b-lwc2390rpr]{grid-template-columns:auto 1fr auto}.event-token-row .event-order[b-lwc2390rpr],.event-token-row .mud-switch[b-lwc2390rpr]{grid-column:2}.event-variant-grid[b-lwc2390rpr],.event-currency-grid[b-lwc2390rpr],.event-winner-grid[b-lwc2390rpr]{grid-template-columns:1fr}.event-variant-card[b-lwc2390rpr]{grid-template-columns:auto 1fr}.event-variant-actions[b-lwc2390rpr]{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto}.event-add-row[b-lwc2390rpr]{align-items:stretch;flex-direction:column}.event-currency-row[b-lwc2390rpr]{grid-template-columns:1fr 90px auto}}
.event-token-row[b-lwc2390rpr]{grid-template-columns:auto minmax(0,1fr) 120px 100px auto auto}.event-price[b-lwc2390rpr]{width:120px}.event-filter-icon[b-lwc2390rpr]{font-size:1.35rem;font-weight:850;color:#c4b5fd}.event-mechanic-panels[b-lwc2390rpr]  .mud-expand-panel{border:1px solid rgba(148,163,184,.09);border-radius:.9rem!important;margin-bottom:.65rem;background:rgba(2,6,23,.24)}.event-mechanic-block[b-lwc2390rpr]{display:flex;flex-direction:column;gap:.6rem}.event-mechanic-header[b-lwc2390rpr]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem}.event-mechanic-property[b-lwc2390rpr]{display:grid;grid-template-columns:minmax(100px,.8fr) 115px minmax(140px,1.2fr) auto;align-items:center;gap:.5rem;padding:.55rem;border:1px solid rgba(148,163,184,.08);border-radius:.75rem}
@media(max-width:720px){.event-token-row[b-lwc2390rpr]{grid-template-columns:auto 1fr auto}.event-token-row .event-price[b-lwc2390rpr]{grid-column:2}.event-mechanic-header[b-lwc2390rpr],.event-mechanic-property[b-lwc2390rpr]{grid-template-columns:1fr auto}.event-mechanic-header>*:first-child[b-lwc2390rpr],.event-mechanic-property>*:not(:last-child)[b-lwc2390rpr]{grid-column:1}}
/* /Components/Pages/IndexImageReview.razor.rz.scp.css */
.image-review-page[b-bb7az7peid] {
    --review-cyan: #55d8ff;
    --review-violet: #9a83ff;
    --review-green: #43dfa2;
    --review-amber: #ffbd5a;
    --review-red: #ff7185;
    --review-line: rgba(139, 169, 211, .12);
    --review-surface: #0a1322;
    display: grid;
    gap: .5rem;
    color: #e8eef8;
}

.image-review-topbar[b-bb7az7peid] {
    position: relative;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    overflow: hidden;
    padding: .55rem .65rem .55rem .72rem;
    border: 1px solid rgba(139, 169, 211, .14);
    border-radius: .72rem;
    background: linear-gradient(100deg, rgba(14, 29, 48, .98), rgba(10, 18, 34, .98) 68%, rgba(24, 24, 55, .98));
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}
.image-review-topbar[b-bb7az7peid]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--review-cyan); box-shadow: 0 0 10px rgba(85, 216, 255, .55); }
.image-review-title-group[b-bb7az7peid] { min-width: 0; display: flex; align-items: center; gap: .62rem; }
.image-review-title-mark[b-bb7az7peid] { width: 31px; height: 31px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(85, 216, 255, .2); border-radius: .48rem; color: var(--review-cyan); background: rgba(85, 216, 255, .055); }
.image-review-title-mark[b-bb7az7peid]  .mud-icon-root { font-size: 1rem; }
.image-review-title-group > div[b-bb7az7peid] { min-width: 0; }
.image-review-title-row[b-bb7az7peid] { display: flex; align-items: center; gap: .55rem; }
.image-review-title-row h1[b-bb7az7peid] { margin: 0; color: #f7faff; font-family: Bahnschrift, "Arial Narrow", sans-serif; font-size: 1.18rem; font-weight: 720; letter-spacing: -.035em; line-height: 1; }
.image-review-title-row > span[b-bb7az7peid] { display: inline-flex; align-items: center; gap: .25rem; color: #78eab8; font: 800 .47rem/1 Bahnschrift, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.image-review-title-row i[b-bb7az7peid] { width: 5px; height: 5px; border-radius: 50%; background: var(--review-green); box-shadow: 0 0 7px rgba(67, 223, 162, .7); }
.image-review-title-group p[b-bb7az7peid] { margin: .22rem 0 0; color: #687b96; font-size: .56rem; line-height: 1; }

.image-review-topbar-stats[b-bb7az7peid] { display: flex; align-items: stretch; margin-left: auto; }
.image-review-topbar-stats > span[b-bb7az7peid] { min-width: 66px; display: grid; grid-template-columns: auto auto; place-content: center; align-items: baseline; gap: .28rem; padding: 0 .65rem; border-left: 1px solid rgba(139, 169, 211, .1); }
.image-review-topbar-stats strong[b-bb7az7peid] { color: #f7faff; font: 740 .86rem/1 Bahnschrift, sans-serif; }
.image-review-topbar-stats small[b-bb7az7peid] { color: #687b96; font-size: .47rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.image-review-topbar[b-bb7az7peid]  .image-review-refresh { width: 34px; height: 34px; margin-left: .35rem; border: 1px solid rgba(85, 216, 255, .15); border-radius: .48rem; background: rgba(85, 216, 255, .04); }

.image-review-control-deck[b-bb7az7peid] {
    overflow: visible;
    padding: .45rem;
    border: 1px solid var(--review-line);
    border-radius: .72rem;
    background: rgba(8, 16, 29, .96);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
}
.review-filter-grid[b-bb7az7peid] { display: grid; grid-template-columns: minmax(240px, 1.3fr) minmax(200px, 1fr) minmax(170px, .8fr) minmax(230px, .95fr) minmax(105px, .45fr); align-items: center; gap: .35rem; }
.review-filter-grid > div[b-bb7az7peid] { min-width: 0; }
.review-filter-grid[b-bb7az7peid]  .mud-input-control { margin: 0; }
.review-filter-modes[b-bb7az7peid] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .25rem; }
.review-filter-chip[b-bb7az7peid] {
    width: 100%;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .35rem .45rem;
    border: 1px solid rgba(139, 169, 211, .12);
    border-radius: .48rem;
    color: #7c8da6;
    background: rgba(255, 255, 255, .012);
    font: 740 .6rem/1 Bahnschrift, sans-serif;
    cursor: pointer;
    transition: color .14s ease, border-color .14s ease, background .14s ease;
}
.review-filter-chip[b-bb7az7peid]  .mud-icon-root { font-size: .82rem; }
.review-filter-chip:hover[b-bb7az7peid] { color: #dce6f4; border-color: rgba(139, 169, 211, .25); background: rgba(255, 255, 255, .025); }
.review-filter-chip-warning.is-active[b-bb7az7peid] { color: #ffe0aa; border-color: rgba(255, 189, 90, .4); background: rgba(255, 189, 90, .075); }
.review-filter-chip-secondary.is-active[b-bb7az7peid] { color: #ded5ff; border-color: rgba(154, 131, 255, .4); background: rgba(154, 131, 255, .08); }
.review-filter-chip-info.is-active[b-bb7az7peid] { color: #c6f2ff; border-color: rgba(85, 216, 255, .4); background: rgba(85, 216, 255, .075); }
.review-filter-chip-success.is-active[b-bb7az7peid] { color: #c0ffe0; border-color: rgba(67, 223, 162, .4); background: rgba(67, 223, 162, .075); }
.review-filter-chip:disabled[b-bb7az7peid] { color: #42516a; cursor: not-allowed; opacity: .58; }

.review-workflow-strip[b-bb7az7peid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: .35rem; margin-top: .35rem; }
.review-workflow[b-bb7az7peid] { min-width: 0; overflow: hidden; border: 1px solid rgba(139, 169, 211, .09); border-radius: .48rem; background: rgba(255, 255, 255, .009); }
.review-workflow summary[b-bb7az7peid] { min-height: 34px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto 18px; align-items: center; gap: .48rem; padding: .35rem .5rem; list-style: none; cursor: pointer; }
.review-workflow summary[b-bb7az7peid]::-webkit-details-marker { display: none; }
.review-workflow summary:hover[b-bb7az7peid] { background: rgba(85, 216, 255, .02); }
.review-workflow-label[b-bb7az7peid] { display: inline-flex; align-items: center; gap: .32rem; color: #93a5be; }
.review-workflow-label[b-bb7az7peid]  .mud-icon-root { color: #8c9eff; font-size: .82rem; }
.review-workflow-label b[b-bb7az7peid] { font-size: .57rem; letter-spacing: .06em; text-transform: uppercase; }
.review-workflow summary > strong[b-bb7az7peid] { overflow: hidden; color: #cdd8e7; font-size: .57rem; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.review-workflow summary > small[b-bb7az7peid] { color: #5f718c; font-size: .49rem; white-space: nowrap; }
.review-workflow summary[b-bb7az7peid]  .review-workflow-chevron { color: #61738e; font-size: .85rem; transition: transform .14s ease; }
.review-workflow[open] summary[b-bb7az7peid] { border-bottom: 1px solid rgba(139, 169, 211, .08); background: rgba(154, 131, 255, .025); }
.review-workflow[open] summary[b-bb7az7peid]  .review-workflow-chevron { transform: rotate(180deg); }
.review-workflow-body[b-bb7az7peid] { padding: .5rem; }
.review-credit-body[b-bb7az7peid] { display: grid; grid-template-columns: minmax(220px, 1.1fr) minmax(180px, .75fr) minmax(220px, 1fr); align-items: center; gap: .45rem; }
.review-credit-select[b-bb7az7peid],
.review-credit-custom[b-bb7az7peid] { min-width: 0; }
.review-credit-note[b-bb7az7peid] { min-width: 0; display: flex; align-items: center; gap: .35rem; color: #647793; font-size: .52rem; line-height: 1.25; }
.review-credit-note[b-bb7az7peid]  .mud-icon-root { flex: 0 0 auto; color: #718cff; font-size: .8rem; }
.review-spawn-body[b-bb7az7peid]  .mud-grid { margin-top: -.3rem; }
.image-filter-option[b-bb7az7peid] { display: inline-flex; align-items: center; gap: .45rem; }
.image-filter-option img[b-bb7az7peid] { width: 24px; height: 24px; object-fit: contain; }
.image-filter-option code[b-bb7az7peid] { color: var(--review-cyan); font-size: .65rem; }

.image-review-queue-section[b-bb7az7peid],
.image-review-grid-wrap[b-bb7az7peid] { min-width: 0; }
.image-review-dropzone[b-bb7az7peid] { position: relative; }
.image-review-grid[b-bb7az7peid] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: .48rem; align-items: start; }
.image-review-card[b-bb7az7peid] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(139, 169, 211, .115);
    border-radius: .66rem;
    background: linear-gradient(150deg, rgba(14, 24, 42, .985), rgba(7, 14, 26, .99));
    box-shadow: 0 7px 18px rgba(0, 0, 0, .16);
    content-visibility: auto;
    contain-intrinsic-size: 430px;
    transition: border-color .14s ease, box-shadow .14s ease;
}
.image-review-card:hover[b-bb7az7peid] { border-color: rgba(85, 216, 255, .25); box-shadow: 0 11px 24px rgba(0, 0, 0, .22); }
.image-review-card-selected[b-bb7az7peid] { border-color: rgba(67, 223, 162, .62); box-shadow: 0 0 0 1px rgba(67, 223, 162, .12), 0 10px 24px rgba(0, 0, 0, .2); }
.image-review-card-selected[b-bb7az7peid]::before { content: ""; position: absolute; z-index: 4; inset: 0 auto 0 0; width: 2px; background: var(--review-green); }
.image-review-card-header[b-bb7az7peid] { min-height: 48px; display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: .38rem; padding: .38rem .48rem; border-bottom: 1px solid rgba(139, 169, 211, .075); }
.image-review-card-header[b-bb7az7peid]  .image-review-card-check { margin-left: -.3rem; }
.image-review-card-header[b-bb7az7peid]  .image-review-card-check .mud-icon-button { padding: .25rem; }
.image-review-identity[b-bb7az7peid] { min-width: 0; display: grid; grid-template-columns: 27px minmax(0, 1fr); align-items: center; gap: .4rem; }
.image-review-identity > img[b-bb7az7peid] { width: 27px; height: 27px; object-fit: contain; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .35)); }
.image-review-identity > div[b-bb7az7peid] { min-width: 0; }
.image-review-identity[b-bb7az7peid]  .image-review-title { overflow: hidden; color: #f3f7fc; font-family: Bahnschrift, "Arial Narrow", sans-serif; font-size: .76rem !important; font-weight: 700; line-height: 1.05 !important; text-overflow: ellipsis; white-space: nowrap; }
.image-review-identity span[b-bb7az7peid] { display: block; overflow: hidden; margin-top: .13rem; color: #6d809b; font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.image-review-identity code[b-bb7az7peid] { margin-left: .2rem; color: #86dcf7; font-size: .48rem; }
.image-review-badges[b-bb7az7peid] { display: flex; align-items: center; justify-content: flex-end; gap: .18rem; }
.image-review-badges > span[b-bb7az7peid] { min-height: 16px; display: inline-flex; align-items: center; justify-content: center; gap: .1rem; padding: .12rem .27rem; border: 1px solid rgba(139, 169, 211, .14); border-radius: 99px; color: #8899b0; font: 760 .41rem/1 Bahnschrift, sans-serif; letter-spacing: .035em; text-transform: uppercase; }
.image-review-badges > .is-modification[b-bb7az7peid] { color: #ffdb9d; border-color: rgba(255, 189, 90, .3); background: rgba(255, 189, 90, .055); }
.image-review-badges > .is-new[b-bb7az7peid] { color: #9bf0c8; border-color: rgba(67, 223, 162, .28); background: rgba(67, 223, 162, .05); }
.image-review-badges > .is-event[b-bb7az7peid] { color: #d5ccff; border-color: rgba(154, 131, 255, .28); }
.image-review-badges > .is-user[b-bb7az7peid] { color: #afeaff; border-color: rgba(85, 216, 255, .26); }
.image-review-badges > .is-device[b-bb7az7peid] { width: 18px; padding-inline: 0; color: #d9d1ff; border-color: rgba(154, 131, 255, .28); background: rgba(154, 131, 255, .05); }
.image-review-badges[b-bb7az7peid]  .mud-icon-root { font-size: .62rem; }

.image-review-card-main[b-bb7az7peid] { display: grid; gap: .45rem; padding: .46rem; }
.image-review-card-main.is-single[b-bb7az7peid] { grid-template-columns: minmax(145px, .95fr) minmax(125px, .72fr); }
.image-review-card-main.is-comparison[b-bb7az7peid] { grid-template-columns: 1fr; }
.image-review-artboard[b-bb7az7peid] { min-width: 0; display: grid; place-items: center; }
.image-review-preview-button[b-bb7az7peid] { position: relative; width: 100%; min-width: 0; display: grid; place-items: center; padding: 0; border: 0; border-radius: .45rem; color: inherit; background: transparent; cursor: zoom-in; }
.image-review-preview[b-bb7az7peid] { position: relative; width: min(100%, 210px); aspect-ratio: 9 / 14; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(139, 169, 211, .11); border-radius: .48rem; background-color: #060c16; background-image: linear-gradient(45deg, rgba(255, 255, 255, .022) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .022) 75%), linear-gradient(45deg, rgba(255, 255, 255, .022) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .022) 75%); background-position: 0 0, 8px 8px; background-size: 16px 16px; }
.image-review-preview img[b-bb7az7peid] { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .16s ease, filter .16s ease; }
.image-review-preview-button:hover img[b-bb7az7peid] { transform: scale(1.012); filter: brightness(1.04); }
.image-review-zoom-cue[b-bb7az7peid] { position: absolute; right: .3rem; bottom: .3rem; display: inline-flex; align-items: center; gap: .15rem; padding: .2rem .3rem; border: 1px solid rgba(85, 216, 255, .18); border-radius: .32rem; color: #aeeaff; background: rgba(3, 10, 20, .85); font-size: .42rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; opacity: 0; transition: opacity .14s ease; }
.image-review-preview-button:hover .image-review-zoom-cue[b-bb7az7peid] { opacity: 1; }
.image-review-zoom-cue[b-bb7az7peid]  .mud-icon-root { font-size: .64rem; }
.image-review-compare[b-bb7az7peid] { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .34rem; }
.image-review-compare-pane[b-bb7az7peid] { position: relative; min-width: 0; display: grid; place-items: center; }
.image-review-compare-pane.is-pending .image-review-preview[b-bb7az7peid] { border-color: rgba(85, 216, 255, .24); }
.image-review-compare-label[b-bb7az7peid] { position: absolute; z-index: 2; top: .28rem; left: .28rem; padding: .18rem .3rem; border: 1px solid rgba(139, 169, 211, .16); border-radius: .3rem; color: #9eadc0; background: rgba(3, 9, 18, .86); font: 780 .4rem/1 Bahnschrift, sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.image-review-compare-pane.is-pending .image-review-compare-label[b-bb7az7peid] { color: #aeeaff; border-color: rgba(85, 216, 255, .2); }

.image-review-inspector[b-bb7az7peid] { min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.image-review-file-details[b-bb7az7peid] { overflow: hidden; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid rgba(139, 169, 211, .07); border-radius: .4rem; }
.image-review-card-main.is-single .image-review-file-details[b-bb7az7peid] { grid-template-columns: 1fr; }
.image-review-card-main.is-comparison .image-review-file-details[b-bb7az7peid] { grid-template-columns: .65fr 1fr 1fr; }
.image-review-file-details > div[b-bb7az7peid] { min-width: 0; display: grid; gap: .1rem; padding: .34rem .4rem; border-right: 1px solid rgba(139, 169, 211, .055); border-bottom: 1px solid rgba(139, 169, 211, .055); background: rgba(255, 255, 255, .008); }
.image-review-file-details span[b-bb7az7peid] { color: #5b6e89; font-size: .41rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.image-review-file-details strong[b-bb7az7peid] { overflow: hidden; color: #cdd8e7; font-size: .55rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.image-review-file-value[b-bb7az7peid] { min-width: 0; display: flex; align-items: center; gap: .2rem; }
.image-review-file-value strong[b-bb7az7peid] { flex: 1; min-width: 0; }
.image-review-file-value .image-review-copy-id[b-bb7az7peid] { width: 20px; height: 20px; margin-block: -.12rem; }
.image-review-card-main.is-single .image-review-file-row[b-bb7az7peid] { grid-column: 1; }
.image-review-card-main.is-comparison .image-review-file-row[b-bb7az7peid] { grid-column: auto; }

.image-review-user-row[b-bb7az7peid] { min-height: 32px; display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px; align-items: center; gap: .38rem; padding: .28rem .34rem; border: 1px solid rgba(139, 169, 211, .08); border-radius: .4rem; background: rgba(255, 255, 255, .008); }
.image-review-user-avatar[b-bb7az7peid] { width: 24px; height: 24px; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(85, 216, 255, .16); border-radius: .34rem; color: #afeaff; background: rgba(85, 216, 255, .055); font: 750 .55rem/1 Bahnschrift, sans-serif; }
.image-review-user-avatar img[b-bb7az7peid] { width: 100%; height: 100%; display: block; object-fit: cover; }
.image-review-user-row > div[b-bb7az7peid],
.render-review-user-identity > div[b-bb7az7peid] { min-width: 0; display: grid; gap: .05rem; }
.image-review-user-row > div span[b-bb7az7peid],
.render-review-user-identity > div span[b-bb7az7peid] { color: #60738e; font-size: .4rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.image-review-user-row > div strong[b-bb7az7peid],
.render-review-user-identity > div strong[b-bb7az7peid] { overflow: hidden; color: #d2dce9; font-size: .51rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.image-review-copy-id[b-bb7az7peid] { width: 24px; height: 24px; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: .34rem; color: #667b98; background: transparent; cursor: pointer; transition: color .14s ease, border-color .14s ease, background .14s ease; }
.image-review-copy-id:hover[b-bb7az7peid] { color: #afeaff; border-color: rgba(85, 216, 255, .18); background: rgba(85, 216, 255, .055); }
.image-review-copy-id[b-bb7az7peid]  .mud-icon-root { font-size: .68rem; }

.render-review-user[b-bb7az7peid] { overflow: hidden; margin: 0; border: 1px solid rgba(85, 216, 255, .1); border-radius: .4rem; background: rgba(85, 216, 255, .018); }
.render-review-user.is-suspended[b-bb7az7peid] { border-color: rgba(255, 189, 90, .25); }
.render-review-user.is-banned[b-bb7az7peid] { border-color: rgba(255, 113, 133, .28); }
.render-review-user summary[b-bb7az7peid] { min-height: 31px; display: flex; align-items: center; justify-content: space-between; gap: .4rem; padding: .3rem .34rem; list-style: none; cursor: pointer; }
.render-review-user summary[b-bb7az7peid]::-webkit-details-marker { display: none; }
.render-review-user-identity[b-bb7az7peid] { min-width: 0; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: .38rem; }
.render-review-summary-actions[b-bb7az7peid] { display: flex; align-items: center; gap: .15rem; }
.render-review-user summary b[b-bb7az7peid] { padding: .14rem .27rem; border-radius: 99px; color: var(--review-green); background: rgba(67, 223, 162, .055); font-size: .4rem; text-transform: uppercase; }
.render-review-user.is-suspended summary b[b-bb7az7peid] { color: var(--review-amber); }
.render-review-user.is-banned summary b[b-bb7az7peid] { color: var(--review-red); }
.render-review-chevron[b-bb7az7peid] { display: grid; color: #60738e; transition: transform .14s ease; }
.render-review-chevron[b-bb7az7peid]  .mud-icon-root { font-size: .72rem; }
.render-review-user[open] .render-review-chevron[b-bb7az7peid] { transform: rotate(180deg); }
.render-review-stats[b-bb7az7peid] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .2rem; padding: 0 .35rem .35rem; }
.render-review-stats span[b-bb7az7peid] { min-width: 0; display: grid; gap: .06rem; padding: .28rem .15rem; border-radius: .28rem; color: #5f718b; text-align: center; background: rgba(255, 255, 255, .014); font-size: .36rem; text-transform: uppercase; }
.render-review-stats strong[b-bb7az7peid] { color: #eef3fa; font-size: .58rem; line-height: 1; }
.render-review-user > small[b-bb7az7peid] { display: block; padding: 0 .4rem .35rem; color: var(--review-amber); font-size: .43rem; }
.render-review-user-actions[b-bb7az7peid] { display: flex; justify-content: flex-end; gap: .22rem; padding: 0 .35rem .35rem; }
.render-review-user-actions[b-bb7az7peid]  .mud-icon-button,
.render-review-item-actions[b-bb7az7peid]  .mud-icon-button { width: 28px; height: 28px; padding: 5px; border: 1px solid currentColor; border-radius: .38rem; }
.render-review-item-actions[b-bb7az7peid] { margin-top: auto; display: flex; align-items: center; justify-content: flex-end; gap: .25rem; }
.image-review-ps-download[b-bb7az7peid] { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #31a8ff; border-radius: .38rem; color: #31a8ff; background: rgba(49,168,255,.055); font: 800 .55rem/1 Bahnschrift,sans-serif; text-decoration: none; transition: color .14s ease,background .14s ease,box-shadow .14s ease; }
.image-review-ps-download:hover[b-bb7az7peid] { color: #dff4ff; background: rgba(49,168,255,.14); box-shadow: 0 0 0 1px rgba(49,168,255,.08); }

.image-review-drop-overlay[b-bb7az7peid] { position: absolute; inset: 0; z-index: 20; display: none; align-items: center; justify-content: center; padding: 1rem; border: 2px dashed rgba(85, 216, 255, .52); border-radius: .7rem; background: rgba(2, 6, 17, .86); backdrop-filter: blur(10px); }
.image-review-dropzone.drag-active .image-review-drop-overlay[b-bb7az7peid] { display: flex; }
.image-review-drop-overlay-card[b-bb7az7peid] { width: min(480px, 90%); padding: 1.5rem; border: 1px solid rgba(85, 216, 255, .22); border-radius: .7rem; color: #f8fbff; text-align: center; background: #0d192b; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }

.image-review-action-dock[b-bb7az7peid] { position: fixed; left: 50%; bottom: max(.65rem, env(safe-area-inset-bottom)); z-index: 30; width: min(820px, calc(100vw - 1.25rem)); transform: translateX(-50%); display: flex; align-items: center; gap: .55rem; padding: .45rem .55rem; border: 1px solid rgba(85, 216, 255, .22); border-radius: .62rem; background: rgba(7, 15, 28, .96); backdrop-filter: blur(16px); box-shadow: 0 18px 45px rgba(0, 0, 0, .45); }
.image-review-action-dock-spacer[b-bb7az7peid] { height: 4rem; pointer-events: none; }
.image-review-action-dock[b-bb7az7peid]  .image-review-silent-publish { border-color: rgba(139, 169, 211, .22); color: #cbd5e1; background: rgba(139, 169, 211, .035); }
.image-review-action-count[b-bb7az7peid] { display: flex; flex-direction: column; line-height: 1; }
.image-review-action-count strong[b-bb7az7peid] { color: #f8fbff; font: 740 .92rem/1 Bahnschrift, sans-serif; }
.image-review-action-count span[b-bb7az7peid] { margin-top: .14rem; color: var(--review-cyan); font-size: .48rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.image-review-action-spacer[b-bb7az7peid] { flex: 1; }

@media (max-width: 1200px) {
    .review-filter-grid[b-bb7az7peid] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .review-filter-modes[b-bb7az7peid] { grid-column: 1 / -1; }
    .review-credit-body[b-bb7az7peid] { grid-template-columns: 1fr 1fr; }
    .review-credit-note[b-bb7az7peid] { grid-column: 1 / -1; }
}

@media (max-width: 850px) {
    .image-review-title-group p[b-bb7az7peid],
    .review-workflow summary > small[b-bb7az7peid] { display: none; }
    .review-workflow-strip[b-bb7az7peid] { grid-template-columns: 1fr; }
    .review-workflow summary[b-bb7az7peid] { grid-template-columns: auto minmax(0, 1fr) 18px; }
}

@media (max-width: 620px) {
    .image-review-topbar[b-bb7az7peid] { align-items: stretch; }
    .image-review-title-mark[b-bb7az7peid] { display: none; }
    .image-review-topbar-stats > span[b-bb7az7peid] { min-width: 0; padding-inline: .4rem; }
    .image-review-topbar-stats small[b-bb7az7peid] { display: none; }
    .review-filter-grid[b-bb7az7peid],
    .review-credit-body[b-bb7az7peid] { grid-template-columns: 1fr; }
    .review-filter-modes[b-bb7az7peid],
    .review-credit-note[b-bb7az7peid] { grid-column: auto; }
    .image-review-card-header[b-bb7az7peid] { grid-template-columns: 25px minmax(0, 1fr); }
    .image-review-badges[b-bb7az7peid] { grid-column: 2; justify-content: flex-start; }
    .image-review-action-dock[b-bb7az7peid] { flex-wrap: wrap; }
    .image-review-action-dock .image-review-action-spacer[b-bb7az7peid] { display: none; }
    .image-review-action-dock-spacer[b-bb7az7peid] { height: 6.5rem; }
}

@media (max-width: 380px) {
    .image-review-card-main.is-single[b-bb7az7peid] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .image-review-preview img[b-bb7az7peid],
    .review-filter-chip[b-bb7az7peid],
    .review-workflow summary[b-bb7az7peid]  .review-workflow-chevron { transition: none; }
}
/* /Components/Pages/IndexImages.razor.rz.scp.css */
.image-library[b-wr702267hr] {
    --ix-bg: #070b14;
    --ix-panel: #0d1424;
    --ix-line: rgba(148, 163, 184, 0.09);
    --ix-violet: #8b5cf6;
    min-height: 100%;
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    color: #d8e1ef;
    background: radial-gradient(
            circle at 80% -10%,
            rgba(124, 77, 255, 0.09),
            transparent 35%
    );
}

.library-header[b-wr702267hr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: .3rem .2rem .65rem;
    border-bottom: 1px solid #293148;
}

.library-header h1[b-wr702267hr] {
    margin: .3rem 0 .2rem;
    color: #eee9fa;
    font-size: 1.85rem;
    font-weight: 650;
    letter-spacing: -.04em;
}

.library-header p[b-wr702267hr] {
    margin: 0;
    color: #9faec2;
    font-size: .82rem;
}

.library-health[b-wr702267hr] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.library-health > span[b-wr702267hr] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .55rem;
    border: 1px solid #2b3549;
    border-radius: 6px;
    font-size: .7rem;
    color: #a5b5ca;
    background: #101929;
}

.library-health > .available[b-wr702267hr] {
    color: #9fd8bd;
}

.library-health > .unavailable[b-wr702267hr] {
    color: #e7bd82;
}

.browser-hint[b-wr702267hr] {
    display: block;
    margin-top: .3rem;
    font-size: .7rem;
    color: #96a6bb;
}

.browser-selection[b-wr702267hr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    flex-shrink: 0;
    font-size: .75rem;
    color: #c4b5fd;
}

.browser-selection button[b-wr702267hr] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .6rem;
    border: 1px solid #3e3a59;
    border-radius: 7px;
    color: #ded5f5;
    background: #201c32;
    font: inherit;
    cursor: pointer;
}

.browser-selection button:disabled[b-wr702267hr] {
    opacity: .4;
    cursor: not-allowed;
}

.browser-selection button:focus-visible[b-wr702267hr] {
    outline: 2px solid #b99ae8;
    outline-offset: 2px;
}

.browser-heading[b-wr702267hr] {
    gap: .75rem;
    flex-wrap: wrap;
}

@media (max-width: 650px) {
    .library-header h1[b-wr702267hr] {
        font-size: 1.55rem;
    }

    .browser-hint[b-wr702267hr] {
        display: none;
    }
}

.library-error[b-wr702267hr] {
    margin: 0 !important;
}

.tab-strip[b-wr702267hr] {
    display: flex;
    align-items: flex-end;
    gap: 0.18rem;
    min-width: 0;
    overflow-x: auto;
    margin-bottom: -0.9rem;
    padding: 0.35rem 0.45rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 77, 255, 0.2) transparent;
}

.path-deck[b-wr702267hr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--ix-line);
    border-radius: 13px;
    background: rgba(13, 20, 36, 0.76);
}

.section-label[b-wr702267hr] {
    display: block;
    color: #78679f;
    font: 0.48rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.path-location[b-wr702267hr] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #57667d;
}

.path-location code[b-wr702267hr] {
    max-width: 360px;
    overflow: hidden;
    color: #68778e;
    font-size: 0.54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.library-workspace[b-wr702267hr] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    align-items: start;
    gap: 0.9rem;
}

.library-workspace.wide[b-wr702267hr] {
    grid-template-columns: minmax(0, 1fr);
}

.asset-browser[b-wr702267hr] {
    container-type: inline-size;
    min-width: 0;
    min-height: 520px;
    padding: 0.9rem;
    border: 1px solid var(--ix-line);
    border-radius: 17px;
    background: linear-gradient(
            160deg,
            rgba(13, 20, 36, 0.82),
            rgba(7, 11, 20, 0.8)
    );
}

.browser-heading[b-wr702267hr] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    padding: 0 0.15rem;
}

.browser-heading strong[b-wr702267hr] {
    display: block;
    margin-top: 0.22rem;
    color: #c9d3e1;
    font-size: 0.72rem;
}

.browser-state[b-wr702267hr] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #5d8f7a;
    font: 0.48rem ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.browser-state i[b-wr702267hr] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 10px #34d399;
}

.browser-state.loading[b-wr702267hr] {
    color: #8d7bb8;
}

.browser-state.loading i[b-wr702267hr] {
    background: #8b5cf6;
    box-shadow: 0 0 10px #8b5cf6;
    animation: pulse-b-wr702267hr 1s infinite;
}

.asset-pager[b-wr702267hr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.85rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.28);
}

.asset-pager strong[b-wr702267hr],
.asset-pager small[b-wr702267hr] {
    display: block;
}

.asset-pager strong[b-wr702267hr] {
    color: #cbd5e1;
    font-size: 0.62rem;
}

.asset-pager small[b-wr702267hr] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.5rem;
}

.asset-pager-controls[b-wr702267hr] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.asset-pager-controls button[b-wr702267hr] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(167, 139, 250, 0.16);
    border-radius: 7px;
    color: #bba8ef;
    background: rgba(124, 77, 255, 0.07);
    cursor: pointer;
}

.asset-pager-controls button:hover:not(:disabled)[b-wr702267hr] {
    border-color: rgba(167, 139, 250, 0.34);
    background: rgba(124, 77, 255, 0.14);
}

.asset-pager-controls button:disabled[b-wr702267hr] {
    opacity: 0.3;
    cursor: default;
}

.asset-pager-controls span[b-wr702267hr] {
    min-width: 90px;
    color: #64748b;
    font: 800 0.48rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.08em;
    text-align: center;
}

.asset-pager-controls b[b-wr702267hr] {
    color: #c4b5fd;
}

.recovery-shelf[b-wr702267hr] {
    overflow: hidden;
    border: 1px solid rgba(167, 139, 250, 0.12);
    border-radius: 17px;
    background: linear-gradient(
            145deg,
            rgba(13, 20, 36, 0.9),
            rgba(8, 12, 23, 0.9)
    );
}

.recovery-shelf > header[b-wr702267hr] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--ix-line);
}

.recovery-shelf header strong[b-wr702267hr] {
    display: block;
    margin-top: 0.18rem;
    color: #cbd5e1;
    font-size: 0.7rem;
}

.recovery-shelf header > small[b-wr702267hr] {
    color: #64748b;
    font-size: 0.54rem;
}

.recovery-shelf > div[b-wr702267hr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.7rem;
}

.recovery-shelf article[b-wr702267hr] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.07);
    border-radius: 9px;
    background: rgba(2, 6, 23, 0.25);
}

.recovery-shelf article > span[b-wr702267hr] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: #9f8fd0;
    background: rgba(124, 77, 255, 0.08);
}

.recovery-shelf article strong[b-wr702267hr],
.recovery-shelf article small[b-wr702267hr] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recovery-shelf article strong[b-wr702267hr] {
    color: #adb9ca;
    font-size: 0.56rem;
}

.recovery-shelf article small[b-wr702267hr] {
    margin-top: 0.12rem;
    color: #5c6980;
    font-size: 0.48rem;
}

.recovery-shelf button[b-wr702267hr] {
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(167, 139, 250, 0.16);
    border-radius: 6px;
    color: #bba8ef;
    background: rgba(124, 77, 255, 0.07);
    font-size: 0.51rem;
    font-weight: 800;
    cursor: pointer;
}

@keyframes pulse-b-wr702267hr {
    50% {
        opacity: 0.35;
    }
}

@media (max-width: 1200px) {
    .library-hero[b-wr702267hr] {
        grid-template-columns: 1fr;
    }

    .library-workspace[b-wr702267hr] {
        grid-template-columns: minmax(0, 1fr) 360px;
    }

    .recovery-shelf > div[b-wr702267hr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .library-workspace[b-wr702267hr] {
        grid-template-columns: 1fr;
    }

    .library-workspace[b-wr702267hr]  .asset-inspector {
        grid-row: 1;
        scroll-margin-top: 5rem;
    }

    .path-deck[b-wr702267hr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .library-hero[b-wr702267hr] {
        padding: 1.25rem;
    }

    .hero-watermark[b-wr702267hr] {
        display: none;
    }

    .tab-strip[b-wr702267hr] {
        margin-bottom: -0.8rem;
    }
}

@media (max-width: 650px) {
    .image-library[b-wr702267hr] {
        padding: 0.55rem;
    }

    .library-status[b-wr702267hr] {
        grid-template-columns: 1fr 1fr;
    }

    .recovery-shelf > div[b-wr702267hr] {
        grid-template-columns: 1fr;
    }

    .recovery-shelf > header[b-wr702267hr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .path-location code[b-wr702267hr] {
        max-width: 260px;
    }

    .browser-state[b-wr702267hr] {
        display: none;
    }

    .asset-pager[b-wr702267hr] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/IndexLootPools.razor.rz.scp.css */
.pool-studio-v2[b-sx3im145tz] {
    --pool-line: #2b354b;
    color: #d8e1ef;
    min-width: 0;
}

.pool-page-heading[b-sx3im145tz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.pool-page-heading h1[b-sx3im145tz] {
    color: #f0f3fa;
    font-size: 1.75rem;
    font-weight: 650;
    letter-spacing: -.03em;
    margin: .3rem 0;
}

.pool-page-heading p[b-sx3im145tz] {
    color: #a8b6cb;
    margin: 0;
    font-size: .88rem;
}

.pool-page-heading > div > span[b-sx3im145tz] {
    color: #ac9bd7;
    font-size: .69rem;
    font-weight: 650;
    letter-spacing: .09em;
}

.pool-local-note[b-sx3im145tz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #a7b4ca;
    font-size: .76rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs {
    display: flex;
    gap: .4rem;
    padding: .35rem;
    border-radius: 9px;
    border: 1px solid var(--pool-line);
    background: #101827;
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs button {
    flex: 1;
    border-radius: 6px;
    min-width: 0;
    padding: .65rem .8rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs button.active {
    background: #251f3b;
    border-color: #665083;
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs strong {
    font-size: .86rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs small {
    color: #a5b3c8;
    font-size: .73rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs em {
    font-size: .72rem;
    background: #e9bc7d;
}

.pool-studio-v2[b-sx3im145tz]  .loot-studio-page {
    gap: .85rem;
}

.pool-studio-v2[b-sx3im145tz]  .managed-card {
    background: #101827;
    border: 1px solid var(--pool-line);
    border-radius: 10px;
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .managed-card::before {
    display: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-studio-toolbar {
    position: static;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem;
    padding: .85rem 1rem;
    background: #101827;
}

.pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity {
    flex: 1;
    min-width: 200px;
    gap: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity > div > strong {
    color: #e7edf6;
    font-size: 1rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity small, .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity em {
    color: #a3b2c9;
    font-size: .7rem;
    font-style: normal;
    letter-spacing: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-toolbar-sync {
    display: none !important;
}

.pool-studio-v2[b-sx3im145tz]  .loot-toolbar-actions {
    flex-wrap: wrap;
    gap: .4rem;
}

.pool-studio-v2[b-sx3im145tz]  .mud-button-root {
    text-transform: none;
    letter-spacing: 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-edit-surface {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-edit-surface:disabled {
    opacity: .65;
    pointer-events: none;
}

.pool-studio-v2[b-sx3im145tz]  .pool-workspace {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-workbench {
    min-width: 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-mode-tabs {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .3rem;
    margin-bottom: .65rem;
    border-bottom: 1px solid var(--pool-line);
}

.pool-studio-v2[b-sx3im145tz]  .pool-mode-tabs button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .85rem;
    border: 0;
    border-radius: 6px;
    color: #aab9ce;
    background: transparent;
    font: inherit;
    font-size: .8rem;
    cursor: pointer;
}

.pool-studio-v2[b-sx3im145tz]  .pool-mode-tabs button.active {
    color: #dfd1ff;
    background: #28213e;
}

.pool-studio-v2[b-sx3im145tz]  .pool-mode-tabs .mud-icon-root {
    font-size: 1.05rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-mode-tabs > span {
    margin-left: auto;
    color: #a2b1c7;
    font-size: .72rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-library {
    position: sticky;
    top: 1rem;
    padding: .9rem;
    max-height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.pool-studio-v2[b-sx3im145tz]  .loot-panel-heading {
    margin-bottom: .8rem;
    gap: .6rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-panel-heading h2 {
    font-size: 1rem;
    font-weight: 600;
    color: #e4ebf7;
    letter-spacing: -.01em;
}

.pool-studio-v2[b-sx3im145tz]  .loot-panel-heading span {
    color: #a79acc;
    font-size: .65rem;
    font-weight: 650;
    letter-spacing: .06em;
}

.pool-studio-v2[b-sx3im145tz]  .loot-panel-heading > strong {
    color: #c6b6eb;
    font-size: .85rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-library-summary {
    font-size: .7rem;
    color: #a4b2c8;
    margin: .7rem 0 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-draft-filter .mud-typography {
    font-size: .73rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-list {
    max-height: none;
    min-height: 120px;
    overflow-y: auto;
    padding: 0 .15rem .25rem 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-group {
    color: #b7a6d8;
    font-size: .72rem;
    margin-top: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-card {
    position: relative;
    padding: .7rem .55rem;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    box-shadow: none;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .5rem;
    min-height: 56px;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-card:hover {
    background: #192237;
    transform: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-card.active {
    background: #25203a;
    border-color: #786197;
    box-shadow: inset 3px 0 #b29adf;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-glyph {
    display: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-copy strong {
    color: #e0e7f3;
    font-size: .8rem;
    font-weight: 600;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-copy small, .pool-studio-v2[b-sx3im145tz]  .loot-pool-meta small {
    color: #9facbf;
    font-size: .68rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-meta strong {
    color: #c7b5e6;
    font-size: .78rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-dirty-flag {
    position: absolute;
    right: .3rem;
    top: .3rem;
    font-size: .85rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-save-warning {
    width: 100%;
    font-size: .76rem;
    color: #efb0b4;
}

.pool-studio-v2[b-sx3im145tz]  .loot-category-filter {
    margin-top: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-category-filter > div > span {
    font-size: .65rem;
    color: #9dacbf;
}

.pool-studio-v2[b-sx3im145tz]  .loot-category-chips {
    max-height: 90px;
    overflow: auto;
}

.pool-studio-v2[b-sx3im145tz]  .loot-category-chips button {
    font-size: .69rem;
    color: #b8c3d4;
    border-radius: 5px;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-designer {
    padding: 1rem;
    min-width: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-designer-heading {
    display: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-config-section {
    padding: 1rem 0 .3rem;
    border: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-section-heading {
    margin-bottom: .75rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-section-heading h3 {
    color: #dde5f3;
    font-size: .9rem;
    font-weight: 600;
}

.pool-studio-v2[b-sx3im145tz]  .loot-section-heading span {
    font-size: .65rem;
    color: #ac9dcd;
}

.pool-studio-v2[b-sx3im145tz]  .loot-section-heading small, .pool-studio-v2[b-sx3im145tz]  .managed-muted {
    font-size: .74rem;
    color: #a1b1c8;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-section {
    padding-top: 1rem;
    margin-top: .8rem;
    border-color: var(--pool-line);
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-rail {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .5rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-tab {
    padding: .65rem;
    border-radius: 7px;
    background: #141e30;
    border-color: var(--pool-line);
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-tab.active {
    background: #28213e;
    border-color: #a58acc;
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-tab strong {
    font-size: .78rem;
    color: #e0e7f4;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-tab small {
    color: #aab7cd;
    font-size: .67rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-icon {
    width: 28px;
    height: 28px;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-canvas {
    margin-top: .85rem;
    padding: 0;
    background: transparent;
    border: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading {
    padding: .75rem 0;
    margin-bottom: .6rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading span {
    color: #a798c5;
    font-size: .65rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading h3 {
    font-size: 1rem;
    color: #e4ebf7;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading small {
    color: #a3b1c6;
    font-size: .75rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-card {
    background: #141e30;
    border: 1px solid #334059;
    border-radius: 9px;
    padding: .8rem;
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-card > header {
    margin-bottom: .5rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-image {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: #1e2940;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-title h3 {
    font-size: .86rem;
    color: #ecf0f8;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-title span, .pool-studio-v2[b-sx3im145tz]  .loot-entry-title small {
    font-size: .63rem;
    color: #a8b6cc;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-odds {
    padding: .5rem 0;
    margin-bottom: .5rem;
    background: transparent;
    border: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-odds span, .pool-studio-v2[b-sx3im145tz]  .loot-entry-odds small {
    color: #a7b6cd;
    font-size: .69rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-odds strong {
    color: #d0baff;
    font-size: 1rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-track {
    height: 3px;
    margin: .35rem 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-track i {
    background: #ab8ddc;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-card footer {
    margin-top: .6rem;
    padding-top: .4rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-entry-card footer > span {
    color: #9babc3;
    font-size: .66rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-settings, .pool-studio-v2[b-sx3im145tz]  .pool-entry-advanced, .pool-studio-v2[b-sx3im145tz]  .pool-item-picker {
    border: 1px solid #35415a;
    border-radius: 7px;
    padding: .65rem .8rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-entry-advanced {
    margin-top: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-item-picker {
    margin-bottom: .7rem;
    background: #1d2337;
}

.pool-studio-v2[b-sx3im145tz]  summary {
    cursor: pointer;
    font-size: .8rem;
    color: #cbb6ef;
}

.pool-studio-v2[b-sx3im145tz]  summary .mud-icon-root {
    font-size: 1rem;
    vertical-align: middle;
    margin-right: .3rem;
}

.pool-studio-v2[b-sx3im145tz]  summary > span {
    font-size: .71rem;
    color: #a6b4c9;
    margin-left: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-entry-advanced[open] > summary {
    margin-bottom: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-item-palette {
    background: transparent;
    border: 0;
    padding: .6rem 0 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-palette-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .3rem;
    max-height: 260px;
    margin: .6rem 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-palette-item {
    border-radius: 6px;
    padding: .5rem;
    background: #151e30;
}

.pool-studio-v2[b-sx3im145tz]  .loot-palette-item strong {
    font-size: .77rem;
    color: #e1e8f6;
}

.pool-studio-v2[b-sx3im145tz]  .loot-palette-item small {
    font-size: .66rem;
    color: #9faec7;
}

.pool-studio-v2[b-sx3im145tz]  .loot-palette-hint {
    color: #a6b6cb;
    font-size: .72rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-empty {
    min-height: 120px;
    padding: 1rem;
    background: #141e30;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-empty strong {
    font-size: .9rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-empty small {
    color: #aab8cf;
    font-size: .76rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-validation-strip {
    color: #f1c389;
    background: #30251f;
    border-color: #806443;
    border-radius: 7px;
    font-size: .78rem;
    margin-bottom: .75rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-preview-workspace {
    display: grid;
    gap: 1rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-outcomes, .pool-studio-v2[b-sx3im145tz]  .loot-simulation-lab {
    padding: 1rem;
    min-width: 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-help {
    color: #a8b7cd;
    font-size: .76rem;
    line-height: 1.6;
    margin: .75rem 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-summary-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: .8rem 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-summary-strip > div {
    padding: .75rem;
    border: 1px solid var(--pool-line);
    border-radius: 7px;
    background: #141e30;
}

.pool-studio-v2[b-sx3im145tz]  .pool-summary-strip small {
    display: block;
    color: #a6b6ce;
    font-size: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-summary-strip strong {
    color: #dccbff;
    font-size: 1.1rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-table-scroll {
    overflow: auto;
    max-height: 520px;
    border: 1px solid var(--pool-line);
    border-radius: 7px;
}

.pool-studio-v2[b-sx3im145tz]  .pool-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
    white-space: nowrap;
}

.pool-studio-v2[b-sx3im145tz]  .pool-data-table th, .pool-studio-v2[b-sx3im145tz]  .pool-data-table td {
    padding: .7rem .85rem;
    border-bottom: 1px solid var(--pool-line);
    font-weight: 400;
    text-align: right;
}

.pool-studio-v2[b-sx3im145tz]  .pool-data-table th:first-child {
    text-align: left;
}

.pool-studio-v2[b-sx3im145tz]  .pool-data-table thead th {
    background: #1a2438;
    color: #aebed6;
    font-size: .73rem;
    position: sticky;
    top: 0;
}

.pool-studio-v2[b-sx3im145tz]  .pool-data-table small {
    display: block;
    color: #ad9ace;
    font-size: .69rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-table-item {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-table-item img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.pool-studio-v2[b-sx3im145tz]  .pool-row-changed {
    background: #211d32;
}

.pool-studio-v2[b-sx3im145tz]  .loot-simulation-results {
    max-height: 440px;
}

.pool-studio-v2[b-sx3im145tz]  .loot-simulation-row {
    padding: .7rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-simulation-row strong {
    font-size: .79rem;
    color: #e1e8f6;
}

.pool-studio-v2[b-sx3im145tz]  .loot-simulation-row small, .pool-studio-v2[b-sx3im145tz]  .loot-simulation-caption, .pool-studio-v2[b-sx3im145tz]  .loot-simulation-empty small {
    font-size: .73rem;
    color: #a9b8cc;
}

.pool-studio-v2[b-sx3im145tz]  .loot-simulation-track i {
    background: #a78bdb;
}

.pool-studio-v2[b-sx3im145tz]  .cost-entry-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
}

.pool-studio-v2[b-sx3im145tz]  .cost-entry-card {
    padding: .85rem;
    border-radius: 8px;
    border-color: #35425b;
    background: #141e30;
}

.pool-studio-v2[b-sx3im145tz]  .cost-entry-card strong {
    color: #e2e9f6;
    font-size: .85rem;
}

.pool-studio-v2[b-sx3im145tz]  .cost-entry-card small, .pool-studio-v2[b-sx3im145tz]  .cost-entry-card em, .pool-studio-v2[b-sx3im145tz]  .cost-tradable-toggle small {
    color: #a6b6ce;
    font-size: .71rem;
}

.pool-studio-v2[b-sx3im145tz]  .cost-tradable-toggle {
    border-color: #36415a;
    background: transparent;
}

.pool-studio-v2[b-sx3im145tz]  .cost-tradable-toggle strong {
    font-size: .76rem;
    color: #dae3f1;
}

.pool-studio-v2[b-sx3im145tz]  .cost-item-builder {
    grid-template-columns: minmax(180px, 1fr) 120px;
}

.pool-studio-v2[b-sx3im145tz]  .cost-item-picker {
    margin-top: .65rem;
}

.pool-studio-v2[b-sx3im145tz]  button:focus-visible, .pool-studio-v2[b-sx3im145tz]  summary:focus-visible {
    outline: 2px solid #c1a4fc;
    outline-offset: 2px;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-toggle {
    display: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-studio-toolbar {
    position: static !important;
    background: #101827 !important;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-designer {
    background: #101827 !important;
}

.pool-studio-v2[b-sx3im145tz]  .loot-config-section {
    background: transparent;
    gap: .5rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-section {
    gap: .65rem;
    padding-inline: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading {
    margin-top: 0;
    padding-top: 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-section-heading {
    padding-bottom: .4rem;
    margin-bottom: .4rem;
}

.pool-studio-v2[b-sx3im145tz]  h2, .pool-studio-v2[b-sx3im145tz]  h3, .pool-studio-v2[b-sx3im145tz]  strong,
.pool-studio-v2[b-sx3im145tz]  .loot-section-heading span, .pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading span,
.pool-studio-v2[b-sx3im145tz]  .loot-entry-title span {
    font-family: var(--mud-typography-default-family);
}

.pool-studio-v2[b-sx3im145tz]  .loot-canvas-heading .mud-button-label {
    letter-spacing: 0;
    font-size: .76rem;
    font-weight: 600;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-filters {
    display: grid;
    gap: .15rem;
    flex-shrink: 0;
    padding: 0 .15rem .3rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-extra {
    padding: .55rem .1rem .15rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-extra summary {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-extra summary > span {
    margin-left: auto;
    color: #e5c590;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-results {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
    min-height: 32px;
    color: #a9b7cd;
    font-size: .71rem;
}

.pool-studio-v2[b-sx3im145tz]  .pool-library-results button {
    border: 0;
    background: transparent;
    color: #cfbafa;
    font: inherit;
    cursor: pointer;
    padding: .35rem 0;
}

.pool-studio-v2[b-sx3im145tz]  .loot-pool-card {
    scroll-margin: .5rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-rail {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    align-items: start;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-overview {
    min-width: 0;
    border: 1px solid #344058;
    border-radius: 8px;
    overflow: hidden;
    background: #141e30;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-overview.active {
    border-color: #b399df;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-overview .loot-tier-tab {
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: .65rem;
    background: transparent;
    box-shadow: none;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-overview .loot-tier-tab.active {
    background: #2a233f;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-overview .loot-tier-tab:hover {
    background: #252a43;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-contents {
    list-style: none;
    padding: .4rem .65rem;
    margin: 0;
    max-height: 184px;
    overflow-y: auto;
    border-top: 1px solid #303b51;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-contents li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: center;
    min-height: 32px;
    color: #dce5f3;
    font-size: .76rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-contents img, .pool-studio-v2[b-sx3im145tz]  .loot-tier-contents .mud-icon-root {
    width: 22px;
    height: 22px;
    object-fit: contain;
    color: #a5b0c9;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-contents li > span {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-contents small {
    color: #bca8da;
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-preview-empty {
    color: #a5b3c9;
    padding: .6rem .75rem;
    font-size: .74rem;
}

.pool-studio-v2[b-sx3im145tz]  .loot-tier-more {
    width: 100%;
    border: 0;
    border-top: 1px solid #303b51;
    padding: .55rem;
    background: #1c2438;
    color: #cbb3ed;
    font: inherit;
    font-size: .72rem;
    cursor: pointer;
}

@media (max-width: 1050px) {
    .pool-studio-v2[b-sx3im145tz]  .pool-workspace {
        grid-template-columns: 210px minmax(0, 1fr);
        gap: .7rem;
    }

    .pool-local-note[b-sx3im145tz] {
        display: none;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-mode-tabs > span {
        display: none;
    }
}

@media (max-width: 760px) {

    .pool-studio-v2[b-sx3im145tz]  .pool-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-pool-library {
        position: static;
        display: none;
        max-height: none;
    }

    .pool-studio-v2[b-sx3im145tz]  .library-open .loot-pool-library {
        display: flex;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-library-toggle {
        display: flex;
        align-items: center;
        gap: .5rem;
        width: 100%;
        margin-bottom: .65rem;
        padding: .7rem .85rem;
        border: 1px solid #3e3657;
        border-radius: 7px;
        color: #d1bced;
        background: #1b2033;
        font: inherit;
        font-size: .8rem;
        cursor: pointer;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-library-toggle > span {
        margin-left: auto;
        color: #a7b5ca;
        font-size: .7rem;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-library-toggle .mud-icon-root {
        font-size: 1.1rem;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-pool-list {
        min-height: 120px;
        height: 220px;
        max-height: 220px;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-pool-library > .mud-button-root {
        flex-shrink: 0;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs button {
        gap: .4rem;
        padding: .5rem;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs button > span:first-child {
        display: none;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs small {
        display: none;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs strong {
        white-space: nowrap;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-actions {
        display: flex;
        flex-wrap: wrap;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-actions .mud-button-root {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-actions > .mud-button-filled {
        margin-left: auto;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-entry-card > footer {
        flex-direction: row;
        align-items: center;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity {
        flex-wrap: nowrap;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity > div {
        min-width: 0;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity strong {
        overflow-wrap: anywhere;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-panel-heading {
        margin-bottom: .5rem;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-category-chips {
        max-height: 45px;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-studio-tabs {
        flex-direction: row;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-identity {
        width: 100%;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-actions {
        justify-content: flex-start;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-toolbar-actions .mud-button-root {
        padding-inline: .6rem;
        font-size: .76rem;
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-tier-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pool-studio-v2[b-sx3im145tz]  .loot-section-heading {
        flex-wrap: wrap;
        gap: .4rem;
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-settings summary > span {
        display: block;
        margin: .3rem 0 0;
    }

    .pool-studio-v2[b-sx3im145tz]  .cost-item-builder {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 400px) {
    .pool-studio-v2[b-sx3im145tz]  .loot-tier-rail, .pool-studio-v2[b-sx3im145tz]  .pool-summary-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .pool-studio-v2[b-sx3im145tz]  .pool-entry-advanced summary > span {
        display: block;
        margin: .3rem 0 0;
    }
}
/* /Components/Pages/IndexMetrics.razor.rz.scp.css */
.index-insights-page[b-74ilzsfntn]{--insights-cyan:#51d7ff;--insights-violet:#9a83ff;--insights-green:#44e0a4;--insights-amber:#ffbc58;--insights-ruby:#ff708b;--insights-line:rgba(139,169,211,.115);display:grid;gap:.48rem;padding-bottom:1.5rem;color:#e8eef8}.index-insights-page.is-refreshing[b-74ilzsfntn]{cursor:progress}.index-insights-page.is-refreshing[b-74ilzsfntn]::after{content:"";position:fixed;z-index:20;top:0;left:0;width:32%;height:2px;background:linear-gradient(90deg,transparent,var(--insights-cyan),transparent);animation:index-query-scan-b-74ilzsfntn 1.15s linear infinite}
.insights-section[b-74ilzsfntn]{min-width:0;display:grid;gap:.4rem;margin-top:.12rem}.insights-section-heading[b-74ilzsfntn]{min-height:43px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.34rem .5rem;border:1px solid rgba(139,169,211,.085);border-radius:.5rem;background:rgba(8,17,30,.78)}.insights-section-heading>span[b-74ilzsfntn]{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(81,215,255,.13);border-radius:.35rem;color:#72c7dc;background:rgba(81,215,255,.025);font:.52rem ui-monospace,Consolas,monospace}.insights-section-heading>div[b-74ilzsfntn]{min-width:0}.insights-section-heading h2[b-74ilzsfntn]{margin:0;color:#cbd6e3;font:700 .72rem/1.1 Bahnschrift,sans-serif;letter-spacing:.01em}.insights-section-heading p[b-74ilzsfntn]{overflow:hidden;margin:.12rem 0 0;color:#6e8198;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.insights-section-heading>strong[b-74ilzsfntn]{color:#7b8da3;font:.53rem ui-monospace,Consolas,monospace;font-weight:500;white-space:nowrap}
.insights-card-grid[b-74ilzsfntn]{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));grid-auto-rows:340px;align-items:start;gap:.42rem}.insights-card-grid>*[b-74ilzsfntn]{min-width:0;min-height:0;max-height:340px}.metric-toggle[b-74ilzsfntn]{display:flex;gap:.14rem}.metric-toggle button[b-74ilzsfntn]{height:22px;padding:0 .32rem;border:1px solid rgba(139,169,211,.12);border-radius:99px;color:#7d8fa5;background:transparent!important;font:760 .44rem/1 Bahnschrift,sans-serif;cursor:pointer}.metric-toggle button:hover[b-74ilzsfntn],.metric-toggle button.is-active[b-74ilzsfntn]{color:#bdc9d7;border-color:rgba(139,169,211,.2);background:rgba(255,255,255,.025)!important}.metric-toggle button.tone-red.is-active[b-74ilzsfntn]{color:#d99aa6;border-color:rgba(255,112,139,.2)}.metric-toggle button.tone-amber.is-active[b-74ilzsfntn]{color:#d8ba84;border-color:rgba(255,188,88,.2)}
.index-insights-loader[b-74ilzsfntn]{min-height:140px;display:flex;align-items:center;justify-content:center;gap:.85rem;border:1px solid var(--insights-line);border-radius:.62rem;background:#091321}.index-insights-loader>span[b-74ilzsfntn]{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(81,215,255,.16);border-radius:.5rem;color:#76c9dd;background:rgba(81,215,255,.025);animation:index-loader-pulse-b-74ilzsfntn 1.4s ease-in-out infinite}.index-insights-loader>span[b-74ilzsfntn]  .mud-icon-root{font-size:1.15rem}.index-insights-loader>div[b-74ilzsfntn]{width:min(420px,65vw);display:grid;gap:.16rem}.index-insights-loader strong[b-74ilzsfntn]{color:#dce5ef;font:.76rem Bahnschrift,sans-serif}.index-insights-loader small[b-74ilzsfntn]{color:#6d8097;font-size:.55rem}.index-insights-loader i[b-74ilzsfntn]{height:2px;overflow:hidden;margin-top:.25rem;border-radius:2px;background:rgba(139,169,211,.08)}.index-insights-loader i[b-74ilzsfntn]::after{content:"";display:block;width:35%;height:100%;background:#65bfd5;animation:index-loader-track-b-74ilzsfntn 1s ease-in-out infinite}.index-insights-skeletons[b-74ilzsfntn]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.index-insights-skeletons[b-74ilzsfntn]  .mud-skeleton{border-radius:.58rem;background:rgba(139,169,211,.05)}.index-insights-error[b-74ilzsfntn]{min-height:180px;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem;border:1px solid rgba(255,112,139,.14);border-radius:.62rem;background:rgba(255,112,139,.018)}.index-insights-error>div[b-74ilzsfntn]{display:grid;gap:.1rem}.index-insights-error>div strong[b-74ilzsfntn]{color:#e3eaf3;font:.76rem Bahnschrift,sans-serif}.index-insights-error>div small[b-74ilzsfntn]{color:#72859d;font-size:.55rem}.index-insights-error[b-74ilzsfntn]>  .mud-icon-root{color:#cf8491}
@keyframes index-query-scan-b-74ilzsfntn{from{transform:translateX(-110%)}to{transform:translateX(420%)}}@keyframes index-loader-pulse-b-74ilzsfntn{50%{opacity:.45;transform:scale(.94)}}@keyframes index-loader-track-b-74ilzsfntn{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
@media(max-width:1000px){.insights-card-grid[b-74ilzsfntn]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:350px}.insights-card-grid>*[b-74ilzsfntn]{max-height:350px}.index-insights-skeletons[b-74ilzsfntn]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.insights-card-grid[b-74ilzsfntn],.index-insights-skeletons[b-74ilzsfntn]{grid-template-columns:1fr}.insights-card-grid[b-74ilzsfntn]{grid-auto-rows:360px}.insights-card-grid>*[b-74ilzsfntn]{max-height:360px}.insights-section-heading[b-74ilzsfntn]{grid-template-columns:27px minmax(0,1fr)}.insights-section-heading>strong[b-74ilzsfntn]{display:none}}
@media(prefers-reduced-motion:reduce){.index-insights-page.is-refreshing[b-74ilzsfntn]::after,.index-insights-loader>span[b-74ilzsfntn],.index-insights-loader i[b-74ilzsfntn]::after{animation:none}}
/* /Components/Pages/IndexPartnerships.razor.rz.scp.css */
.partnership-page[b-f0m0ehxz7a] {
    display: grid;
    gap: 1rem;
    min-height: 100%;
    padding: clamp(.9rem, 1.5vw, 1.35rem);
    background: radial-gradient(circle at 82% 0, rgba(44, 112, 117, .055), transparent 30%);
}

.partnership-progress[b-f0m0ehxz7a] {
    position: sticky;
    z-index: 5;
    top: 0;
    height: 3px;
    margin: -.9rem .55rem 0;
}

.partnership-review-grid[b-f0m0ehxz7a] {
    display: grid;
    grid-template-columns: minmax(390px, .72fr) minmax(0, 1.55fr);
    gap: 1rem;
    align-items: start;
    min-height: 0;
}

@media (max-width: 1180px) {
    .partnership-review-grid[b-f0m0ehxz7a] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .partnership-page[b-f0m0ehxz7a] { gap: .7rem; padding: .6rem; }
}
/* /Components/Pages/IndexPayments.razor.rz.scp.css */
.payments-page[b-vsozbb1ufn]{--payment-violet:#8466ff;display:grid;gap:.85rem;color:#dce1eb;animation:payments-enter-b-vsozbb1ufn .28s ease-out}.payments-loading[b-vsozbb1ufn]{display:grid;min-height:65vh;place-items:center;align-content:center;gap:.7rem;color:#7d879b;font-size:.7rem}.payment-load-bar[b-vsozbb1ufn]{margin:-.45rem .8rem 0;width:calc(100% - 1.6rem)!important}.payments-page[b-vsozbb1ufn]  .payment-tabs{border:1px solid rgba(148,163,184,.08);border-radius:15px;background:rgba(7,11,22,.94);box-shadow:0 18px 48px rgba(0,0,0,.12)}.payments-page[b-vsozbb1ufn]  .payment-tabs>.mud-tabs-tabbar{min-height:48px;padding:.28rem;border-bottom:1px solid rgba(148,163,184,.07);background:rgba(11,15,29,.94)}.payments-page[b-vsozbb1ufn]  .payment-tabs .mud-tab{min-height:40px;margin-right:.2rem;border-radius:9px;color:#7b8599;font-size:.61rem;font-weight:760;text-transform:none}.payments-page[b-vsozbb1ufn]  .payment-tabs .mud-tab:hover{color:#c5bedf;background:rgba(255,255,255,.022)}.payments-page[b-vsozbb1ufn]  .payment-tabs .mud-tab-active{color:#f0edff;background:linear-gradient(180deg,rgba(132,102,255,.17),rgba(124,92,255,.09))}.payments-page[b-vsozbb1ufn]  .payment-tabs .mud-tabs-tabbar .mud-tab-slider{height:2px;border-radius:2px;background:#8466ff}.payments-page[b-vsozbb1ufn]  .payment-tabs .mud-tabs-panels{padding:.72rem!important}.payment-sentinel[b-vsozbb1ufn]{display:flex;min-height:74px;align-items:center;justify-content:center;gap:.65rem;margin-top:.72rem;border:1px dashed rgba(132,102,255,.13);border-radius:13px;color:#b8abff;background:rgba(124,92,255,.025)}.payment-sentinel.is-complete[b-vsozbb1ufn]{color:#788399;border-color:rgba(148,163,184,.09)}.payment-sentinel button[b-vsozbb1ufn]{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:72px;padding:.55rem;border:0;color:inherit;background:transparent;cursor:pointer}.payment-sentinel button:hover[b-vsozbb1ufn]{color:#d5ceff}.payment-sentinel span strong[b-vsozbb1ufn],.payment-sentinel span small[b-vsozbb1ufn]{display:block}.payment-sentinel span[b-vsozbb1ufn]{text-align:left}.payment-sentinel strong[b-vsozbb1ufn]{font-size:.65rem}.payment-sentinel small[b-vsozbb1ufn]{margin-top:.12rem;color:#69758c;font-size:.53rem}.payment-sentinel[b-vsozbb1ufn]  svg{font-size:1.15rem}

.payments-page[b-vsozbb1ufn]  .payment-work-panel{overflow:hidden;border:1px solid rgba(148,163,184,.08);border-radius:17px;background:linear-gradient(180deg,rgba(12,18,34,.94),rgba(7,12,24,.97))}.payments-page[b-vsozbb1ufn]  .payment-panel-heading{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid rgba(148,163,184,.07);background:linear-gradient(90deg,rgba(132,102,255,.055),transparent 48%)}.payments-page[b-vsozbb1ufn]  .payment-panel-heading span{color:#8271e2;font-size:.52rem;font-weight:900;letter-spacing:.14em}.payments-page[b-vsozbb1ufn]  .payment-panel-heading h2{margin:.16rem 0 .08rem;color:#eef0f8;font:750 1.02rem/1.2 Georgia,serif}.payments-page[b-vsozbb1ufn]  .payment-panel-heading p{margin:0;color:#69758c;font-size:.55rem}.payments-page[b-vsozbb1ufn]  .payment-panel-heading>strong{display:grid;min-width:35px;height:29px;place-items:center;border:1px solid rgba(132,102,255,.22);border-radius:99px;color:#b8abff;background:rgba(124,92,255,.07);font:.58rem ui-monospace,SFMono-Regular,Consolas,monospace}.payments-page[b-vsozbb1ufn]  .dispute-filter-row{display:flex;width:max-content;gap:.25rem;margin:.55rem .7rem;padding:.22rem;border:1px solid rgba(148,163,184,.08);border-radius:10px;background:rgba(3,7,18,.34)}.payments-page[b-vsozbb1ufn]  .dispute-filter-row button{display:flex;min-height:34px;align-items:center;gap:.35rem;padding:.38rem .55rem;border:1px solid transparent;border-radius:8px;color:#7c879b;background:transparent;font-size:.53rem;font-weight:750;cursor:pointer}.payments-page[b-vsozbb1ufn]  .dispute-filter-row button:hover{color:#c9c4e8;background:rgba(255,255,255,.025)}.payments-page[b-vsozbb1ufn]  .dispute-filter-row button.active{border-color:rgba(132,102,255,.42);color:#f0edff;background:rgba(124,92,255,.13)}.payments-page[b-vsozbb1ufn]  .dispute-filter-row b{color:#aaa0d8;font:.46rem ui-monospace,SFMono-Regular,Consolas,monospace}.payments-page[b-vsozbb1ufn]  .payment-dispute-layout{display:grid;min-height:540px;grid-template-columns:minmax(0,1fr) minmax(330px,390px);border-top:1px solid rgba(148,163,184,.06)}.payments-page[b-vsozbb1ufn]  .dispute-list{min-width:0;display:flex;flex-direction:column;padding:.48rem;border-right:1px solid rgba(148,163,184,.07)}.payments-page[b-vsozbb1ufn]  .dispute-row{display:grid;min-height:64px;grid-template-columns:32px minmax(0,1fr) auto 72px;align-items:center;gap:.55rem;padding:.5rem;border:1px solid transparent;border-radius:10px;color:inherit;text-align:left;background:transparent;cursor:pointer}.payments-page[b-vsozbb1ufn]  .dispute-row.open{background:linear-gradient(90deg,rgba(251,113,133,.03),transparent)}.payments-page[b-vsozbb1ufn]  .dispute-row:hover,.payments-page[b-vsozbb1ufn]  .dispute-row.selected{border-color:rgba(132,102,255,.2);background:rgba(124,92,255,.055)}.payments-page[b-vsozbb1ufn]  .provider-glyph{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(148,163,184,.13);border-radius:9px;color:#929db0;background:rgba(255,255,255,.025);font:800 .53rem ui-monospace,SFMono-Regular,Consolas,monospace}.payments-page[b-vsozbb1ufn]  .provider-glyph.stripe{border-color:rgba(129,140,248,.28);color:#b5b9ff;background:rgba(99,102,241,.1)}.payments-page[b-vsozbb1ufn]  .provider-glyph.paypal{border-color:rgba(56,189,248,.24);color:#8bdcff;background:rgba(14,165,233,.08)}.payments-page[b-vsozbb1ufn]  .dispute-row>span:nth-child(2),.payments-page[b-vsozbb1ufn]  .dispute-row>em{min-width:0;display:grid;font-style:normal}.payments-page[b-vsozbb1ufn]  .dispute-row strong{overflow:hidden;color:#dce1eb;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.payments-page[b-vsozbb1ufn]  .dispute-row small{margin-top:.1rem;color:#69758c;font-size:.47rem}.payments-page[b-vsozbb1ufn]  .dispute-row>em{text-align:right}.payments-page[b-vsozbb1ufn]  .dispute-row>em strong{color:#f2a1b0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.payments-page[b-vsozbb1ufn]  .dispute-row>i{padding:.22rem .3rem;border-radius:5px;color:#dda6b0;background:rgba(251,113,133,.08);font-size:.42rem;font-style:normal;text-align:center}.payments-page[b-vsozbb1ufn]  .dispute-row>i.reviewed{color:#79d9b1;background:rgba(52,211,153,.08)}.payments-page[b-vsozbb1ufn]  .payment-order-inspector{min-width:0;display:flex;flex-direction:column;gap:.65rem;padding:.85rem;background:radial-gradient(circle at 100% 0,rgba(132,102,255,.1),transparent 36%),#090f1e}.payments-page[b-vsozbb1ufn]  .inspector-kicker{display:flex;align-items:center;gap:.42rem;color:#8994a9;font-size:.51rem}.payments-page[b-vsozbb1ufn]  .inspector-kicker>b{margin-left:auto;padding:.22rem .38rem;border-radius:5px;color:#79d9b1;background:rgba(52,211,153,.08);font-size:.43rem;text-transform:capitalize}.payments-page[b-vsozbb1ufn]  .inspector-kicker>b.disputed,.payments-page[b-vsozbb1ufn]  .inspector-kicker>b.refunded{color:#f8a0b1;background:rgba(244,63,94,.1)}.payments-page[b-vsozbb1ufn]  .payment-order-inspector h3{margin:.05rem 0 0;color:#eef0f8;font:750 1rem Georgia,serif}.payments-page[b-vsozbb1ufn]  .dispute-reason{margin:-.25rem 0 .15rem;color:#9aa5b8;font-size:.58rem;text-transform:capitalize}.payments-page[b-vsozbb1ufn]  .payment-identifiers{display:grid;gap:.3rem;margin:0}.payments-page[b-vsozbb1ufn]  .payment-identifiers div{min-width:0;padding:.45rem .5rem;border:1px solid rgba(148,163,184,.07);border-left:2px solid rgba(132,102,255,.35);border-radius:7px;background:rgba(3,7,18,.3)}.payments-page[b-vsozbb1ufn]  .payment-identifiers dt{color:#69758c;font-size:.43rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.payments-page[b-vsozbb1ufn]  .payment-identifiers dd{overflow:hidden;margin:.12rem 0 0;color:#aab2c1;font:.5rem ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.payments-page[b-vsozbb1ufn]  .dispute-deadline{display:grid;grid-template-columns:24px 1fr;align-items:center;padding:.5rem;border:1px solid rgba(251,191,36,.16);border-radius:9px;color:#e4c47d;background:rgba(245,158,11,.035)}.payments-page[b-vsozbb1ufn]  .dispute-deadline .mud-icon-root{grid-row:1/3;font-size:.95rem}.payments-page[b-vsozbb1ufn]  .dispute-deadline span{font-size:.43rem;text-transform:uppercase}.payments-page[b-vsozbb1ufn]  .dispute-deadline strong{font-size:.52rem}.payments-page[b-vsozbb1ufn]  .inspector-actions{display:flex;justify-content:flex-end;gap:.35rem;margin-top:auto}.payments-page[b-vsozbb1ufn]  .inspector-actions .mud-button-root{font-size:.52rem}.payments-page[b-vsozbb1ufn]  .payment-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:.38rem;color:#69758c;text-align:center}.payments-page[b-vsozbb1ufn]  .payment-empty .mud-icon-root{font-size:2rem}.payments-page[b-vsozbb1ufn]  .payment-empty strong{color:#9aa5b8;font-size:.7rem}.payments-page[b-vsozbb1ufn]  .payment-empty span{font-size:.55rem}

.payments-page[b-vsozbb1ufn]  .webhook-health{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.58rem .75rem;border-bottom:1px solid rgba(148,163,184,.06);color:#79cba5;background:rgba(52,211,153,.025);font-size:.52rem}.payments-page[b-vsozbb1ufn]  .webhook-health.unhealthy{color:#e99aaa;background:rgba(244,63,94,.035)}.payments-page[b-vsozbb1ufn]  .webhook-health>span{display:flex;align-items:center;gap:.35rem}.payments-page[b-vsozbb1ufn]  .webhook-health i{width:6px;height:6px;border-radius:50%;background:#56d69c;box-shadow:0 0 9px rgba(86,214,156,.6)}.payments-page[b-vsozbb1ufn]  .webhook-health.unhealthy i{background:#fb7185;box-shadow:0 0 9px rgba(251,113,133,.6)}.payments-page[b-vsozbb1ufn]  .webhook-health small{color:#69758c;font-size:.46rem}.payments-page[b-vsozbb1ufn]  .webhook-list{display:flex;flex-direction:column;padding:.45rem}.payments-page[b-vsozbb1ufn]  .webhook-list article{position:relative;display:grid;min-height:66px;grid-template-columns:32px minmax(0,1fr) minmax(150px,.55fr) 66px;align-items:center;gap:.55rem;padding:.5rem;border-bottom:1px solid rgba(148,163,184,.06)}.payments-page[b-vsozbb1ufn]  .webhook-result{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(148,163,184,.12);border-radius:50%;color:#91899f}.payments-page[b-vsozbb1ufn]  .webhook-result .mud-icon-root{font-size:.8rem}.payments-page[b-vsozbb1ufn]  .webhook-result.processed{border-color:rgba(52,211,153,.18);color:#68d9aa;background:rgba(52,211,153,.05)}.payments-page[b-vsozbb1ufn]  .webhook-result.failed{border-color:rgba(251,113,133,.2);color:#f48ca0;background:rgba(244,63,94,.05)}.payments-page[b-vsozbb1ufn]  .webhook-list article>div{min-width:0}.payments-page[b-vsozbb1ufn]  .webhook-list article strong{overflow:hidden;display:block;color:#d5cfdf;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.payments-page[b-vsozbb1ufn]  .webhook-list article small{display:block;margin-top:.08rem;color:#69758c;font-size:.46rem}.payments-page[b-vsozbb1ufn]  .webhook-list article p{overflow:hidden;margin:.18rem 0 0;color:#8d97aa;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.payments-page[b-vsozbb1ufn]  .webhook-reference{text-align:right}.payments-page[b-vsozbb1ufn]  .webhook-reference strong{color:#9aa5b8!important;font:normal .49rem ui-monospace,SFMono-Regular,Consolas,monospace!important}.payments-page[b-vsozbb1ufn]  .webhook-list article>b{padding:.22rem .32rem;border-radius:5px;color:#948ca3;background:rgba(148,163,184,.07);font-size:.42rem;font-weight:700;text-align:center}.payments-page[b-vsozbb1ufn]  .webhook-list article>b.processed{color:#71d6ab;background:rgba(52,211,153,.08)}.payments-page[b-vsozbb1ufn]  .webhook-list article>b.failed{color:#ed91a3;background:rgba(244,63,94,.09)}.payments-page[b-vsozbb1ufn]  .webhook-list article>em{position:absolute;right:.5rem;bottom:.2rem;color:#9b7b4b;font-size:.4rem;font-style:normal}@keyframes payments-enter-b-vsozbb1ufn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.payments-page[b-vsozbb1ufn]{animation:none}}@media(max-width:900px){.payments-page[b-vsozbb1ufn]  .payment-dispute-layout{grid-template-columns:1fr}.payments-page[b-vsozbb1ufn]  .dispute-list{border-right:0;border-bottom:1px solid rgba(148,163,184,.07)}}@media(max-width:650px){.payments-page[b-vsozbb1ufn]  .payment-tabs .mud-tabs-panels{padding:.5rem!important}.payments-page[b-vsozbb1ufn]  .webhook-list article{grid-template-columns:30px 1fr 60px}.payments-page[b-vsozbb1ufn]  .webhook-reference{display:none}.payments-page[b-vsozbb1ufn]  .webhook-health small{display:none}}
/* /Components/Pages/IndexProfileTitles.razor.rz.scp.css */
.title-studio-page[b-zx2ljjc7hn] { --title-accent:#63e6cf; --title-ink:#eefcf9; --title-muted:#8ca4ad; display:grid; gap:16px; padding:22px; background:radial-gradient(circle at 78% 2%,rgba(74,216,193,.13),transparent 30%),radial-gradient(circle at 12% 22%,rgba(123,92,255,.1),transparent 24%); min-height:calc(100vh - 64px); }
.title-card[b-zx2ljjc7hn] { background:linear-gradient(145deg,rgba(14,24,32,.97),rgba(9,16,23,.98)); border:1px solid rgba(130,185,188,.15); border-radius:16px; box-shadow:0 18px 50px rgba(0,0,0,.2); }
.title-hero[b-zx2ljjc7hn] { min-height:174px; padding:30px 34px; display:flex; align-items:center; justify-content:space-between; gap:30px; overflow:hidden; position:relative; }
.title-hero[b-zx2ljjc7hn]::after { content:"Aa"; position:absolute; right:35%; top:-62px; font:900 210px/1 Georgia,serif; color:transparent; -webkit-text-stroke:1px rgba(99,230,207,.08); transform:rotate(-8deg); pointer-events:none; }
.title-kicker[b-zx2ljjc7hn],.title-section-head span[b-zx2ljjc7hn],.title-catalog header>span[b-zx2ljjc7hn],.title-preview header span:first-child[b-zx2ljjc7hn],.title-provenance span[b-zx2ljjc7hn] { color:var(--title-accent); font-size:.68rem; font-weight:800; letter-spacing:.16em; }
.title-hero h1[b-zx2ljjc7hn] { margin:5px 0 8px; color:var(--title-ink); font:600 clamp(2rem,3vw,3.15rem)/1.05 Georgia,"Times New Roman",serif; letter-spacing:-.03em; }
.title-hero p[b-zx2ljjc7hn] { max-width:690px; margin:0; color:var(--title-muted); line-height:1.65; }
.title-hero-metrics[b-zx2ljjc7hn] { display:flex; z-index:1; }
.title-hero-metrics article[b-zx2ljjc7hn] { min-width:110px; padding:14px 18px; border-left:1px solid rgba(134,190,194,.15); display:grid; }
.title-hero-metrics strong[b-zx2ljjc7hn] { color:var(--title-ink); font-size:1.6rem; font-weight:750; }
.title-hero-metrics small[b-zx2ljjc7hn] { color:var(--title-muted); white-space:nowrap; }
.title-toolbar[b-zx2ljjc7hn] { padding:12px 16px 12px 20px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.title-current[b-zx2ljjc7hn] { display:flex; align-items:center; gap:12px; min-width:0; }
.title-current>div[b-zx2ljjc7hn] { display:grid; min-width:0; }
.title-current strong[b-zx2ljjc7hn] { color:var(--title-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.title-current small[b-zx2ljjc7hn] { color:var(--title-muted); }
.title-live-dot[b-zx2ljjc7hn] { width:9px; height:9px; border-radius:50%; background:#68747d; box-shadow:0 0 0 5px rgba(104,116,125,.1); }
.title-live-dot.enabled[b-zx2ljjc7hn] { background:var(--title-accent); box-shadow:0 0 0 5px rgba(99,230,207,.1),0 0 16px rgba(99,230,207,.45); }
.title-toolbar-actions[b-zx2ljjc7hn] { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.title-workspace[b-zx2ljjc7hn] { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(460px,1.55fr) minmax(350px,1.08fr); gap:16px; align-items:start; }
.title-catalog[b-zx2ljjc7hn],.title-designer[b-zx2ljjc7hn],.title-preview[b-zx2ljjc7hn],.title-validation[b-zx2ljjc7hn],.title-provenance[b-zx2ljjc7hn],.title-grant[b-zx2ljjc7hn] { padding:20px; }
.title-catalog[b-zx2ljjc7hn] { position:sticky; top:78px; max-height:calc(100vh - 100px); display:flex; flex-direction:column; }
.title-catalog h2[b-zx2ljjc7hn],.title-section-head h2[b-zx2ljjc7hn],.title-preview h2[b-zx2ljjc7hn] { margin:3px 0 5px; color:var(--title-ink); font:600 1.45rem/1.15 Georgia,serif; }
.title-catalog header p[b-zx2ljjc7hn],.title-section-head p[b-zx2ljjc7hn] { margin:0 0 16px; color:var(--title-muted); font-size:.84rem; line-height:1.5; }
.title-catalog-list[b-zx2ljjc7hn] { display:grid; gap:7px; margin-top:12px; overflow:auto; padding-right:4px; scrollbar-color:rgba(99,230,207,.3) transparent; }
.title-new-button[b-zx2ljjc7hn] { margin-top:10px; flex-shrink:0; }
.title-catalog-list button[b-zx2ljjc7hn] { width:100%; display:grid; grid-template-columns:35px minmax(0,1fr) 7px; gap:10px; align-items:center; padding:10px; border:1px solid transparent; border-radius:10px; background:rgba(255,255,255,.022); color:inherit; text-align:left; cursor:pointer; transition:.18s ease; }
.title-catalog-list button:hover[b-zx2ljjc7hn] { background:rgba(99,230,207,.055); border-color:rgba(99,230,207,.13); transform:translateX(2px); }
.title-catalog-list button.selected[b-zx2ljjc7hn] { background:linear-gradient(90deg,rgba(99,230,207,.13),rgba(99,230,207,.025)); border-color:rgba(99,230,207,.35); }
.title-catalog-icon[b-zx2ljjc7hn] { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:#111f28; color:var(--title-accent); font:700 1rem Georgia,serif; }
.title-catalog-list button>span:nth-child(2)[b-zx2ljjc7hn] { display:grid; min-width:0; }
.title-catalog-list strong[b-zx2ljjc7hn] { color:#e8f5f4; font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.title-catalog-list small[b-zx2ljjc7hn] { color:#718892; font-size:.68rem; }
.title-catalog-list i[b-zx2ljjc7hn] { width:6px; height:6px; border-radius:50%; background:#48545b; }
.title-catalog-list i.live[b-zx2ljjc7hn] { background:var(--title-accent); box-shadow:0 0 9px rgba(99,230,207,.7); }
.title-designer[b-zx2ljjc7hn] { display:grid; gap:17px; }
.title-section-head[b-zx2ljjc7hn],.title-preview>header[b-zx2ljjc7hn] { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.title-section-head svg[b-zx2ljjc7hn] { color:var(--title-accent); font-size:2rem; }
.title-enable-row[b-zx2ljjc7hn] { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:15px 16px; border-radius:12px; background:linear-gradient(90deg,rgba(99,230,207,.085),rgba(99,230,207,.015)); border:1px solid rgba(99,230,207,.15); }
.title-enable-row>div[b-zx2ljjc7hn] { display:grid; }
.title-enable-row strong[b-zx2ljjc7hn] { color:#e9f9f7; }
.title-enable-row small[b-zx2ljjc7hn] { color:var(--title-muted); line-height:1.45; }
.title-enable-row.new[b-zx2ljjc7hn] { margin-top:12px; background:linear-gradient(90deg,rgba(180,163,255,.12),rgba(99,230,207,.025)); border-color:rgba(180,163,255,.24); }
.title-enable-row.new>svg[b-zx2ljjc7hn] { color:#b4a3ff; font-size:1.7rem; }
.title-new-record[b-zx2ljjc7hn] { margin-bottom:0; padding:17px; display:grid; gap:14px; border:1px solid rgba(180,163,255,.22); border-radius:13px; background:linear-gradient(145deg,rgba(180,163,255,.08),rgba(2,8,13,.24)); }
.title-new-record>header[b-zx2ljjc7hn] { display:grid; }
.title-new-record>header span[b-zx2ljjc7hn] { color:#b4a3ff; font-size:.68rem; font-weight:800; letter-spacing:.16em; }
.title-new-record>header strong[b-zx2ljjc7hn] { color:#ecf5f4; font:600 1.15rem/1.35 Georgia,serif; }
.title-new-record>header small[b-zx2ljjc7hn] { color:var(--title-muted); }
.title-new-record-grid[b-zx2ljjc7hn] { display:grid; grid-template-columns:1.4fr .8fr; gap:12px; }
.title-editor-group[b-zx2ljjc7hn] { padding:17px; border:1px solid rgba(138,177,181,.12); border-radius:13px; background:rgba(2,8,13,.24); display:grid; gap:15px; }
.title-group-label[b-zx2ljjc7hn] { display:flex; gap:11px; align-items:center; }
.title-group-label>b[b-zx2ljjc7hn] { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:rgba(99,230,207,.1); border:1px solid rgba(99,230,207,.24); color:var(--title-accent); font-size:.72rem; }
.title-group-label>span[b-zx2ljjc7hn] { display:grid; }
.title-group-label strong[b-zx2ljjc7hn] { color:#e8f5f4; font-size:.9rem; }
.title-group-label small[b-zx2ljjc7hn] { color:#728993; font-size:.72rem; }
.title-field-grid[b-zx2ljjc7hn] { display:grid; gap:12px; align-items:end; }
.title-field-grid.three[b-zx2ljjc7hn] { grid-template-columns:minmax(170px,1.5fr) minmax(110px,.7fr) minmax(160px,1fr); }
.title-coordinate-pair[b-zx2ljjc7hn] { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.title-color-field[b-zx2ljjc7hn] { display:grid; gap:5px; min-width:0; }
.title-color-field>span[b-zx2ljjc7hn] { color:#90a8b0; font-size:.7rem; font-weight:700; letter-spacing:.06em; }
.title-color-field>div[b-zx2ljjc7hn] { display:grid; grid-template-columns:39px minmax(0,1fr); align-items:stretch; gap:7px; }
.title-color-field input[type=color][b-zx2ljjc7hn] { width:39px; height:39px; padding:3px; border:1px solid rgba(151,195,197,.22); border-radius:8px; background:#111b23; cursor:pointer; }
.title-effect-row[b-zx2ljjc7hn] { display:grid; grid-template-columns:minmax(190px,1.5fr) 1fr 1fr; gap:12px; align-items:end; }
.title-shadow-grid[b-zx2ljjc7hn] { display:grid; grid-template-columns:minmax(170px,1.4fr) repeat(4,1fr); gap:10px; align-items:end; }
.title-preview-column[b-zx2ljjc7hn] { display:grid; gap:16px; position:sticky; top:78px; }
.title-preview[b-zx2ljjc7hn] { overflow:hidden; }
.title-preview-live[b-zx2ljjc7hn] { display:flex; align-items:center; gap:7px; color:#9fb2b7!important; letter-spacing:.1em!important; }
.title-preview-live i[b-zx2ljjc7hn] { width:7px; height:7px; border-radius:50%; background:var(--title-accent); box-shadow:0 0 10px rgba(99,230,207,.75); animation:title-pulse-b-zx2ljjc7hn 2s infinite; }
.title-profile-shell[b-zx2ljjc7hn] { margin-top:17px; position:relative; border-radius:12px; overflow:hidden; border:1px solid rgba(131,183,188,.16); background:#080d12; }
.title-profile-shell svg[b-zx2ljjc7hn] { display:block; width:100%; height:auto; }
.title-legacy-banner[b-zx2ljjc7hn] { position:absolute; inset:auto 10px 10px; display:flex; align-items:center; gap:9px; padding:9px 11px; border-radius:9px; background:rgba(9,15,21,.9); border:1px solid rgba(255,189,89,.24); backdrop-filter:blur(8px); }
.title-legacy-banner svg[b-zx2ljjc7hn] { width:22px; color:#ffc76a; }
.title-legacy-banner span[b-zx2ljjc7hn] { display:grid; }
.title-legacy-banner strong[b-zx2ljjc7hn] { color:#ffe1aa; font-size:.74rem; }
.title-legacy-banner small[b-zx2ljjc7hn] { color:#9ca4a8; font-size:.65rem; }
.title-layer-readout[b-zx2ljjc7hn] { display:flex; justify-content:space-between; gap:8px; margin-top:12px; }
.title-layer-readout span[b-zx2ljjc7hn] { display:grid; color:#71858e; font-size:.64rem; text-transform:uppercase; letter-spacing:.06em; }
.title-layer-readout b[b-zx2ljjc7hn] { color:#c9d9da; font-size:.72rem; }
.title-validation[b-zx2ljjc7hn] { border-left:3px solid #ef6c75; }
.title-validation.valid[b-zx2ljjc7hn] { border-left-color:var(--title-accent); }
.title-validation>header[b-zx2ljjc7hn] { display:flex; align-items:center; gap:11px; }
.title-validation>header>svg[b-zx2ljjc7hn] { color:#ef6c75; }
.title-validation.valid>header>svg[b-zx2ljjc7hn] { color:var(--title-accent); }
.title-validation header div[b-zx2ljjc7hn] { display:grid; }
.title-validation strong[b-zx2ljjc7hn] { color:#e6f3f2; }
.title-validation small[b-zx2ljjc7hn],.title-validation li[b-zx2ljjc7hn] { color:var(--title-muted); font-size:.74rem; }
.title-validation ul[b-zx2ljjc7hn] { margin:12px 0 0; padding-left:20px; }
.title-provenance[b-zx2ljjc7hn] { display:flex; align-items:center; gap:13px; }
.title-provenance>svg[b-zx2ljjc7hn] { color:#b4a3ff; font-size:2rem; }
.title-provenance>div[b-zx2ljjc7hn] { display:grid; min-width:0; }
.title-provenance strong[b-zx2ljjc7hn] { color:#e3eeee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.title-provenance small[b-zx2ljjc7hn] { color:var(--title-muted); }
.title-grant[b-zx2ljjc7hn] { display:grid; gap:15px; background:linear-gradient(145deg,rgba(15,28,35,.98),rgba(9,16,23,.98)); }
.title-grant>header[b-zx2ljjc7hn] { display:flex; align-items:center; gap:12px; }
.title-grant>header>svg[b-zx2ljjc7hn] { color:var(--title-accent); font-size:2rem; }
.title-grant>header>div[b-zx2ljjc7hn] { display:grid; }
.title-grant>header strong[b-zx2ljjc7hn] { color:#e7f6f4; }
.title-grant>header small[b-zx2ljjc7hn] { color:var(--title-muted); line-height:1.4; }
.title-grant-form[b-zx2ljjc7hn] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
@keyframes title-pulse-b-zx2ljjc7hn { 50% { opacity:.35; transform:scale(.82); } }
@media (max-width:1450px) { .title-workspace[b-zx2ljjc7hn] { grid-template-columns:230px minmax(450px,1fr); }.title-preview-column[b-zx2ljjc7hn] { grid-column:2; position:static; }.title-catalog[b-zx2ljjc7hn] { grid-row:1 / span 2; }.title-shadow-grid[b-zx2ljjc7hn] { grid-template-columns:repeat(2,1fr); }.title-shadow-grid .title-color-field[b-zx2ljjc7hn] { grid-column:1 / -1; } }
@media (max-width:900px) { .title-studio-page[b-zx2ljjc7hn] { padding:12px; }.title-hero[b-zx2ljjc7hn] { padding:24px; align-items:flex-start; flex-direction:column; }.title-hero-metrics[b-zx2ljjc7hn] { width:100%; }.title-hero-metrics article[b-zx2ljjc7hn] { flex:1; }.title-toolbar[b-zx2ljjc7hn] { align-items:flex-start; flex-direction:column; }.title-toolbar-actions[b-zx2ljjc7hn] { width:100%; justify-content:flex-start; }.title-workspace[b-zx2ljjc7hn] { grid-template-columns:1fr; }.title-catalog[b-zx2ljjc7hn],.title-preview-column[b-zx2ljjc7hn] { position:static; grid-column:auto; grid-row:auto; max-height:none; }.title-catalog-list[b-zx2ljjc7hn] { max-height:340px; }.title-field-grid.three[b-zx2ljjc7hn],.title-effect-row[b-zx2ljjc7hn],.title-new-record-grid[b-zx2ljjc7hn] { grid-template-columns:1fr; }.title-shadow-grid[b-zx2ljjc7hn] { grid-template-columns:1fr 1fr; }.title-grant-form[b-zx2ljjc7hn] { grid-template-columns:1fr; } }
/* /Components/Pages/IndexQuests.razor.rz.scp.css */
.quest-hero[b-ic2njxn5cr]{border:1px solid rgba(59,130,246,.16);background:radial-gradient(circle at 88% 3%,rgba(59,130,246,.17),transparent 32%),radial-gradient(circle at 4% 110%,rgba(245,158,11,.13),transparent 37%)}.quest-hero-layout[b-ic2njxn5cr],.quest-stat[b-ic2njxn5cr],.quest-section-head[b-ic2njxn5cr],.quest-editor-head[b-ic2njxn5cr],.quest-editor-title[b-ic2njxn5cr]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.quest-eyebrow[b-ic2njxn5cr]{display:flex;align-items:center;gap:.45rem;color:#93c5fd;font-size:.67rem;font-weight:850;letter-spacing:.13em;margin-bottom:.55rem}.managed-stat-icon.daily[b-ic2njxn5cr]{color:#7dd3fc}.managed-stat-icon.weekly[b-ic2njxn5cr]{color:#c4b5fd}
.quest-rail[b-ic2njxn5cr]{height:76vh;overflow:hidden}.quest-filter-row[b-ic2njxn5cr]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.quest-list[b-ic2njxn5cr]{height:calc(100% - 8rem);display:flex;flex-direction:column;gap:.42rem;overflow:auto;padding:.15rem}.quest-list-item[b-ic2njxn5cr]{display:grid;grid-template-columns:2.65rem 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.68rem;border:1px solid rgba(148,163,184,.07);border-radius:.8rem;color:inherit;text-align:left;background:rgba(255,255,255,.012);cursor:pointer;transition:transform .13s ease,border-color .13s ease,background .13s ease}.quest-list-item:hover[b-ic2njxn5cr]{transform:translateX(2px);border-color:rgba(59,130,246,.2);background:rgba(59,130,246,.025)}.quest-list-item.selected[b-ic2njxn5cr]{border-color:rgba(96,165,250,.31);background:linear-gradient(100deg,rgba(37,99,235,.12),rgba(124,58,237,.03))}.quest-list-emoji[b-ic2njxn5cr],.quest-preview-emoji[b-ic2njxn5cr]{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.1);border-radius:.7rem;background:rgba(59,130,246,.07);color:#bfdbfe}.quest-list-emoji[b-ic2njxn5cr]{width:2.6rem;height:2.6rem;font-size:.72rem}.quest-list-copy[b-ic2njxn5cr]{display:flex;min-width:0;flex-direction:column}.quest-list-copy strong[b-ic2njxn5cr],.quest-list-copy small[b-ic2njxn5cr]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-list-copy small[b-ic2njxn5cr]{color:#738096;font-size:.63rem;margin-top:.15rem}.quest-list-item>i[b-ic2njxn5cr]{width:7px;height:7px;border-radius:50%}.quest-list-item>i.enabled[b-ic2njxn5cr]{background:#34d399;box-shadow:0 0 9px rgba(52,211,153,.48)}.quest-list-item>i.disabled[b-ic2njxn5cr]{background:#64748b}.quest-empty[b-ic2njxn5cr]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:3rem 1rem;color:#7f8ca0}
.quest-list-emoji img[b-ic2njxn5cr],.quest-preview-emoji img[b-ic2njxn5cr]{width:76%;height:76%;object-fit:contain}
.quest-editor[b-ic2njxn5cr]{min-height:76vh;overflow:hidden}.quest-editor-head[b-ic2njxn5cr]{border-bottom:1px solid rgba(148,163,184,.08);background:linear-gradient(100deg,rgba(37,99,235,.055),transparent)}.quest-editor-title[b-ic2njxn5cr]{justify-content:flex-start}.quest-preview-emoji[b-ic2njxn5cr]{width:3.2rem;height:3.2rem;font-size:.82rem}.quest-tabs[b-ic2njxn5cr]  .mud-tabs-panels{padding:1rem}.quest-subcard[b-ic2njxn5cr]{height:100%;border:1px solid rgba(148,163,184,.08);border-radius:1rem;background:rgba(255,255,255,.014)}.quest-switches[b-ic2njxn5cr]{display:flex;flex-direction:column;gap:.4rem}.quest-empty-editor[b-ic2njxn5cr]{min-height:76vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.55rem;text-align:center}.quest-add-row[b-ic2njxn5cr]{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center}.quest-chip-list[b-ic2njxn5cr]{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.2rem;align-items:center}.quest-inline-empty[b-ic2njxn5cr]{color:#748196;font-size:.7rem}
.quest-rule-flow[b-ic2njxn5cr]{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.7rem;padding:1rem;border:1px solid rgba(59,130,246,.11);border-radius:1rem;background:linear-gradient(120deg,rgba(37,99,235,.05),rgba(124,58,237,.035))}.quest-rule-flow>div[b-ic2njxn5cr]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .55rem;padding:.65rem}.quest-rule-flow>div[b-ic2njxn5cr]  .mud-icon-root{grid-row:1/3;color:#93c5fd}.quest-rule-flow strong[b-ic2njxn5cr]{font-size:.8rem}.quest-rule-flow span[b-ic2njxn5cr]{color:#748196;font-size:.63rem}.quest-rule-flow>i[b-ic2njxn5cr]{color:#526078;font-style:normal}.quest-pool-list[b-ic2njxn5cr]{display:flex;flex-direction:column;gap:.5rem}.quest-pool-row[b-ic2njxn5cr]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem;border:1px solid rgba(148,163,184,.07);border-radius:.8rem}.quest-pool-row>div[b-ic2njxn5cr]{display:flex;min-width:0;flex-direction:column}.quest-pool-row span[b-ic2njxn5cr]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#748196;font-size:.65rem}.quest-pool-row[b-ic2njxn5cr]> .mud-icon-root:first-child{color:#fbbf24}
@media(max-width:1050px){.quest-rail[b-ic2njxn5cr]{height:48vh}.quest-editor[b-ic2njxn5cr],.quest-empty-editor[b-ic2njxn5cr]{min-height:auto}.quest-rule-flow[b-ic2njxn5cr]{grid-template-columns:1fr}.quest-rule-flow>i[b-ic2njxn5cr]{display:none}}
@media(max-width:650px){.quest-hero-layout[b-ic2njxn5cr],.quest-editor-head[b-ic2njxn5cr]{align-items:flex-start;flex-direction:column}.quest-filter-row[b-ic2njxn5cr],.quest-add-row[b-ic2njxn5cr]{grid-template-columns:1fr}.quest-tabs[b-ic2njxn5cr]  .mud-tabs-panels{padding:.65rem}}
/* /Components/Pages/IndexRequestRules.razor.rz.scp.css */
.rules-page[b-iiog8aymzz]{--paper:#111722;--paper-2:#171e2b;--ink:#f2eadc;--muted:#98a2b3;--amber:#e6ad53;--amber-soft:rgba(230,173,83,.13);display:flex;flex-direction:column;gap:1rem;color:var(--ink);padding-bottom:3rem}.rules-hero[b-iiog8aymzz],.rules-toolbar[b-iiog8aymzz],.rules-editor-card[b-iiog8aymzz],.rules-preview-card[b-iiog8aymzz],.rules-impact-card[b-iiog8aymzz]{border:1px solid rgba(230,173,83,.14);background:linear-gradient(145deg,rgba(23,30,43,.97),rgba(11,16,25,.97));box-shadow:0 20px 55px rgba(0,0,0,.2)}
.rules-hero[b-iiog8aymzz]{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:2.2rem 2.4rem;border-radius:1.25rem;background:radial-gradient(circle at 88% -35%,rgba(230,173,83,.2),transparent 48%),linear-gradient(145deg,#181f2b,#0c111a)}.rules-hero[b-iiog8aymzz]:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 58px,rgba(255,255,255,.018) 59px,transparent 60px);pointer-events:none}.rules-hero-copy[b-iiog8aymzz],.rules-status-stamp[b-iiog8aymzz]{position:relative}.rules-kicker[b-iiog8aymzz],.rules-section-heading span[b-iiog8aymzz],.rules-impact-card span[b-iiog8aymzz]{display:flex;align-items:center;gap:.45rem;color:#e9bd75;font-size:.68rem;font-weight:850;letter-spacing:.14em}.rules-hero h1[b-iiog8aymzz]{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95;margin:.65rem 0 .9rem;color:#fff8e9;letter-spacing:-.045em}.rules-hero p[b-iiog8aymzz]{max-width:680px;margin:0;color:#aeb7c5;font-size:1rem;line-height:1.7}.rules-status-stamp[b-iiog8aymzz]{min-width:235px;display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border:1px solid rgba(110,231,183,.23);background:rgba(16,185,129,.08);border-radius:.9rem}.rules-status-stamp.draft[b-iiog8aymzz]{border-color:rgba(251,191,36,.28);background:rgba(245,158,11,.09)}.rules-status-stamp strong[b-iiog8aymzz],.rules-status-stamp small[b-iiog8aymzz]{display:block}.rules-status-stamp strong[b-iiog8aymzz]{font-size:.75rem;letter-spacing:.12em}.rules-status-stamp small[b-iiog8aymzz]{max-width:185px;margin-top:.2rem;color:var(--muted);font-size:.68rem;line-height:1.35}
.rules-toolbar[b-iiog8aymzz]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:1rem}.rules-toolbar-state[b-iiog8aymzz]{display:flex;align-items:center;gap:.7rem}.rules-toolbar-state strong[b-iiog8aymzz],.rules-toolbar-state small[b-iiog8aymzz]{display:block}.rules-toolbar-state strong[b-iiog8aymzz]{font-size:.82rem}.rules-toolbar-state small[b-iiog8aymzz]{color:var(--muted);font-size:.7rem;margin-top:.15rem}.rules-live-dot[b-iiog8aymzz]{width:.65rem;height:.65rem;border-radius:50%;background:#51d49b;box-shadow:0 0 0 5px rgba(81,212,155,.08),0 0 18px rgba(81,212,155,.45)}.rules-live-dot.changed[b-iiog8aymzz]{background:#f3b84f;box-shadow:0 0 0 5px rgba(243,184,79,.08),0 0 18px rgba(243,184,79,.4)}.rules-actions[b-iiog8aymzz]{display:flex;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}
.rules-workspace[b-iiog8aymzz]{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:1rem;align-items:start}.rules-editor-card[b-iiog8aymzz],.rules-preview-card[b-iiog8aymzz],.rules-impact-card[b-iiog8aymzz]{border-radius:1rem;padding:1.25rem}.rules-section-heading[b-iiog8aymzz]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem}.rules-section-heading h2[b-iiog8aymzz]{font-family:Georgia,'Times New Roman',serif;color:#f7f0e3;font-size:1.45rem;margin:.25rem 0}.rules-section-heading p[b-iiog8aymzz]{color:var(--muted);font-size:.8rem;line-height:1.55;margin:0}.rules-section-heading>svg[b-iiog8aymzz]{color:#d9a958}.rules-format-strip[b-iiog8aymzz]{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.rules-format-strip span[b-iiog8aymzz]{padding:.35rem .55rem;border:1px solid rgba(148,163,184,.12);border-radius:.42rem;background:rgba(2,6,23,.25);color:#aeb8c7;font-size:.68rem}.rules-format-strip code[b-iiog8aymzz]{color:#f0bf72}.rules-editor :deep(textarea)[b-iiog8aymzz]{font-family:'Cascadia Code',Consolas,monospace!important;font-size:.79rem!important;line-height:1.58!important;color:#e6e9ee!important}.rules-editor :deep(.mud-input-outlined-border)[b-iiog8aymzz]{border-color:rgba(230,173,83,.18)!important}
.rules-preview-column[b-iiog8aymzz]{display:flex;flex-direction:column;gap:1rem;position:sticky;top:.8rem}.rules-section-heading.compact[b-iiog8aymzz]{align-items:center}.preview-live[b-iiog8aymzz]{display:flex;align-items:center;gap:.35rem!important;color:#71e4b3!important;font-size:.62rem!important}.preview-live i[b-iiog8aymzz]{width:.45rem;height:.45rem;border-radius:50%;background:#71e4b3;box-shadow:0 0 12px #71e4b3}.discord-stage[b-iiog8aymzz]{max-height:640px;overflow:auto;margin:0 -.2rem -.2rem;padding:1.2rem;border-radius:.8rem;background:radial-gradient(circle at 75% 0,rgba(88,101,242,.08),transparent 38%),#1e1f22}.discord-message[b-iiog8aymzz]{display:grid;grid-template-columns:2.6rem 1fr;gap:.75rem}.discord-avatar[b-iiog8aymzz]{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f0c676,#9c6426);color:#25170a;font-family:Georgia,serif;font-weight:900}.discord-message-body header[b-iiog8aymzz]{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.discord-message-body header strong[b-iiog8aymzz]{color:#f2f3f5}.discord-message-body header b[b-iiog8aymzz]{padding:.08rem .28rem;border-radius:.18rem;background:#5865f2;color:white;font-size:.58rem}.discord-message-body header small[b-iiog8aymzz]{color:#949ba4;font-size:.68rem}.discord-embed[b-iiog8aymzz]{border-left:4px solid #dba84e;border-radius:.25rem;background:#2b2d31;padding:.85rem;box-shadow:0 2px 4px rgba(0,0,0,.18)}.rules-discord-copy[b-iiog8aymzz]{color:#dbdee1;font-size:.78rem;line-height:1.45}.discord-accept[b-iiog8aymzz]{margin-top:.5rem;padding:.55rem .8rem;border:0;border-radius:.2rem;background:#248046;color:#fff;font-size:.7rem;font-weight:700;opacity:1}.rules-impact-card[b-iiog8aymzz]{display:grid;grid-template-columns:auto 1fr;gap:1rem}.impact-icon[b-iiog8aymzz]{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid rgba(230,173,83,.2);border-radius:.8rem;background:var(--amber-soft);color:#e8b761}.rules-impact-card h3[b-iiog8aymzz]{font-family:Georgia,'Times New Roman',serif;margin:.3rem 0;color:#f3ecdf}.rules-impact-card p[b-iiog8aymzz]{color:var(--muted);font-size:.75rem;line-height:1.5;margin:0}.impact-routes[b-iiog8aymzz]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.impact-routes span[b-iiog8aymzz]{padding:.6rem;border:1px solid rgba(148,163,184,.1);border-radius:.55rem;background:rgba(2,6,23,.24);color:#aeb8c7;letter-spacing:0;font-size:.7rem}
.rules-state[b-iiog8aymzz]{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rules-state>span[b-iiog8aymzz]{color:#e6ad53;font-size:.68rem;font-weight:850;letter-spacing:.15em;margin:.9rem 0}.rules-state .mud-progress-linear[b-iiog8aymzz]{width:300px}.rules-seal[b-iiog8aymzz]{width:4rem;height:4rem;display:grid;place-items:center;border:1px solid rgba(230,173,83,.25);border-radius:50%;background:rgba(230,173,83,.08);color:#e6ad53}.rules-state.error .rules-seal[b-iiog8aymzz]{color:#fb7185;border-color:rgba(251,113,133,.25);background:rgba(251,113,133,.08)}
@media(max-width:1050px){.rules-workspace[b-iiog8aymzz]{grid-template-columns:1fr}.rules-preview-column[b-iiog8aymzz]{position:static}.discord-stage[b-iiog8aymzz]{max-height:none}}@media(max-width:760px){.rules-hero[b-iiog8aymzz],.rules-toolbar[b-iiog8aymzz]{align-items:stretch;flex-direction:column}.rules-hero[b-iiog8aymzz]{padding:1.5rem}.rules-status-stamp[b-iiog8aymzz]{min-width:0}.rules-actions[b-iiog8aymzz]{justify-content:flex-start}.impact-routes[b-iiog8aymzz]{grid-template-columns:1fr}}
/* /Components/Pages/IndexRequests.razor.rz.scp.css */
.request-hero[b-nu0dwai8xk] {
    border: 1px solid rgba(168, 85, 247, .17);
    background:
        linear-gradient(115deg, rgba(9, 14, 28, .32), rgba(15, 23, 42, .05)),
        radial-gradient(circle at 88% 4%, rgba(168, 85, 247, .18), transparent 33%),
        radial-gradient(circle at 5% 110%, rgba(14, 165, 233, .14), transparent 37%);
}

.request-hero-layout[b-nu0dwai8xk],
.request-stat[b-nu0dwai8xk],
.request-section-head[b-nu0dwai8xk],
.request-title-line[b-nu0dwai8xk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.request-eyebrow[b-nu0dwai8xk] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: #c4b5fd;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.request-liability[b-nu0dwai8xk] { color: #f4d69b !important; font-weight: 800 !important; }
.managed-stat-icon.complete[b-nu0dwai8xk] { color: #6ee7b7; }
.managed-stat-icon.pending[b-nu0dwai8xk] { color: #fcd34d; }
.managed-stat-icon.artwork[b-nu0dwai8xk] { color: #c4b5fd; }

.request-toolbar[b-nu0dwai8xk] {
    position: sticky;
    top: .7rem;
    z-index: 5;
    backdrop-filter: blur(16px);
}

.request-filter-layout[b-nu0dwai8xk] {
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) auto minmax(150px, .42fr) minmax(175px, .48fr) auto;
    gap: .75rem;
    align-items: center;
}

.request-pills[b-nu0dwai8xk] {
    display: flex;
    gap: .35rem;
    padding: .3rem;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: .8rem;
    background: rgba(2, 6, 23, .3);
}

.request-pill[b-nu0dwai8xk] {
    border: 0;
    border-radius: .55rem;
    padding: .48rem .68rem;
    color: #8d99ab;
    background: transparent;
    font-size: .7rem;
    font-weight: 780;
    cursor: pointer;
}

.request-pill:hover[b-nu0dwai8xk] { color: #e2e8f0; background: rgba(255, 255, 255, .035); }
.request-pill.active[b-nu0dwai8xk] {
    color: #fff;
    background: linear-gradient(135deg, rgba(139, 92, 246, .72), rgba(79, 70, 229, .66));
    box-shadow: 0 5px 14px rgba(76, 29, 149, .23);
}

.request-ready-filter[b-nu0dwai8xk] { white-space: nowrap; }
.request-sort-hint[b-nu0dwai8xk] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    color: #a78bfa;
    font-size: .62rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.request-rail-layout[b-nu0dwai8xk] {
    height: clamp(24rem, 65dvh, 44rem);
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
}
.request-list[b-nu0dwai8xk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    grid-auto-rows: max-content;
    align-content: start;
    min-height: 0;
    flex: 1 1 auto;
    gap: .45rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(167, 139, 250, .42) rgba(15, 23, 42, .3);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    padding: .15rem;
}

.request-list-item[b-nu0dwai8xk] {
    width: 100%;
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    align-items: stretch;
    gap: .55rem;
    min-height: 4.5rem;
    padding: .42rem;
    border: 1px solid rgba(148, 163, 184, .07);
    border-radius: .8rem;
    color: inherit;
    text-align: left;
    background: rgba(255, 255, 255, .012);
    cursor: pointer;
    transition: transform .13s ease, border-color .13s ease, background .13s ease;
}

.request-list-item:hover[b-nu0dwai8xk] {
    transform: translateY(-2px);
    border-color: rgba(168, 85, 247, .2);
    background: rgba(168, 85, 247, .025);
}

.request-list-item.selected[b-nu0dwai8xk] {
    border-color: rgba(167, 139, 250, .3);
    background: linear-gradient(100deg, rgba(124, 58, 237, .12), rgba(59, 130, 246, .035));
}

.request-kind-icon[b-nu0dwai8xk],
.request-detail-icon[b-nu0dwai8xk] {
    position: relative;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: .7rem;
    background: rgba(124, 77, 255, .07);
    color: #c4b5fd;
}

.request-kind-icon[b-nu0dwai8xk] { width: 100%; height: 100%; font-size: .75rem; }
.request-kind-icon[b-nu0dwai8xk]  .mud-icon-root,
.request-detail-icon[b-nu0dwai8xk]  .mud-icon-root { position: absolute; opacity: .22; }
.request-queue-thumb[b-nu0dwai8xk] {
    position: relative;
    display: block;
    width: 3.25rem;
    min-height: 3.6rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: .62rem;
    background: repeating-linear-gradient(45deg, rgba(148, 163, 184, .05) 0 7px, rgba(148, 163, 184, .018) 7px 14px);
}
.request-queue-thumb > img[b-nu0dwai8xk] { width: 100%; height: 100%; display: block; object-fit: cover; }
.request-queue-thumb > .request-status-dot[b-nu0dwai8xk] {
    position: absolute;
    right: .28rem;
    bottom: .28rem;
    border: 1px solid rgba(2, 6, 23, .75);
}
.request-queue-card-copy[b-nu0dwai8xk] { display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.request-queue-card-copy strong[b-nu0dwai8xk],
.request-queue-card-copy small[b-nu0dwai8xk] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-queue-card-copy small[b-nu0dwai8xk] { margin-top: .08rem; color: #8995a8; font-size: .6rem; }
.request-list-title[b-nu0dwai8xk] { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .5rem; }
.request-list-title strong[b-nu0dwai8xk] { min-width: 0; }
.request-list-title b[b-nu0dwai8xk] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: .08rem;
    color: #facc15;
    font-size: .66rem;
    font-weight: 850;
}
.request-list-title b[b-nu0dwai8xk]  .mud-icon-root { font-size: .8rem; }
.request-list-meta[b-nu0dwai8xk] { display: flex; flex-wrap: wrap; gap: .2rem; margin-top: .25rem; }
.request-list-meta em[b-nu0dwai8xk] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .1rem .28rem;
    border-radius: .35rem;
    color: #6f7b8f;
    background: rgba(100, 116, 139, .08);
    font-size: .58rem;
    font-style: normal;
}
.request-list-meta em.ready[b-nu0dwai8xk] { color: #6ee7b7; background: rgba(16, 185, 129, .09); }
.request-list-meta em.rendering[b-nu0dwai8xk] { color: #7dd3fc; background: rgba(14, 165, 233, .09); }
.request-list-meta em.locked[b-nu0dwai8xk] { color: #fbbf24; background: rgba(245, 158, 11, .08); }
.request-list-meta[b-nu0dwai8xk]  .mud-icon-root { font-size: .72rem; }
.request-status-dot[b-nu0dwai8xk] { width: 7px; height: 7px; border-radius: 50%; }
.request-status-dot.pending[b-nu0dwai8xk] { background: #fbbf24; box-shadow: 0 0 9px rgba(251, 191, 36, .5); }
.request-status-dot.rendering[b-nu0dwai8xk] { background: #38bdf8; box-shadow: 0 0 9px rgba(56, 189, 248, .5); }
.request-status-dot.completed[b-nu0dwai8xk] { background: #34d399; }
.request-status-dot.refunded[b-nu0dwai8xk] { background: #fb7185; }
.request-empty[b-nu0dwai8xk] { grid-column: 1 / -1; min-height: 10rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .55rem; color: #8793a7; text-align: center; }

.request-detail[b-nu0dwai8xk] { min-height: 78vh; overflow: hidden; }
.request-detail-head[b-nu0dwai8xk] {
    border-bottom: 1px solid rgba(148, 163, 184, .08);
    background: linear-gradient(100deg, rgba(124, 58, 237, .06), transparent);
}
.request-detail-identity[b-nu0dwai8xk] { display: flex; align-items: center; gap: .9rem; }
.request-detail-copy[b-nu0dwai8xk] { min-width: 0; }
.request-detail-icon[b-nu0dwai8xk] { width: 3.7rem; height: 3.7rem; flex: none; font-size: 1rem; }
.request-detail-links[b-nu0dwai8xk] { display: flex; flex-wrap: wrap; gap: .35rem; margin-left: auto; }
.request-tabs[b-nu0dwai8xk]  .mud-tabs-panels { padding: 1rem; }

.request-artwork-command[b-nu0dwai8xk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: .9rem;
    background: linear-gradient(100deg, rgba(15, 23, 42, .55), rgba(76, 29, 149, .06));
}
.request-artwork-progress[b-nu0dwai8xk] { display: flex; align-items: center; gap: .75rem; }
.request-artwork-progress div[b-nu0dwai8xk] { display: flex; flex-direction: column; }
.request-artwork-progress small[b-nu0dwai8xk] { margin-top: .1rem; color: #7f8ba0; font-size: .67rem; }
.request-artwork-state[b-nu0dwai8xk] {
    padding: .32rem .48rem;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: .45rem;
    color: #aab4c5;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.request-artwork-state.open[b-nu0dwai8xk] { color: #67e8f9; border-color: rgba(34, 211, 238, .24); background: rgba(6, 182, 212, .07); }
.request-artwork-state.processing[b-nu0dwai8xk] { color: #c4b5fd; border-color: rgba(167, 139, 250, .26); background: rgba(139, 92, 246, .09); }
.request-artwork-state.completed[b-nu0dwai8xk] { color: #6ee7b7; border-color: rgba(52, 211, 153, .24); background: rgba(16, 185, 129, .07); }
.request-render-actions[b-nu0dwai8xk] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }

.request-artwork-grid[b-nu0dwai8xk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: .8rem;
}
.request-artwork-card[b-nu0dwai8xk] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: .85rem;
    background: linear-gradient(165deg, rgba(23, 31, 49, .82), rgba(8, 13, 25, .84));
    box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.request-artwork-card:hover[b-nu0dwai8xk] { transform: translateY(-2px); border-color: rgba(125, 211, 252, .22); box-shadow: 0 15px 35px rgba(0, 0, 0, .2); }
.request-artwork-card.is-final[b-nu0dwai8xk] { border-color: rgba(167, 139, 250, .35); box-shadow: 0 0 0 1px rgba(124, 58, 237, .08), 0 15px 35px rgba(31, 10, 67, .2); }
.request-artwork-image[b-nu0dwai8xk] {
    position: relative;
    display: block;
    aspect-ratio: 225 / 350;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, rgba(148, 163, 184, .04) 0 8px, rgba(148, 163, 184, .015) 8px 16px);
}
.request-artwork-image img[b-nu0dwai8xk] { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s ease; }
.request-artwork-card:hover .request-artwork-image img[b-nu0dwai8xk] { transform: scale(1.025); }
.request-artwork-votes[b-nu0dwai8xk],
.request-artwork-final[b-nu0dwai8xk] {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .4rem;
    backdrop-filter: blur(10px);
    font-size: .6rem;
    font-weight: 850;
}
.request-artwork-votes[b-nu0dwai8xk] { right: .45rem; bottom: .45rem; padding: .24rem .38rem; color: #fff; background: rgba(2, 6, 23, .72); }
.request-artwork-final[b-nu0dwai8xk] { top: .45rem; left: .45rem; padding: .27rem .42rem; color: #ede9fe; background: rgba(76, 29, 149, .78); letter-spacing: .05em; }
.request-artwork-votes[b-nu0dwai8xk]  .mud-icon-root,
.request-artwork-final[b-nu0dwai8xk]  .mud-icon-root { font-size: .75rem; }
.request-artwork-card-copy[b-nu0dwai8xk] { display: flex; align-items: start; justify-content: space-between; gap: .4rem; padding: .65rem .7rem .18rem; }
.request-artwork-card-copy > div[b-nu0dwai8xk] { display: flex; min-width: 0; flex-direction: column; }
.request-artwork-card-copy strong[b-nu0dwai8xk],
.request-artwork-card-copy small[b-nu0dwai8xk] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-artwork-card-copy strong[b-nu0dwai8xk] { font-size: .74rem; }
.request-artwork-card-copy small[b-nu0dwai8xk] { color: #77849a; font-size: .6rem; }
.request-official[b-nu0dwai8xk] { flex: none; padding: .16rem .3rem; border-radius: .3rem; color: #fcd34d; background: rgba(245, 158, 11, .1); font-size: .53rem; text-transform: uppercase; }
.request-artwork-byline[b-nu0dwai8xk] { padding: .18rem .7rem .5rem; overflow: hidden; color: #667389; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.request-render-state[b-nu0dwai8xk] { display: flex; gap: .3rem; padding: .45rem .7rem; border-top: 1px solid rgba(148, 163, 184, .06); border-bottom: 1px solid rgba(148, 163, 184, .06); color: #7d899d; font-size: .57rem; }
.request-render-state b[b-nu0dwai8xk] { margin-left: auto; color: #7dd3fc; font-weight: 750; }
.request-artwork-card-actions[b-nu0dwai8xk] { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; padding: .28rem .38rem; }
.request-artwork-no-results[b-nu0dwai8xk] { grid-column: 1 / -1; min-height: 15rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .35rem; border: 1px dashed rgba(148, 163, 184, .13); border-radius: 1rem; color: #78859a; text-align: center; }
.request-artwork-no-results[b-nu0dwai8xk]  .mud-icon-root { margin-bottom: .25rem; color: #a78bfa; font-size: 2rem; }
.request-artwork-no-results span[b-nu0dwai8xk] { font-size: .7rem; }
.request-artwork-empty[b-nu0dwai8xk] { min-height: 20rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1.4rem; border: 1px dashed rgba(148, 163, 184, .14); border-radius: 1rem; background: rgba(15, 23, 42, .18); }
.request-artwork-empty-icon[b-nu0dwai8xk] { width: 4rem; height: 4rem; display: grid; place-items: center; border: 1px solid rgba(167, 139, 250, .16); border-radius: 1rem; color: #c4b5fd; background: rgba(124, 58, 237, .08); }

.request-subcard[b-nu0dwai8xk] { height: 100%; border: 1px solid rgba(148, 163, 184, .08); border-radius: 1rem; background: rgba(255, 255, 255, .014); }
.request-refund-grid[b-nu0dwai8xk] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }
.request-refund-grid > div[b-nu0dwai8xk] { padding: .8rem; border: 1px solid rgba(148, 163, 184, .07); border-radius: .75rem; background: rgba(2, 6, 23, .25); }
.request-refund-grid span[b-nu0dwai8xk],
.request-refund-grid strong[b-nu0dwai8xk] { display: block; }
.request-refund-grid span[b-nu0dwai8xk] { color: #758196; font-size: .62rem; text-transform: uppercase; letter-spacing: .07em; }
.request-refund-grid strong[b-nu0dwai8xk] { margin-top: .2rem; font-size: 1.15rem; }
.request-resolved[b-nu0dwai8xk] { display: flex; align-items: center; gap: .75rem; padding: 1rem; border: 1px solid rgba(148, 163, 184, .08); border-radius: .8rem; }
.request-resolved div[b-nu0dwai8xk] { display: flex; flex-direction: column; }
.request-resolved span[b-nu0dwai8xk] { margin-top: .15rem; color: #77849a; font-size: .68rem; }
.request-contributors[b-nu0dwai8xk] { display: flex; flex-direction: column; gap: .55rem; }
.request-contributor[b-nu0dwai8xk] { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding: .8rem; border: 1px solid rgba(148, 163, 184, .07); border-radius: .85rem; }
.request-avatar[b-nu0dwai8xk] { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 50%; color: #7dd3fc; background: rgba(59, 130, 246, .08); }
.request-contributor-copy[b-nu0dwai8xk],
.request-contribution[b-nu0dwai8xk] { display: flex; min-width: 0; flex-direction: column; }
.request-contributor-copy > span[b-nu0dwai8xk],
.request-contribution span[b-nu0dwai8xk] { color: #768397; font-size: .65rem; }
.request-contribution[b-nu0dwai8xk] { text-align: right; }
.request-legacy-links[b-nu0dwai8xk] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.request-legacy-links a[b-nu0dwai8xk] { display: inline-flex; align-items: center; gap: .2rem; max-width: 14rem; padding: .22rem .42rem; overflow: hidden; border-radius: .35rem; color: #7dd3fc; background: rgba(14, 165, 233, .08); font-size: .61rem; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.request-legacy-links a:hover[b-nu0dwai8xk] { color: #bae6fd; background: rgba(14, 165, 233, .14); }
.request-legacy-links[b-nu0dwai8xk]  .mud-icon-root { flex: none; font-size: .75rem; }
.request-empty-detail[b-nu0dwai8xk] { min-height: 78vh; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .5rem; text-align: center; }

@media (max-width: 1280px) {
    .request-filter-layout[b-nu0dwai8xk] { grid-template-columns: minmax(250px, 1fr) auto minmax(150px, .5fr); }
    .request-ready-filter[b-nu0dwai8xk] { justify-self: start; }
}

@media (max-width: 950px) {
    .request-toolbar[b-nu0dwai8xk] { position: static; }
    .request-filter-layout[b-nu0dwai8xk] { grid-template-columns: 1fr 1fr; }
    .request-pills[b-nu0dwai8xk] { width: max-content; max-width: 100%; overflow: auto; }
    .request-rail-layout[b-nu0dwai8xk] { height: clamp(22rem, 52dvh, 34rem); }
    .request-detail[b-nu0dwai8xk],
    .request-empty-detail[b-nu0dwai8xk] { min-height: auto; }
    .request-detail-identity[b-nu0dwai8xk] { align-items: flex-start; flex-wrap: wrap; }
    .request-detail-links[b-nu0dwai8xk] { width: 100%; margin-left: 4.6rem; }
}

@media (max-width: 600px) {
    .request-hero-layout[b-nu0dwai8xk],
    .request-title-line[b-nu0dwai8xk],
    .request-artwork-command[b-nu0dwai8xk] { align-items: flex-start; flex-direction: column; }
    .request-filter-layout[b-nu0dwai8xk] { grid-template-columns: 1fr; }
    .request-refund-grid[b-nu0dwai8xk] { grid-template-columns: 1fr; }
    .request-contributor[b-nu0dwai8xk] { grid-template-columns: 2.5rem minmax(0, 1fr); }
    .request-contribution[b-nu0dwai8xk] { grid-column: 2; text-align: left; }
    .request-detail-links[b-nu0dwai8xk] { margin-left: 0; }
    .request-artwork-empty[b-nu0dwai8xk] { grid-template-columns: 1fr; text-align: center; }
    .request-artwork-empty-icon[b-nu0dwai8xk] { margin: 0 auto; }
    .request-artwork-grid[b-nu0dwai8xk] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
    .request-render-actions[b-nu0dwai8xk] { justify-content: flex-start; }
}
/* /Components/Pages/IndexServers.razor.rz.scp.css */
.server-atlas[b-rb9a74jqkf]{--atlas:#8466ff;display:grid;gap:.85rem;color:#dce1eb}.detail-loading[b-rb9a74jqkf]{display:grid;gap:.45rem;padding:.8rem 1rem;border:1px solid rgba(132,102,255,.1);border-radius:12px;color:#9187c9;background:#0a1020;font-size:.64rem}.atlas-ledger[b-rb9a74jqkf]{padding:.9rem;border:1px solid rgba(148,163,184,.075);border-radius:17px;background:linear-gradient(180deg,rgba(12,18,34,.92),rgba(7,12,24,.95))}.atlas-ledger>header[b-rb9a74jqkf]{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.15rem .15rem .8rem}.atlas-ledger header span[b-rb9a74jqkf]{color:#8271e2;font-size:.52rem;font-weight:900;letter-spacing:.14em}.atlas-ledger h2[b-rb9a74jqkf]{margin:.16rem 0 0;color:#eef0f8;font:750 1.08rem/1.2 Georgia,serif}.atlas-ledger header small[b-rb9a74jqkf]{color:#69758c;font-size:.57rem}.server-card-grid[b-rb9a74jqkf],.server-skeleton-grid[b-rb9a74jqkf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:.7rem}.server-skeleton-grid span[b-rb9a74jqkf]{min-height:205px;border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.018) 20%,rgba(132,102,255,.045) 40%,rgba(255,255,255,.018) 60%);background-size:220% 100%;animation:atlas-pulse-b-rb9a74jqkf 1.4s ease infinite}.atlas-empty[b-rb9a74jqkf]{display:grid;min-height:280px;place-items:center;align-content:center;gap:.38rem;color:#69758c;text-align:center}.atlas-empty[b-rb9a74jqkf]  svg{font-size:2.3rem}.atlas-empty strong[b-rb9a74jqkf]{color:#9aa5b8;font-size:.76rem}.atlas-empty span[b-rb9a74jqkf]{font-size:.61rem}.atlas-sentinel[b-rb9a74jqkf]{display:flex;min-height:74px;align-items:center;justify-content:center;gap:.65rem;border:1px dashed rgba(132,102,255,.13);border-radius:13px;color:#b8abff;background:rgba(124,92,255,.025)}.atlas-sentinel.is-complete[b-rb9a74jqkf]{color:#788399;border-color:rgba(148,163,184,.09)}.atlas-sentinel span strong[b-rb9a74jqkf],.atlas-sentinel span small[b-rb9a74jqkf]{display:block}.atlas-load-more[b-rb9a74jqkf]{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:72px;padding:.55rem;border:0;color:inherit;background:transparent;cursor:pointer}.atlas-load-more:hover[b-rb9a74jqkf]{color:#d5ceff}.atlas-load-more span[b-rb9a74jqkf]{text-align:left}.atlas-load-more[b-rb9a74jqkf]  svg{font-size:1.15rem}.atlas-sentinel strong[b-rb9a74jqkf]{font-size:.65rem}.atlas-sentinel small[b-rb9a74jqkf]{margin-top:.12rem;color:#69758c;font-size:.53rem}.atlas-sentinel[b-rb9a74jqkf]  svg{font-size:1.15rem}@keyframes atlas-pulse-b-rb9a74jqkf{to{background-position:-120% 0}}@media(max-width:500px){.atlas-ledger[b-rb9a74jqkf]{padding:.65rem}.server-card-grid[b-rb9a74jqkf],.server-skeleton-grid[b-rb9a74jqkf]{grid-template-columns:1fr}.atlas-ledger>header[b-rb9a74jqkf]{align-items:start;flex-direction:column}}
/* /Components/Pages/IndexStore.razor.rz.scp.css */
.store-hero[b-rv7m27xo2o]{border:1px solid rgba(34,197,94,.15);background:radial-gradient(circle at 87% 5%,rgba(34,197,94,.16),transparent 32%),radial-gradient(circle at 5% 110%,rgba(124,77,255,.16),transparent 36%)}
.store-hero-layout[b-rv7m27xo2o],.store-list-head[b-rv7m27xo2o],.store-stat[b-rv7m27xo2o]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.store-eyebrow[b-rv7m27xo2o]{display:flex;align-items:center;gap:.45rem;color:#86efac;font-size:.67rem;font-weight:850;letter-spacing:.13em;margin-bottom:.55rem}
.store-toolbar[b-rv7m27xo2o]{position:sticky;top:.7rem;z-index:5;backdrop-filter:blur(16px)}.store-toolbar-grid[b-rv7m27xo2o]{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(170px,.65fr) minmax(260px,1.25fr) auto;gap:.75rem;align-items:center}
.store-route-filters[b-rv7m27xo2o]{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.15rem}.store-route-filter[b-rv7m27xo2o]{flex:0 0 auto;min-height:38px;display:flex;align-items:center;gap:.65rem;padding:0 .55rem 0 .85rem;border:1px solid rgba(148,163,184,.14);border-radius:.65rem;color:#94a3b8;background:rgba(255,255,255,.018);font:inherit;font-size:.76rem;font-weight:750;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.store-route-filter:hover:not(:disabled)[b-rv7m27xo2o],.store-route-filter.is-active[b-rv7m27xo2o]{border-color:color-mix(in srgb,var(--store-filter),transparent 48%);color:#fff;background:color-mix(in srgb,var(--store-filter),transparent 90%)}.store-route-filter.is-active[b-rv7m27xo2o]{box-shadow:inset 0 -2px 0 var(--store-filter)}.store-route-filter:disabled[b-rv7m27xo2o]{opacity:.38;cursor:not-allowed}.store-route-filter b[b-rv7m27xo2o]{min-width:1.8rem;padding:.28rem .4rem;border-radius:.4rem;color:var(--store-filter);background:color-mix(in srgb,var(--store-filter),transparent 88%);text-align:center}
.store-catalog[b-rv7m27xo2o]{overflow:hidden}.store-list[b-rv7m27xo2o]{display:flex;flex-direction:column;gap:.55rem;max-height:68vh;overflow:auto;padding:.2rem}.store-row[b-rv7m27xo2o]{display:grid;grid-template-columns:3.2rem minmax(190px,1.4fr) minmax(150px,.8fr) 120px 105px 42px;grid-template-areas:"icon copy currency price order remove";gap:.75rem;align-items:center;padding:.8rem;border:1px solid rgba(148,163,184,.075);border-radius:.9rem;background:rgba(255,255,255,.014);transition:border-color .14s ease,background .14s ease}.store-row:hover[b-rv7m27xo2o]{border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.025)}
.store-item-icon[b-rv7m27xo2o]{grid-area:icon;width:3rem;height:3rem;display:grid;place-items:center;border-radius:.8rem;border:1px solid rgba(148,163,184,.1);background:rgba(124,77,255,.07)}.store-item-icon img[b-rv7m27xo2o]{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.store-item-copy[b-rv7m27xo2o]{grid-area:copy;display:flex;min-width:0;flex-direction:column}.store-item-copy strong[b-rv7m27xo2o]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-item-copy span[b-rv7m27xo2o]{color:#78869b;font-size:.7rem;margin-top:.2rem}.store-currency[b-rv7m27xo2o]{grid-area:currency}.store-price[b-rv7m27xo2o]{grid-area:price}.store-order[b-rv7m27xo2o]{grid-area:order}.store-remove[b-rv7m27xo2o]{grid-area:remove}.store-empty[b-rv7m27xo2o]{display:grid;place-items:center;text-align:center;gap:.35rem;padding:4rem 1rem;color:#94a3b8}
@media(max-width:1000px){.store-toolbar[b-rv7m27xo2o]{position:static}.store-toolbar-grid[b-rv7m27xo2o]{grid-template-columns:1fr 1fr}.store-row[b-rv7m27xo2o]{grid-template-columns:3.2rem minmax(150px,1fr) 120px 105px 42px;grid-template-areas:"icon copy copy copy remove" "currency currency price order ."}}
@media(max-width:650px){.store-hero-layout[b-rv7m27xo2o],.store-list-head[b-rv7m27xo2o]{align-items:flex-start;flex-direction:column}.store-toolbar-grid[b-rv7m27xo2o]{grid-template-columns:1fr}.store-row[b-rv7m27xo2o]{grid-template-columns:3rem 1fr 42px;grid-template-areas:"icon copy remove" "currency currency currency" "price price price" "order order order"}.store-list[b-rv7m27xo2o]{max-height:none}}
/* /Components/Pages/IndexSystemLogs.razor.rz.scp.css */
.system-log-hero[b-0zzoia9aig]{border:1px solid rgba(56,189,248,.17);background:radial-gradient(circle at 88% 4%,rgba(14,165,233,.17),transparent 33%),radial-gradient(circle at 5% 110%,rgba(124,77,255,.15),transparent 37%)}.system-log-hero-layout[b-0zzoia9aig],.system-log-stat[b-0zzoia9aig],.system-log-list-head[b-0zzoia9aig],.system-log-pagination[b-0zzoia9aig]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.system-log-eyebrow[b-0zzoia9aig]{display:flex;align-items:center;gap:.45rem;color:#7dd3fc;font-size:.67rem;font-weight:850;letter-spacing:.13em;margin-bottom:.55rem}.managed-stat-icon.recent[b-0zzoia9aig]{color:#6ee7b7}.managed-stat-icon.events[b-0zzoia9aig]{color:#c4b5fd}.managed-stat-icon.latest[b-0zzoia9aig]{color:#fcd34d}.system-log-latest[b-0zzoia9aig]{font-size:.9rem!important;color:#dbeafe!important}
.system-log-toolbar[b-0zzoia9aig]{position:sticky;top:.7rem;z-index:5;backdrop-filter:blur(16px)}.system-log-filter-grid[b-0zzoia9aig]{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,.55fr) auto;gap:.75rem;align-items:center}.system-log-windows[b-0zzoia9aig]{display:flex;gap:.35rem;padding:.3rem;width:max-content;max-width:100%;overflow:auto;border:1px solid rgba(148,163,184,.09);border-radius:.8rem;background:rgba(2,6,23,.3)}.system-log-window[b-0zzoia9aig]{border:0;border-radius:.55rem;padding:.48rem .72rem;color:#8d99ab;background:transparent;font:inherit;font-size:.7rem;font-weight:780;white-space:nowrap;cursor:pointer}.system-log-window:hover[b-0zzoia9aig]{color:#e2e8f0;background:rgba(255,255,255,.035)}.system-log-window.active[b-0zzoia9aig]{color:#fff;background:linear-gradient(135deg,rgba(14,165,233,.72),rgba(79,70,229,.66));box-shadow:0 5px 14px rgba(30,64,175,.2)}
.system-log-card[b-0zzoia9aig]{overflow:hidden}.system-log-list[b-0zzoia9aig]{display:flex;flex-direction:column;gap:.55rem}.system-log-entry[b-0zzoia9aig]{display:grid;grid-template-columns:2.9rem minmax(0,1fr) auto;gap:.8rem;align-items:start;padding:.9rem;border:1px solid rgba(148,163,184,.075);border-radius:.9rem;background:rgba(255,255,255,.014);transition:border-color .14s ease,background .14s ease}.system-log-entry:hover[b-0zzoia9aig]{border-color:rgba(56,189,248,.2);background:rgba(14,165,233,.025)}.system-log-entry-icon[b-0zzoia9aig]{width:2.8rem;height:2.8rem;display:grid;place-items:center;border:1px solid rgba(56,189,248,.13);border-radius:.75rem;color:#7dd3fc;background:rgba(14,165,233,.07)}.system-log-entry-main[b-0zzoia9aig]{min-width:0}.system-log-entry-title[b-0zzoia9aig],.system-log-entry-meta[b-0zzoia9aig]{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.system-log-entry-title strong[b-0zzoia9aig]{margin-right:.2rem}.system-log-entry-title span[b-0zzoia9aig]{padding:.2rem .42rem;border:1px solid rgba(148,163,184,.1);border-radius:.35rem;color:#8290a5;font-size:.61rem}.system-log-entry-main p[b-0zzoia9aig]{margin:.48rem 0;color:#c6d0df;font-size:.78rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.system-log-entry-meta[b-0zzoia9aig]{color:#6f7d91;font-size:.63rem}.system-log-entry-meta span[b-0zzoia9aig]{display:flex;align-items:center;gap:.22rem}.system-log-entry-meta[b-0zzoia9aig]  .mud-icon-root{font-size:.85rem}.system-log-entry time[b-0zzoia9aig]{display:flex;flex-direction:column;align-items:flex-end;color:#9aa8ba;font-size:.7rem;white-space:nowrap}.system-log-entry time small[b-0zzoia9aig]{margin-top:.12rem;color:#566276;font-size:.55rem;letter-spacing:.08em}.system-log-empty[b-0zzoia9aig]{min-height:16rem;display:grid;place-items:center;align-content:center;text-align:center;gap:.35rem;color:#8793a7}.system-log-empty[b-0zzoia9aig]  .mud-icon-root{font-size:2.3rem}.system-log-pagination[b-0zzoia9aig]{padding:.5rem .25rem 0;border-top:1px solid rgba(148,163,184,.08)}.system-log-pagination>span[b-0zzoia9aig]{color:#8290a5;font-size:.7rem}
@media(max-width:850px){.system-log-toolbar[b-0zzoia9aig]{position:static}.system-log-filter-grid[b-0zzoia9aig]{grid-template-columns:1fr}.system-log-entry[b-0zzoia9aig]{grid-template-columns:2.8rem 1fr}.system-log-entry time[b-0zzoia9aig]{grid-column:2;align-items:flex-start;flex-direction:row;gap:.35rem}}
@media(max-width:600px){.system-log-hero-layout[b-0zzoia9aig],.system-log-list-head[b-0zzoia9aig]{align-items:flex-start;flex-direction:column}.system-log-entry[b-0zzoia9aig]{grid-template-columns:1fr}.system-log-entry-icon[b-0zzoia9aig]{display:none}.system-log-entry time[b-0zzoia9aig]{grid-column:1}.system-log-pagination>span[b-0zzoia9aig]{display:none}}
/* /Components/Pages/IndexTools.razor.rz.scp.css */
.index-tools-page[b-pr05lzfxvp] {
    --tools-cyan: #22d3ee;
    --tools-amber: #f59e0b;
    display: grid;
    gap: 1.25rem;
}

.tools-hero[b-pr05lzfxvp] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    min-height: 190px;
    overflow: hidden;
    padding: 2rem 2.2rem;
    border: 1px solid rgba(34, 211, 238, .14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 82% 0, rgba(34, 211, 238, .16), transparent 31%),
        radial-gradient(circle at 5% 130%, rgba(245, 158, 11, .1), transparent 38%),
        linear-gradient(145deg, #111b30, #080f1c);
    box-shadow: 0 24px 62px rgba(0, 0, 0, .23);
}

.tools-hero[b-pr05lzfxvp]::after {
    content: "OPS";
    position: absolute;
    top: -2.2rem;
    right: 2rem;
    color: rgba(148, 163, 184, .035);
    font-size: 9rem;
    font-weight: 950;
    letter-spacing: -.09em;
    pointer-events: none;
}

.hero-copy[b-pr05lzfxvp],
.hero-status[b-pr05lzfxvp] { position: relative; z-index: 1; }

.hero-eyebrow[b-pr05lzfxvp] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #67e8f9;
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .16em;
}

.hero-copy h1[b-pr05lzfxvp] {
    margin: .55rem 0 0;
    color: #f8fafc;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 860;
    letter-spacing: -.06em;
}

.hero-copy p[b-pr05lzfxvp] {
    max-width: 650px;
    margin: .65rem 0 0;
    color: #91a0b5;
    font-size: .9rem;
    line-height: 1.65;
}

.hero-status[b-pr05lzfxvp] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 190px;
    padding: .9rem 1rem;
    border: 1px solid rgba(34, 211, 238, .15);
    border-radius: 13px;
    background: rgba(3, 9, 19, .58);
    backdrop-filter: blur(12px);
}

.status-light[b-pr05lzfxvp] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 12px rgba(52, 211, 153, .72);
}

.hero-status small[b-pr05lzfxvp],
.hero-status strong[b-pr05lzfxvp] { display: block; }

.hero-status small[b-pr05lzfxvp] {
    color: #68778d;
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.hero-status strong[b-pr05lzfxvp] {
    margin-top: .18rem;
    color: #d8e3f0;
    font-size: .79rem;
}

.tools-layout[b-pr05lzfxvp] {
    display: grid;
    grid-template-columns: 225px minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

.tools-layout > main[b-pr05lzfxvp] { min-width: 0; }

.tool-index[b-pr05lzfxvp] {
    position: sticky;
    top: 1rem;
    overflow: hidden;
    padding: .8rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 17px;
    background: rgba(9, 17, 31, .88);
}

.tool-index-label[b-pr05lzfxvp] {
    padding: .35rem .45rem .75rem;
    color: #5f6d82;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.tool-index-item[b-pr05lzfxvp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    width: 100%;
    padding: .75rem;
    border: 1px solid transparent;
    border-radius: 11px;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.tool-index-item.is-active[b-pr05lzfxvp] {
    border-color: rgba(34, 211, 238, .17);
    background: rgba(8, 145, 178, .075);
}

.tool-index-item.is-danger.is-active[b-pr05lzfxvp] {
    border-color: rgba(251, 113, 133, .2);
    background: rgba(190, 18, 60, .08);
}

.tool-index-item.is-danger.is-active .tool-index-number[b-pr05lzfxvp],
.tool-index-item.is-danger.is-active[b-pr05lzfxvp]  .mud-icon-root { color: #fb7185; }

.tool-index-number[b-pr05lzfxvp] {
    color: #67e8f9;
    font: 800 .59rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.tool-index-item strong[b-pr05lzfxvp],
.tool-index-item small[b-pr05lzfxvp] { display: block; }

.tool-index-item strong[b-pr05lzfxvp] {
    color: #e0e8f3;
    font-size: .75rem;
}

.tool-index-item small[b-pr05lzfxvp] {
    margin-top: .16rem;
    color: #69788e;
    font-size: .62rem;
}

.tool-index-item[b-pr05lzfxvp]  .mud-icon-root { color: #526277; }

.tool-index-future[b-pr05lzfxvp] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .75rem;
    padding: .75rem;
    border: 1px dashed rgba(148, 163, 184, .1);
    border-radius: 10px;
    color: #56657a;
    font-size: .63rem;
    line-height: 1.4;
}

.tool-index-guard[b-pr05lzfxvp] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: .8rem;
    padding: .8rem .45rem .35rem;
    border-top: 1px solid rgba(148, 163, 184, .08);
    color: #657489;
    font-size: .6rem;
    line-height: 1.5;
}

.tool-index-guard[b-pr05lzfxvp]  .mud-icon-root {
    flex: 0 0 auto;
    color: #fbbf24;
}

@media (max-width: 940px) {
    .tools-layout[b-pr05lzfxvp] { grid-template-columns: 1fr; }
    .tool-index[b-pr05lzfxvp] { position: static; }
    .tool-index-future[b-pr05lzfxvp],
    .tool-index-guard[b-pr05lzfxvp] { display: none; }
}

@media (max-width: 650px) {
    .tools-hero[b-pr05lzfxvp] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.5rem;
    }

    .hero-status[b-pr05lzfxvp] { width: 100%; }
}
/* /Components/Pages/IndexUsers.razor.rz.scp.css */
.player-archive[b-hnv3p2njgl]{--archive:#38bdf8;--archive-soft:rgba(56,189,248,.12);display:grid;gap:1rem;color:#dce8f5}.archive-loading[b-hnv3p2njgl]{display:grid;gap:.5rem;padding:.85rem 1rem;border:1px solid rgba(56,189,248,.09);border-radius:12px;color:#7f93aa;background:#0b1321;font-size:.7rem}.dossier-card header span[b-hnv3p2njgl],.identity-copy>span[b-hnv3p2njgl],.collection-band small[b-hnv3p2njgl],.history-metrics span[b-hnv3p2njgl],.pass-line>span[b-hnv3p2njgl]{color:#629bb7;font-size:.58rem;font-weight:850;letter-spacing:.15em}.identity-strip[b-hnv3p2njgl]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1.15rem 1.3rem;border:1px solid rgba(56,189,248,.13);border-radius:16px;background:linear-gradient(90deg,rgba(14,116,144,.08),rgba(10,17,29,.94) 38%)}.identity-avatar[b-hnv3p2njgl]{position:relative;display:grid;width:62px;height:62px;overflow:hidden;place-items:center;border:1px solid rgba(125,211,252,.22);border-radius:16px;color:#bae6fd;background:#0e2236;font:800 1.25rem Georgia,serif}.identity-avatar img[b-hnv3p2njgl]{width:100%;height:100%;object-fit:cover}.identity-avatar i[b-hnv3p2njgl]{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border:2px solid #0d1726;border-radius:50%}.identity-avatar i.is-active[b-hnv3p2njgl]{background:#34d399}.identity-avatar i.is-banned[b-hnv3p2njgl]{background:#fb7185}.identity-copy h2[b-hnv3p2njgl]{margin:.18rem 0 0;color:#f1f7fb;font:800 1.3rem/1.2 Georgia,serif}.identity-copy p[b-hnv3p2njgl]{max-width:700px;margin:.28rem 0 0;color:#8496aa;font-size:.71rem}.identity-badges[b-hnv3p2njgl]{display:flex;max-width:330px;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.identity-badges span[b-hnv3p2njgl]{padding:.35rem .48rem;border:1px solid rgba(148,163,184,.1);border-radius:6px;color:#8da0b5;background:rgba(255,255,255,.02);font-size:.51rem;font-weight:850;letter-spacing:.07em}.identity-badges span.good[b-hnv3p2njgl]{color:#6ee7b7;border-color:rgba(52,211,153,.2)}.identity-badges span.danger[b-hnv3p2njgl]{color:#fda4af;border-color:rgba(251,113,133,.24)}.headline-metrics[b-hnv3p2njgl],.history-metrics[b-hnv3p2njgl]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.headline-metrics article[b-hnv3p2njgl],.history-metrics article[b-hnv3p2njgl]{padding:.82rem .9rem;border:1px solid rgba(148,163,184,.085);border-radius:11px;background:linear-gradient(145deg,rgba(21,31,49,.9),rgba(8,14,25,.92))}.headline-metrics span[b-hnv3p2njgl],.headline-metrics strong[b-hnv3p2njgl],.headline-metrics small[b-hnv3p2njgl],.history-metrics span[b-hnv3p2njgl],.history-metrics strong[b-hnv3p2njgl],.history-metrics small[b-hnv3p2njgl]{display:block}.headline-metrics span[b-hnv3p2njgl]{color:#617990;font-size:.52rem;font-weight:850;letter-spacing:.1em}.headline-metrics strong[b-hnv3p2njgl],.history-metrics strong[b-hnv3p2njgl]{margin-top:.3rem;color:#e8f5ff;font:800 1.08rem ui-monospace,SFMono-Regular,Consolas,monospace}.headline-metrics small[b-hnv3p2njgl],.history-metrics small[b-hnv3p2njgl]{margin-top:.16rem;color:#65768a;font-size:.57rem}.dossier-tabs[b-hnv3p2njgl]{border:1px solid rgba(148,163,184,.09);border-radius:16px;background:#09111e}.dossier-tabs[b-hnv3p2njgl]  .mud-tabs-tabbar{border-bottom:1px solid rgba(148,163,184,.08);background:#0d1726}.dossier-tabs[b-hnv3p2njgl]  .mud-tabs-panels{padding:1rem}.dossier-grid[b-hnv3p2njgl]{display:grid;gap:.8rem}.dossier-grid.two-column[b-hnv3p2njgl]{grid-template-columns:repeat(2,minmax(0,1fr))}.dossier-grid.tables[b-hnv3p2njgl]{align-items:start}.dossier-card[b-hnv3p2njgl]{overflow:hidden;border:1px solid rgba(148,163,184,.085);border-radius:13px;background:rgba(15,24,39,.72)}.dossier-card.span-two[b-hnv3p2njgl]{grid-column:1/-1}.dossier-card>header[b-hnv3p2njgl]{padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.07);background:rgba(255,255,255,.012)}.dossier-card h3[b-hnv3p2njgl]{margin:.15rem 0 0;color:#dce8f5;font-size:.86rem}.field-grid[b-hnv3p2njgl]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.45rem}.field-grid.wide[b-hnv3p2njgl]{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid>div[b-hnv3p2njgl]{padding:.65rem;border-bottom:1px solid rgba(148,163,184,.055)}.field-grid>div:nth-last-child(-n+2)[b-hnv3p2njgl]{border-bottom:0}.field-grid span[b-hnv3p2njgl],.field-grid strong[b-hnv3p2njgl]{display:block}.field-grid span[b-hnv3p2njgl]{color:#65788f;font-size:.56rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.field-grid strong[b-hnv3p2njgl]{overflow:hidden;margin-top:.2rem;color:#cbd9e7;font:650 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}.table-card[b-hnv3p2njgl]{margin-top:.8rem}.table-card small[b-hnv3p2njgl]{display:block;margin-top:.1rem;color:#60748b;font-size:.56rem}.table-card[b-hnv3p2njgl]  .mud-table-container{border:0;scrollbar-width:thin}.table-card[b-hnv3p2njgl]  .mud-table-head .mud-table-cell{color:#70869d;background:#0d1828;font-size:.57rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.table-card[b-hnv3p2njgl]  .mud-table-cell{padding:.62rem .72rem;border-color:rgba(148,163,184,.05);font-size:.66rem}.table-card[b-hnv3p2njgl]  .mud-table-row:nth-child(even){background:rgba(56,189,248,.012)}.table-card[b-hnv3p2njgl]  .mud-table-row:hover{background:rgba(56,189,248,.04)!important}.collection-band[b-hnv3p2njgl]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.7fr);gap:.65rem;margin-bottom:.8rem}.collection-band>span[b-hnv3p2njgl],.collection-band>div[b-hnv3p2njgl]{padding:.78rem;border:1px solid rgba(56,189,248,.09);border-radius:10px;background:rgba(14,116,144,.035)}.collection-band small[b-hnv3p2njgl],.collection-band strong[b-hnv3p2njgl]{display:block}.collection-band strong[b-hnv3p2njgl]{margin-top:.22rem;color:#e0f2fe;font:800 1rem ui-monospace,SFMono-Regular,Consolas,monospace}.collection-band>div[b-hnv3p2njgl]{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.collection-band em[b-hnv3p2njgl]{padding:.27rem .38rem;border-radius:5px;color:#7990a7;background:rgba(255,255,255,.03);font-size:.55rem;font-style:normal}.collection-band b[b-hnv3p2njgl]{color:#bae6fd}.history-metrics[b-hnv3p2njgl]{margin-bottom:.8rem}.history-metrics span[b-hnv3p2njgl]{color:#6d879e}.pass-line[b-hnv3p2njgl]{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.8rem;margin-bottom:.8rem;padding:.72rem .85rem;border:1px solid rgba(245,158,11,.12);border-radius:10px;background:rgba(146,64,14,.045)}.pass-line strong[b-hnv3p2njgl]{color:#fde68a;font-size:.74rem}.pass-line em[b-hnv3p2njgl]{color:#897f75;font-size:.64rem;font-style:normal}.activity-description[b-hnv3p2njgl],.device[b-hnv3p2njgl]{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safety-card[b-hnv3p2njgl]{margin-top:0}.auth-card[b-hnv3p2njgl]{margin-top:.8rem}.player-ledger[b-hnv3p2njgl]{padding:.9rem;border:1px solid rgba(148,163,184,.075);border-radius:17px;background:linear-gradient(180deg,rgba(12,18,34,.92),rgba(7,12,24,.95))}.player-ledger>header[b-hnv3p2njgl]{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.15rem .15rem .8rem}.player-ledger header span[b-hnv3p2njgl]{color:#8271e2;font-size:.52rem;font-weight:900;letter-spacing:.14em}.player-ledger h2[b-hnv3p2njgl]{margin:.16rem 0 0;color:#eef0f8;font:750 1.08rem/1.2 Georgia,serif}.player-ledger header small[b-hnv3p2njgl]{color:#69758c;font-size:.57rem}.player-card-grid[b-hnv3p2njgl],.player-skeleton-grid[b-hnv3p2njgl]{display:grid;grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:.7rem}.player-skeleton-grid span[b-hnv3p2njgl]{min-height:205px;border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.018) 20%,rgba(132,102,255,.045) 40%,rgba(255,255,255,.018) 60%);background-size:220% 100%;animation:archive-pulse-b-hnv3p2njgl 1.4s ease infinite}.player-empty[b-hnv3p2njgl]{display:grid;min-height:280px;place-items:center;align-content:center;gap:.38rem;color:#69758c;text-align:center}.player-empty[b-hnv3p2njgl]  svg{font-size:2.3rem}.player-empty strong[b-hnv3p2njgl]{color:#9aa5b8;font-size:.76rem}.player-empty span[b-hnv3p2njgl]{font-size:.61rem}.player-sentinel[b-hnv3p2njgl]{display:flex;min-height:74px;align-items:center;justify-content:center;gap:.65rem;border:1px dashed rgba(132,102,255,.13);border-radius:13px;color:#b8abff;background:rgba(124,92,255,.025)}.player-sentinel.is-complete[b-hnv3p2njgl]{color:#788399;border-color:rgba(148,163,184,.09)}.player-sentinel span strong[b-hnv3p2njgl],.player-sentinel span small[b-hnv3p2njgl]{display:block}.player-load-more[b-hnv3p2njgl]{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:72px;padding:.55rem;border:0;color:inherit;background:transparent;cursor:pointer}.player-load-more:hover[b-hnv3p2njgl]{color:#d5ceff}.player-load-more span[b-hnv3p2njgl]{text-align:left}.player-sentinel strong[b-hnv3p2njgl]{font-size:.65rem}.player-sentinel small[b-hnv3p2njgl]{margin-top:.12rem;color:#69758c;font-size:.53rem}.player-sentinel[b-hnv3p2njgl]  svg{font-size:1.15rem}@keyframes archive-pulse-b-hnv3p2njgl{to{background-position:-120% 0}}@media(max-width:1150px){.headline-metrics[b-hnv3p2njgl],.history-metrics[b-hnv3p2njgl]{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-band[b-hnv3p2njgl]{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-band>div[b-hnv3p2njgl]{grid-column:1/-1}}@media(max-width:800px){.identity-strip[b-hnv3p2njgl]{grid-template-columns:auto minmax(0,1fr)}.identity-badges[b-hnv3p2njgl]{grid-column:1/-1;justify-content:flex-start}.dossier-grid.two-column[b-hnv3p2njgl]{grid-template-columns:1fr}.dossier-card.span-two[b-hnv3p2njgl]{grid-column:auto}.field-grid.wide[b-hnv3p2njgl]{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-band[b-hnv3p2njgl]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.identity-strip[b-hnv3p2njgl]{grid-template-columns:1fr}.identity-avatar[b-hnv3p2njgl]{width:52px;height:52px}.headline-metrics[b-hnv3p2njgl],.history-metrics[b-hnv3p2njgl]{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid[b-hnv3p2njgl],.field-grid.wide[b-hnv3p2njgl]{grid-template-columns:1fr}.collection-band[b-hnv3p2njgl]{grid-template-columns:1fr}.pass-line[b-hnv3p2njgl]{grid-template-columns:1fr}.player-ledger[b-hnv3p2njgl]{padding:.65rem}.player-card-grid[b-hnv3p2njgl],.player-skeleton-grid[b-hnv3p2njgl]{grid-template-columns:1fr}.player-ledger>header[b-hnv3p2njgl]{align-items:start;flex-direction:column}}
/* /Components/Pages/IndexVariantGallery.razor.rz.scp.css */
.variant-archive[b-gsrabn6u8j]{--mint:#5eead4;--cyan:#7dd3fc;display:grid;gap:1rem;color:#d7e6e7}.archive-hero[b-gsrabn6u8j]{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(470px,1fr);gap:1.25rem;overflow:hidden;padding:1.5rem 1.6rem;border:1px solid rgba(94,234,212,.16);border-radius:20px;background:radial-gradient(circle at 82% 12%,rgba(20,184,166,.15),transparent 30%),radial-gradient(circle at 10% 110%,rgba(14,116,144,.12),transparent 35%),linear-gradient(135deg,#101d2c,#070d17 70%);box-shadow:0 30px 72px rgba(0,0,0,.27)}.archive-hero[b-gsrabn6u8j]::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 59px,rgba(125,211,252,.022) 60px),repeating-linear-gradient(0deg,transparent 0,transparent 59px,rgba(125,211,252,.018) 60px)}.hero-kicker[b-gsrabn6u8j],.hero-copy[b-gsrabn6u8j],.hero-ledger[b-gsrabn6u8j]{position:relative;z-index:1}.hero-kicker[b-gsrabn6u8j]{grid-column:1/-1;display:flex;align-items:center;gap:.55rem;color:#65a99f;font-size:.56rem;font-weight:900;letter-spacing:.18em}.hero-kicker>span[b-gsrabn6u8j]{display:grid;width:1.65rem;height:1.65rem;place-items:center;border:1px solid rgba(94,234,212,.3);border-radius:5px;color:#99f6e4;background:rgba(13,148,136,.1);font:.65rem Georgia,serif;letter-spacing:0}.hero-copy h1[b-gsrabn6u8j]{margin:0;color:#eef9f7;font:800 clamp(2rem,3.6vw,3.55rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.hero-copy h1 em[b-gsrabn6u8j]{color:#6ee7d1;font-style:italic;font-weight:500}.hero-copy p[b-gsrabn6u8j]{max-width:710px;margin:.85rem 0 0;color:#8aa0a7;font-size:.75rem;line-height:1.65}.hero-copy code[b-gsrabn6u8j]{padding:.12rem .26rem;border-radius:3px;color:#89e8d4;background:rgba(13,148,136,.09);font-size:.68rem}.hero-ledger[b-gsrabn6u8j]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;border:1px solid rgba(125,211,252,.1);border-radius:12px;background:rgba(5,12,21,.55);backdrop-filter:blur(8px)}.hero-ledger article[b-gsrabn6u8j]{padding:.72rem .76rem;border-right:1px solid rgba(125,211,252,.08)}.hero-ledger article:last-child[b-gsrabn6u8j]{border-right:0}.hero-ledger span[b-gsrabn6u8j],.hero-ledger strong[b-gsrabn6u8j],.hero-ledger small[b-gsrabn6u8j]{display:block}.hero-ledger span[b-gsrabn6u8j]{color:#59867f;font-size:.47rem;font-weight:900;letter-spacing:.12em}.hero-ledger strong[b-gsrabn6u8j]{margin-top:.28rem;color:#d9fbf5;font:800 1.05rem ui-monospace,SFMono-Regular,Consolas,monospace}.hero-ledger small[b-gsrabn6u8j]{margin-top:.1rem;color:#60737d;font-size:.48rem}.hero-stamp[b-gsrabn6u8j]{position:absolute;right:-.7rem;top:.15rem;opacity:.035;color:#b9fff2;font:900 4.8rem/.76 Georgia,serif;letter-spacing:-.08em;text-align:right;transform:rotate(-4deg);pointer-events:none}.archive-error[b-gsrabn6u8j]{border-radius:12px}.archive-error[b-gsrabn6u8j]  .mud-alert-message{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.results-bar[b-gsrabn6u8j]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.18rem .15rem}.results-bar>div:first-child span[b-gsrabn6u8j],.results-bar>div:first-child strong[b-gsrabn6u8j]{display:block}.results-bar>div:first-child span[b-gsrabn6u8j]{color:#4eb49f;font:.53rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.results-bar>div:first-child strong[b-gsrabn6u8j]{margin-top:.2rem;color:#91a7ac;font-size:.64rem}.result-actions[b-gsrabn6u8j]{display:flex;align-items:center;gap:.35rem}.sync-state[b-gsrabn6u8j]{display:flex;align-items:center;gap:.38rem;color:#f5c66b;font-size:.5rem;font-weight:900;letter-spacing:.13em}.sync-state i[b-gsrabn6u8j]{width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.65);animation:pulse-b-gsrabn6u8j 1s ease-in-out infinite}.sync-state.ready[b-gsrabn6u8j]{color:#62bdaa}.sync-state.ready i[b-gsrabn6u8j]{background:#2dd4bf;box-shadow:0 0 8px rgba(45,212,191,.5);animation:none}.result-actions[b-gsrabn6u8j]  .mud-icon-button{color:#6b8990}.archive-pager[b-gsrabn6u8j]{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.9rem;border-top:1px solid rgba(148,163,184,.07)}.archive-pager>span[b-gsrabn6u8j]{color:#4eb49f;font-size:.5rem;font-weight:900;letter-spacing:.14em}.archive-pager>small[b-gsrabn6u8j]{color:#60737d;font:.55rem ui-monospace,SFMono-Regular,Consolas,monospace}.archive-pager[b-gsrabn6u8j]  .mud-pagination-item{color:#7d9298}.archive-pager[b-gsrabn6u8j]  .mud-pagination-item-selected{color:#d5fff7;background:rgba(13,148,136,.2)}@keyframes pulse-b-gsrabn6u8j{50%{opacity:.35}}@media(max-width:1150px){.archive-hero[b-gsrabn6u8j]{grid-template-columns:1fr}.hero-ledger[b-gsrabn6u8j]{max-width:700px}}@media(max-width:700px){.archive-hero[b-gsrabn6u8j]{padding:1.1rem}.hero-ledger[b-gsrabn6u8j]{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-ledger article:nth-child(2)[b-gsrabn6u8j]{border-right:0}.hero-ledger article:nth-child(-n+2)[b-gsrabn6u8j]{border-bottom:1px solid rgba(125,211,252,.08)}.hero-copy h1[b-gsrabn6u8j]{font-size:2rem}.hero-copy p[b-gsrabn6u8j]{font-size:.68rem}.hero-stamp[b-gsrabn6u8j]{display:none}.archive-pager[b-gsrabn6u8j]{flex-wrap:wrap}.archive-pager>span[b-gsrabn6u8j],.archive-pager>small[b-gsrabn6u8j]{display:none}}@media(prefers-reduced-motion:reduce){.sync-state i[b-gsrabn6u8j]{animation:none}}

.infinite-scroll-status[b-gsrabn6u8j] {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: .9rem;
    border: 1px dashed rgba(94, 234, 212, .14);
    border-radius: 14px;
    color: #7f989e;
    background: linear-gradient(90deg, transparent, rgba(13, 148, 136, .035), transparent);
}

.infinite-scroll-status > span:last-child strong[b-gsrabn6u8j],
.infinite-scroll-status > span:last-child small[b-gsrabn6u8j] {
    display: block;
}

.infinite-scroll-status > span:last-child strong[b-gsrabn6u8j] {
    color: #a5c6c3;
    font-size: .66rem;
}

.infinite-scroll-status > span:last-child small[b-gsrabn6u8j] {
    margin-top: .15rem;
    color: #5f777d;
    font: .52rem ui-monospace, SFMono-Regular, Consolas, monospace;
}

.scroll-marker[b-gsrabn6u8j],
.complete-marker[b-gsrabn6u8j] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    border: 1px solid rgba(94, 234, 212, .18);
    border-radius: 50%;
    color: #5eead4;
    background: rgba(13, 148, 136, .08);
}

.scroll-marker[b-gsrabn6u8j] { animation: scroll-cue-b-gsrabn6u8j 1.25s ease-in-out infinite; }
.infinite-scroll-status.is-complete[b-gsrabn6u8j] { border-style: solid; border-color: rgba(94, 234, 212, .09); }
.infinite-scroll-status[b-gsrabn6u8j]  .mud-progress-circular { color: #5eead4; }

@keyframes scroll-cue-b-gsrabn6u8j {
    50% { transform: translateY(3px); opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .scroll-marker[b-gsrabn6u8j] { animation: none; }
}
/* /Components/Pages/IndexVipEditor.razor.rz.scp.css */
.vip-hero[b-7fqvwp9fvu] { border:1px solid rgba(245,158,11,.18); background:radial-gradient(circle at 85% 0,rgba(245,158,11,.18),transparent 38%),radial-gradient(circle at 10% 100%,rgba(124,77,255,.14),transparent 38%); }
.vip-toolbar[b-7fqvwp9fvu] { position:sticky; top:.75rem; z-index:5; backdrop-filter:blur(16px); }
.vip-month-select[b-7fqvwp9fvu] { min-width:180px; }.vip-year-select[b-7fqvwp9fvu] { width:130px; }
.vip-tier-card[b-7fqvwp9fvu] { height:100%; border:1px solid rgba(148,163,184,.1); background:linear-gradient(165deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }
.vip-tier-1[b-7fqvwp9fvu] { border-top:3px solid #38bdf8; }.vip-tier-2[b-7fqvwp9fvu] { border-top:3px solid #a78bfa; }.vip-tier-3[b-7fqvwp9fvu] { border-top:3px solid #f59e0b; }
.vip-tier-header[b-7fqvwp9fvu] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; }
.vip-tier-number[b-7fqvwp9fvu] { width:2.7rem;height:2.7rem;border-radius:.85rem;display:grid;place-items:center;font-size:1.25rem;font-weight:800;background:linear-gradient(145deg,rgba(245,158,11,.28),rgba(124,77,255,.18));border:1px solid rgba(251,191,36,.22); }
.vip-reward-list[b-7fqvwp9fvu] { max-height:66vh; overflow-y:auto; padding-right:.3rem; display:flex; flex-direction:column; gap:.8rem; }
.vip-reward[b-7fqvwp9fvu] { border:1px solid rgba(148,163,184,.09); border-radius:1rem; background:rgba(255,255,255,.018); transition:border-color .15s ease,transform .15s ease; }
.vip-reward:hover[b-7fqvwp9fvu] { border-color:rgba(245,158,11,.22); transform:translateY(-1px); }
.vip-reward-top[b-7fqvwp9fvu] { display:flex;align-items:center;gap:.7rem; }.vip-reward-title[b-7fqvwp9fvu] { flex:1;min-width:0; }
.vip-reward-image[b-7fqvwp9fvu] { width:3rem;height:3rem;flex:0 0 3rem;border-radius:.8rem;display:grid;place-items:center;background:rgba(124,77,255,.08);border:1px solid rgba(148,163,184,.1); }
.vip-reward-image img[b-7fqvwp9fvu] { width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35)); }
.vip-item-option[b-7fqvwp9fvu] { width:100%; min-width:0; display:grid; grid-template-columns:2.15rem minmax(0,1fr); align-items:center; gap:.7rem; padding:.2rem 0; }
.vip-item-option-icon[b-7fqvwp9fvu] { width:2.15rem; height:2.15rem; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(148,163,184,.12); border-radius:.65rem; color:#8294ad; background:rgba(124,77,255,.08); }
.vip-item-option-icon img[b-7fqvwp9fvu] { width:72%; height:72%; object-fit:contain; filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)); }
.vip-item-option-copy[b-7fqvwp9fvu] { min-width:0; display:grid; gap:.08rem; }
.vip-item-option-copy strong[b-7fqvwp9fvu],.vip-item-option-copy small[b-7fqvwp9fvu] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vip-item-option-copy strong[b-7fqvwp9fvu] { color:#e9f1fb; font-size:.8rem; }
.vip-item-option-copy small[b-7fqvwp9fvu] { color:#7e91ab; font-size:.65rem; }
.vip-empty[b-7fqvwp9fvu] { padding:2rem 1rem;text-align:center;border:1px dashed rgba(148,163,184,.15);border-radius:1rem;color:#94a3b8; }
@media(max-width:700px){.vip-toolbar[b-7fqvwp9fvu]{position:static}.vip-month-select[b-7fqvwp9fvu],.vip-year-select[b-7fqvwp9fvu]{width:100%;min-width:100%}.vip-reward-list[b-7fqvwp9fvu]{max-height:none}}
/* /Components/Pages/Sessions.razor.rz.scp.css */
.sessions-hero[b-xz5peogc8a] {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 86% 20%, rgba(54, 211, 153, .18), transparent 30%), linear-gradient(135deg, rgba(18, 24, 39, .98), rgba(24, 34, 57, .96)) !important;
}

.sessions-eyebrow[b-xz5peogc8a] { letter-spacing: .18em; color: #75e6bd !important; }
.sessions-live-pill[b-xz5peogc8a] { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 9px; min-width: 145px; padding: 12px 16px; border: 1px solid rgba(117, 230, 189, .32); border-radius: 14px; background: rgba(9, 20, 28, .48); }
.sessions-live-pill small[b-xz5peogc8a] { grid-column: 2; color: rgba(255, 255, 255, .58); }
.sessions-pulse[b-xz5peogc8a] { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 4px rgba(74, 222, 128, .12); }
.session-stat[b-xz5peogc8a] { border-top: 2px solid rgba(129, 140, 248, .4); }
.session-stat-live[b-xz5peogc8a] { border-top-color: #4ade80; }
.session-panel[b-xz5peogc8a] { min-height: 550px; }
.session-panel-heading[b-xz5peogc8a] { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.session-search[b-xz5peogc8a] { width: min(360px, 100%); }
.session-empty[b-xz5peogc8a] { height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; border: 1px dashed rgba(148, 163, 184, .2); border-radius: 14px; }
.session-empty[b-xz5peogc8a]  .mud-icon-root { font-size: 42px; color: #64748b; }

.session-user-cell[b-xz5peogc8a] { min-width: 190px; display: flex; align-items: center; gap: 11px; }
.session-user-cell > span:last-child[b-xz5peogc8a] { min-width: 0; display: grid; gap: 2px; }
.session-user-cell strong[b-xz5peogc8a] { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #edf6ff; font-size: .82rem; }
.session-user-cell small[b-xz5peogc8a], .session-page-cell small[b-xz5peogc8a], .session-time-copy[b-xz5peogc8a] { display: block; color: rgba(203, 213, 225, .58); font: 700 .68rem/1.3 ui-monospace, monospace; }
.session-avatar[b-xz5peogc8a] { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; position: relative; overflow: visible; border: 1px solid rgba(148, 163, 184, .28); border-radius: 11px; color: #dbeafe; background: linear-gradient(145deg, #1f2a44, #111827); font-size: .75rem; font-weight: 900; }
.session-avatar img[b-xz5peogc8a] { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 10px; }
.session-avatar i[b-xz5peogc8a] { width: 10px; height: 10px; position: absolute; right: -3px; bottom: -3px; border: 2px solid #0f172a; border-radius: 50%; }
.session-avatar i.online[b-xz5peogc8a] { background: #4ade80; box-shadow: 0 0 9px rgba(74, 222, 128, .7); }
.session-avatar i.reconnecting[b-xz5peogc8a] { background: #fbbf24; box-shadow: 0 0 9px rgba(251, 191, 36, .55); }
.session-page-cell[b-xz5peogc8a] { min-width: 150px; display: grid; gap: 3px; }
.session-page-cell strong[b-xz5peogc8a] { color: #dce8f7; font-size: .78rem; }
.session-page-cell small[b-xz5peogc8a] { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.session-presence-state[b-xz5peogc8a] { display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.session-presence-state[b-xz5peogc8a]::before { width: 7px; height: 7px; content: ""; border-radius: 50%; }
.session-presence-state.online[b-xz5peogc8a] { color: #75e6bd; }
.session-presence-state.online[b-xz5peogc8a]::before { background: #4ade80; }
.session-presence-state.reconnecting[b-xz5peogc8a] { color: #fcd34d; }
.session-presence-state.reconnecting[b-xz5peogc8a]::before { background: #fbbf24; }
.session-time-copy[b-xz5peogc8a] { margin-top: 3px; }

@media (max-width: 700px) {
    .session-panel-heading[b-xz5peogc8a] { align-items: stretch; flex-direction: column; }
    .session-search[b-xz5peogc8a] { width: 100%; }
    .session-panel[b-xz5peogc8a] { min-height: auto; }
}
/* /Components/Pages/SketchModeration.razor.rz.scp.css */
.sketch-moderation-page[b-qmuigzdji3]{--sketch-panel:#091321;--sketch-line:rgba(128,155,190,.11);width:100%;display:grid;gap:.48rem;padding-bottom:1.5rem}.sketch-moderation-hero[b-qmuigzdji3]{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border:1px solid rgba(248,125,145,.2);border-radius:.58rem;background:linear-gradient(96deg,rgba(248,125,145,.065),transparent 42%),#091321}.sketch-title-group[b-qmuigzdji3]{min-width:0;display:flex;align-items:center;gap:.58rem}.sketch-title-mark[b-qmuigzdji3]{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(248,125,145,.2);border-radius:.45rem;color:#ff93a6;background:rgba(248,125,145,.06)}.sketch-title-mark[b-qmuigzdji3]  .mud-icon-root{font-size:1.08rem}.sketch-title-group>div[b-qmuigzdji3]{min-width:0}.sketch-title-group>div>span[b-qmuigzdji3]{color:#ff8fa3;font:780 .43rem/1 Bahnschrift,sans-serif;letter-spacing:.13em}.sketch-title-group h1[b-qmuigzdji3]{margin:.14rem 0 .05rem;color:#f0f5fb;font:720 1rem/1 Bahnschrift,sans-serif}.sketch-title-group p[b-qmuigzdji3]{overflow:hidden;margin:0;color:#70839a;font-size:.54rem;text-overflow:ellipsis;white-space:nowrap}.sketch-hero-actions[b-qmuigzdji3]{display:flex;align-items:center;gap:.4rem}.sketch-hero-actions>span[b-qmuigzdji3]{display:flex;align-items:center;gap:.25rem;color:#ffb2bf;font-size:.51rem;font-weight:700}.sketch-hero-actions>span i[b-qmuigzdji3]{width:5px;height:5px;border-radius:50%;background:#ff8098;box-shadow:0 0 7px rgba(255,128,152,.65)}.sketch-hero-actions>b[b-qmuigzdji3]{padding-left:.4rem;border-left:1px solid var(--sketch-line);color:#70839a;font-size:.5rem;font-weight:650}.sketch-hero-actions[b-qmuigzdji3]  .mud-icon-button{width:30px;height:30px;padding:5px}.sketch-moderation-workspace[b-qmuigzdji3]{min-height:610px;display:grid;grid-template-columns:minmax(285px,340px) minmax(0,1fr);gap:.48rem}.sketch-loading[b-qmuigzdji3]{min-height:400px;display:grid;place-content:center;gap:.5rem;color:#6d8098;text-align:center}.sketch-loading[b-qmuigzdji3]  .mud-progress-linear{width:min(320px,70vw)}.sketch-loading span[b-qmuigzdji3]{font-size:.58rem}@media(max-width:1050px){.sketch-moderation-workspace[b-qmuigzdji3]{grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)}}@media(max-width:760px){.sketch-moderation-hero[b-qmuigzdji3]{align-items:flex-start}.sketch-title-mark[b-qmuigzdji3],.sketch-title-group p[b-qmuigzdji3],.sketch-hero-actions>b[b-qmuigzdji3]{display:none}.sketch-moderation-workspace[b-qmuigzdji3]{grid-template-columns:1fr}.sketch-moderation-workspace[b-qmuigzdji3]  .sketch-review-queue{min-height:360px;max-height:460px}}
/* /Components/Pages/TradeReview.razor.rz.scp.css */
.trade-review-main-card[b-bmqgq7l138] {
    overflow: hidden;
}

.trade-review-board-shell[b-bmqgq7l138] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 1rem;
    align-items: start;
}

.trade-review-board-viewport[b-bmqgq7l138] {
    position: relative;
    height: 980px;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
            radial-gradient(circle at top right, rgba(124,77,255,0.08), transparent 24%),
            radial-gradient(circle at left, rgba(0,194,168,0.06), transparent 20%),
            linear-gradient(180deg, rgba(17,28,52,0.96) 0%, rgba(15,23,42,0.96) 100%);
    cursor: grab;
}

.trade-review-board-viewport:active[b-bmqgq7l138] {
    cursor: grabbing;
}

.trade-review-board[b-bmqgq7l138] {
    position: relative;
    width: 5600px;
    height: 3200px;
    transform-origin: top left;
}

.trade-review-edges[b-bmqgq7l138] {
    position: absolute;
    inset: 0;
    width: 5600px;
    height: 3200px;
    pointer-events: none;
    overflow: visible;
}

.trade-review-edge-line[b-bmqgq7l138] {
    fill: none;
    stroke: rgba(148, 163, 184, 0.35);
    stroke-width: 2.5;
    stroke-linecap: round;
    transition: stroke 0.14s ease, opacity 0.14s ease, stroke-width 0.14s ease;
}

.trade-review-edge-line-selected[b-bmqgq7l138] {
    stroke: rgba(125, 211, 252, 0.9);
    stroke-width: 3.5;
}

.trade-review-edge-line-dimmed[b-bmqgq7l138] {
    opacity: 0.14;
}

.trade-node[b-bmqgq7l138] {
    position: absolute;
    border-radius: 1.1rem;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
            linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.012) 100%),
            linear-gradient(180deg, rgba(17,28,52,0.98) 0%, rgba(15,23,42,0.98) 100%);
    box-shadow:
            0 18px 36px rgba(2, 6, 23, 0.28),
            inset 0 0 0 1px rgba(255,255,255,0.015);
    padding: 1rem;
    color: #e2e8f0;
    user-select: none;
    cursor: move;
    transition: border-color 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease, opacity 0.14s ease;
}

.trade-node:hover[b-bmqgq7l138] {
    border-color: rgba(124, 77, 255, 0.22);
    box-shadow:
            0 24px 40px rgba(2, 6, 23, 0.34),
            inset 0 0 0 1px rgba(124, 77, 255, 0.08);
}

.trade-node-user[b-bmqgq7l138] {
    min-height: 92px;
    background:
            linear-gradient(180deg, rgba(56,189,248,0.08) 0%, rgba(255,255,255,0.012) 100%),
            linear-gradient(180deg, rgba(17,28,52,0.98) 0%, rgba(15,23,42,0.98) 100%);
}

.trade-node-trade[b-bmqgq7l138] {
    min-height: 240px;
    background:
            linear-gradient(180deg, rgba(124,77,255,0.06) 0%, rgba(255,255,255,0.012) 100%),
            linear-gradient(180deg, rgba(17,28,52,0.98) 0%, rgba(15,23,42,0.98) 100%);
}

.trade-node-selected-user[b-bmqgq7l138],
.trade-node-selected-pair[b-bmqgq7l138] {
    border-color: rgba(125, 211, 252, 0.45);
    box-shadow:
            0 24px 48px rgba(2, 6, 23, 0.34),
            inset 0 0 0 1px rgba(125, 211, 252, 0.16);
}

.trade-node-dimmed[b-bmqgq7l138] {
    opacity: 0.22;
}

.trade-node-header[b-bmqgq7l138] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.8rem;
}

.trade-node-title[b-bmqgq7l138] {
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.2;
}

.trade-node-subtitle[b-bmqgq7l138] {
    margin-top: 0.18rem;
    color: #94a3b8;
    font-size: 0.78rem;
}

.trade-node-users[b-bmqgq7l138] {
    margin-bottom: 0.7rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.8rem;
    background: rgba(255,255,255,0.03);
    color: #dbe4f0;
    font-weight: 700;
}

.trade-node-entries[b-bmqgq7l138] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.trade-node-entry[b-bmqgq7l138] {
    padding: 0.42rem 0.55rem;
    border-radius: 0.7rem;
    background: rgba(255,255,255,0.02);
    font-size: 0.84rem;
    line-height: 1.35;
    color: #dbe4f0;
}

.trade-node-entry-icon[b-bmqgq7l138] {
    display: inline-block;
    width: 1.1rem;
    margin-right: 0.2rem;
}

.trade-node-entry-user[b-bmqgq7l138] {
    color: #7dd3fc;
    font-weight: 700;
    margin-right: 0.35rem;
}

.trade-node-entry-muted[b-bmqgq7l138] {
    color: #94a3b8;
    font-style: italic;
}

.trade-review-minimap[b-bmqgq7l138] {
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.08);
    background: rgba(255,255,255,0.02);
    padding: 0.85rem;
}

.trade-review-minimap-title[b-bmqgq7l138] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 0.6rem;
}

.trade-review-minimap-canvas[b-bmqgq7l138] {
    position: relative;
    width: 100%;
    height: 180px;
    border-radius: 0.8rem;
    background: rgba(15,23,42,0.8);
    overflow: hidden;
}

.trade-review-minimap-node[b-bmqgq7l138] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    opacity: 0.9;
}

.trade-review-minimap-node-user[b-bmqgq7l138] {
    background: #38bdf8;
}

.trade-review-minimap-node-trade[b-bmqgq7l138] {
    background: #a855f7;
}

.trade-review-timeline-scroll[b-bmqgq7l138] {
    max-height: 480px;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.trade-timeline-item[b-bmqgq7l138] {
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
    cursor: pointer;
}

.trade-timeline-item:hover[b-bmqgq7l138] {
    transform: translateY(-1px);
}

@media (max-width: 1400px) {
    .trade-review-board-shell[b-bmqgq7l138] {
        grid-template-columns: minmax(0, 1fr);
    }

    .trade-review-minimap[b-bmqgq7l138] {
        order: -1;
    }
}
/* /Components/Partnerships/PartnershipApplicationReview.razor.rz.scp.css */
.partner-workspace[b-t0qfalaaa0] { min-height: 600px; overflow: hidden; border: 1px solid rgba(109, 139, 166, .15); border-radius: .9rem; color: #d6e2eb; background: #09131f; }
.partner-workspace-empty[b-t0qfalaaa0] { min-height: 600px; display: grid; place-content: center; justify-items: center; padding: 2.5rem; text-align: center; }
.partner-workspace-empty > span[b-t0qfalaaa0] { width: 78px; height: 78px; display: grid; place-items: center; border: 1px solid rgba(95, 208, 172, .15); border-radius: 50%; color: #66b7a8; background: rgba(95, 208, 172, .04); box-shadow: 0 0 0 16px rgba(95, 208, 172, .018); }
.partner-workspace-empty > span[b-t0qfalaaa0]  .mud-icon-root { font-size: 2.1rem; }
.partner-workspace-empty > small[b-t0qfalaaa0] { margin-top: 1.35rem; color: #69a398; font: 760 .67rem/1 Bahnschrift, sans-serif; letter-spacing: .1em; }
.partner-workspace-empty h2[b-t0qfalaaa0] { margin: .5rem 0; color: #c6d2dc; font: 700 1.35rem/1 Bahnschrift, sans-serif; }
.partner-workspace-empty p[b-t0qfalaaa0] { max-width: 450px; margin: .2rem 0; color: #6c8294; font-size: .8rem; line-height: 1.55; }
.workspace-identity[b-t0qfalaaa0] { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1rem 1.15rem; border-bottom: 1px solid rgba(109, 139, 166, .1); background: linear-gradient(90deg, rgba(95, 208, 172, .04), transparent 48%); }
.workspace-avatar[b-t0qfalaaa0], .workspace-avatar img[b-t0qfalaaa0], .workspace-avatar i[b-t0qfalaaa0] { width: 64px; height: 64px; }
.workspace-avatar img[b-t0qfalaaa0], .workspace-avatar i[b-t0qfalaaa0] { display: grid; place-items: center; border: 1px solid rgba(109, 139, 166, .15); border-radius: 50%; object-fit: cover; color: #a5b9c8; background: #112132; font: 720 1.1rem/1 Bahnschrift, sans-serif; font-style: normal; }
.workspace-identity > div[b-t0qfalaaa0] { min-width: 0; }
.workspace-identity > div small[b-t0qfalaaa0] { color: #68a399; font: 750 .65rem/1 Bahnschrift, sans-serif; letter-spacing: .075em; }
.workspace-identity h2[b-t0qfalaaa0] { margin: .3rem 0; color: #dce7ef; font: 710 1.45rem/1 Bahnschrift, sans-serif; }
.workspace-identity p[b-t0qfalaaa0] { margin: .25rem 0 0; color: #687f92; font-size: .73rem; }
.workspace-health[b-t0qfalaaa0] { display: flex; align-items: flex-end; flex-direction: column; gap: .42rem; }
.workspace-health em[b-t0qfalaaa0], .workspace-health i[b-t0qfalaaa0] { padding: .32rem .52rem; border-radius: .38rem; color: #bb9866; background: rgba(213, 169, 80, .08); font: 760 .63rem/1 Bahnschrift, sans-serif; font-style: normal; letter-spacing: .04em; }
.workspace-health .status-approved[b-t0qfalaaa0] { color: #70aa9b; background: rgba(95, 208, 172, .075); }
.workspace-health .status-denied[b-t0qfalaaa0], .workspace-health .status-revoked[b-t0qfalaaa0] { color: #bc7c87; background: rgba(214, 97, 114, .075); }
.workspace-health i[b-t0qfalaaa0] { display: flex; align-items: center; gap: .3rem; color: #ae7881; background: transparent; }
.workspace-health i[b-t0qfalaaa0]::before { width: 7px; height: 7px; border-radius: 50%; background: #c06e79; content: ""; }
.workspace-health i.online[b-t0qfalaaa0] { color: #70a096; }
.workspace-health i.online[b-t0qfalaaa0]::before { background: #5cc4a9; }
.workspace-warning[b-t0qfalaaa0] { display: flex; align-items: center; gap: .7rem; margin: .8rem .9rem 0; padding: .72rem; border: 1px solid rgba(218, 102, 117, .18); border-radius: .58rem; color: #c27e89; background: rgba(218, 102, 117, .04); }
.workspace-warning[b-t0qfalaaa0]  .mud-icon-root { font-size: 1.25rem; }
.workspace-warning > span[b-t0qfalaaa0] { display: grid; }
.workspace-warning strong[b-t0qfalaaa0] { font-size: .82rem; }
.workspace-warning small[b-t0qfalaaa0] { margin-top: .15rem; color: #936f79; font-size: .7rem; }
.eligibility-strip[b-t0qfalaaa0] { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid rgba(109, 139, 166, .09); background: #07111c; }
.eligibility-strip article[b-t0qfalaaa0] { min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr) 22px; align-items: center; gap: .62rem; padding: .78rem .82rem; border-right: 1px solid rgba(109, 139, 166, .08); }
.eligibility-strip article:last-child[b-t0qfalaaa0] { border-right: 0; }
.eligibility-strip article > span[b-t0qfalaaa0] { width: 38px; height: 38px; display: grid; place-items: center; border-radius: .5rem; color: #7d95a7; background: #0e1b29; }
.eligibility-strip article > span[b-t0qfalaaa0]  .mud-icon-root { font-size: 1.05rem; }
.eligibility-strip article > div[b-t0qfalaaa0] { min-width: 0; display: grid; }
.eligibility-strip small[b-t0qfalaaa0] { color: #5c7588; font: 720 .59rem/1 Bahnschrift, sans-serif; letter-spacing: .055em; }
.eligibility-strip strong[b-t0qfalaaa0] { margin-top: .22rem; color: #afbfcb; font: 700 .85rem/1 Bahnschrift, sans-serif; }
.eligibility-strip strong i[b-t0qfalaaa0] { color: #6d8395; font-size: .7rem; font-style: normal; }
.eligibility-strip article[b-t0qfalaaa0] >  .mud-icon-root { color: #758b9d; font-size: .95rem; }
.eligibility-strip article.met[b-t0qfalaaa0] >  .mud-icon-root { color: #5eb99f; }
.eligibility-strip article.miss[b-t0qfalaaa0] >  .mud-icon-root { color: #c06c79; }
.eligibility-strip article.miss[b-t0qfalaaa0] { background: rgba(205, 94, 111, .022); }
.workspace-grid[b-t0qfalaaa0] { display: grid; grid-template-columns: 1.1fr .9fr; gap: .8rem; padding: .9rem; }
.workspace-panel[b-t0qfalaaa0], .review-console[b-t0qfalaaa0] { overflow: hidden; border: 1px solid rgba(109, 139, 166, .09); border-radius: .7rem; background: rgba(255, 255, 255, .01); }
.workspace-panel > header[b-t0qfalaaa0], .review-console > header[b-t0qfalaaa0] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .78rem .85rem; border-bottom: 1px solid rgba(109, 139, 166, .075); }
.workspace-panel > header > div[b-t0qfalaaa0], .review-console > header > div[b-t0qfalaaa0] { display: grid; }
.workspace-panel > header small[b-t0qfalaaa0], .review-console > header small[b-t0qfalaaa0] { color: #65a096; font: 740 .61rem/1 Bahnschrift, sans-serif; letter-spacing: .075em; }
.workspace-panel h3[b-t0qfalaaa0], .review-console h3[b-t0qfalaaa0] { margin: .24rem 0 0; color: #c0cdd7; font: 660 .92rem/1 Bahnschrift, sans-serif; }
.workspace-panel > header > span[b-t0qfalaaa0], .review-console > header > span[b-t0qfalaaa0] { color: #627c90; font: 740 .59rem/1 Bahnschrift, sans-serif; letter-spacing: .055em; }
.user-stat-grid[b-t0qfalaaa0] { display: grid; grid-template-columns: repeat(4, 1fr); padding: .78rem; }
.user-stat-grid article[b-t0qfalaaa0] { min-width: 0; display: grid; padding: .22rem .65rem; border-right: 1px solid rgba(109, 139, 166, .075); }
.user-stat-grid article:first-child[b-t0qfalaaa0] { padding-left: 0; }
.user-stat-grid article:last-child[b-t0qfalaaa0] { border-right: 0; }
.user-stat-grid strong[b-t0qfalaaa0] { color: #c3d0da; font: 700 1.02rem/1 Bahnschrift, sans-serif; }
.user-stat-grid small[b-t0qfalaaa0] { margin-top: .28rem; color: #60798d; font: 720 .56rem/1 Bahnschrift, sans-serif; letter-spacing: .05em; }
.user-stat-grid span[b-t0qfalaaa0] { margin-top: .25rem; overflow: hidden; color: #5a7184; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.adoption-meter[b-t0qfalaaa0] { display: grid; grid-template-columns: 1fr auto; gap: .75rem; padding: .15rem .78rem .78rem; }
.adoption-meter > span[b-t0qfalaaa0] { align-self: center; height: 6px; overflow: hidden; border-radius: 6px; background: rgba(109, 139, 166, .1); }
.adoption-meter > span i[b-t0qfalaaa0] { display: block; height: 100%; max-width: 100%; border-radius: inherit; background: linear-gradient(90deg, #3d8da2, #5fc7aa); }
.adoption-meter > div[b-t0qfalaaa0] { display: grid; text-align: right; }
.adoption-meter small[b-t0qfalaaa0] { color: #617b8f; font: 720 .56rem/1 Bahnschrift, sans-serif; letter-spacing: .05em; }
.adoption-meter em[b-t0qfalaaa0] { margin-top: .16rem; color: #5a7184; font-size: .61rem; font-style: normal; }
.channel-inventory[b-t0qfalaaa0] { max-height: 235px; overflow-y: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: .45rem; padding: .68rem; scrollbar-width: thin; }
.channel-inventory article[b-t0qfalaaa0] { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto 20px; align-items: center; gap: .55rem; min-height: 58px; padding: .55rem; border: 1px solid rgba(109, 139, 166, .075); border-radius: .52rem; background: rgba(255, 255, 255, .01); }
.channel-inventory article.required[b-t0qfalaaa0] { border-color: rgba(95, 208, 172, .14); background: rgba(95, 208, 172, .022); }
.channel-inventory article.miss[b-t0qfalaaa0] { border-color: rgba(211, 96, 113, .15); background: rgba(211, 96, 113, .022); }
.channel-inventory article > span[b-t0qfalaaa0] { width: 36px; height: 36px; display: grid; place-items: center; border-radius: .46rem; color: #8199ab; background: #0d1a28; font: 700 .74rem/1 Bahnschrift, sans-serif; }
.channel-inventory article > div[b-t0qfalaaa0] { min-width: 0; display: grid; }
.channel-inventory strong[b-t0qfalaaa0] { overflow: hidden; color: #aebeca; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.channel-inventory small[b-t0qfalaaa0] { margin-top: .14rem; color: #5c7487; font-size: .59rem; }
.channel-inventory em[b-t0qfalaaa0] { color: #a7bac7; font: 700 .85rem/1 Bahnschrift, sans-serif; font-style: normal; }
.channel-inventory article[b-t0qfalaaa0] >  .mud-icon-root { color: #63aa9a; font-size: .86rem; }
.channel-inventory article.miss[b-t0qfalaaa0] >  .mud-icon-root { color: #c27681; }
.review-console[b-t0qfalaaa0] { margin: 0 .9rem .9rem; }
.application-facts[b-t0qfalaaa0] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; padding: .82rem; }
.application-facts > div[b-t0qfalaaa0] { min-width: 0; display: grid; }
.application-facts small[b-t0qfalaaa0] { color: #607b8f; font: 720 .59rem/1 Bahnschrift, sans-serif; letter-spacing: .055em; }
.application-facts span[b-t0qfalaaa0], .application-facts a[b-t0qfalaaa0] { margin-top: .24rem; overflow-wrap: anywhere; color: #a0b2c0; font-size: .72rem; }
.application-facts a[b-t0qfalaaa0] { display: flex; align-items: center; gap: .32rem; color: #68c4b0; }
.application-facts a[b-t0qfalaaa0]  .mud-icon-root { font-size: .88rem; }
.review-note[b-t0qfalaaa0] { display: flex; align-items: flex-start; gap: .6rem; margin: 0 .82rem .75rem; padding: .7rem; border: 1px solid rgba(75, 164, 181, .14); border-radius: .55rem; color: #70a6b3; background: rgba(75, 164, 181, .035); }
.review-note[b-t0qfalaaa0]  .mud-icon-root { font-size: 1.05rem; }
.review-note > span[b-t0qfalaaa0] { display: grid; }
.review-note strong[b-t0qfalaaa0] { font-size: .74rem; }
.review-note small[b-t0qfalaaa0] { margin-top: .2rem; color: #8298a8; font-size: .69rem; line-height: 1.45; }
.review-console[b-t0qfalaaa0]  .mud-input-control { margin: 0 .82rem; width: calc(100% - 1.64rem); }
.review-console[b-t0qfalaaa0]  .mud-input-outlined { font-size: .78rem; }
.review-actions[b-t0qfalaaa0] { display: flex; align-items: center; flex-wrap: wrap; gap: .58rem; padding: .75rem .82rem .82rem; }
.review-actions[b-t0qfalaaa0]  .mud-button-root { min-height: 40px; border-radius: .52rem; font-size: .73rem; }
.review-actions > span[b-t0qfalaaa0] { margin-left: auto; color: #60788b; font-size: .65rem; }

@media (max-width: 1350px) {
    .workspace-grid[b-t0qfalaaa0] { grid-template-columns: 1fr; }
    .channel-inventory[b-t0qfalaaa0] { max-height: none; }
    .user-stat-grid[b-t0qfalaaa0] { grid-template-columns: repeat(2, 1fr); gap: .65rem; }
    .user-stat-grid article:nth-child(2)[b-t0qfalaaa0] { border-right: 0; }
}

@media (max-width: 760px) {
    .workspace-identity[b-t0qfalaaa0] { grid-template-columns: 54px 1fr; }
    .workspace-avatar[b-t0qfalaaa0], .workspace-avatar img[b-t0qfalaaa0], .workspace-avatar i[b-t0qfalaaa0] { width: 54px; height: 54px; }
    .workspace-health[b-t0qfalaaa0] { grid-column: 1 / -1; align-items: flex-start; flex-direction: row; }
    .eligibility-strip[b-t0qfalaaa0] { grid-template-columns: repeat(2, 1fr); }
    .eligibility-strip article:nth-child(2)[b-t0qfalaaa0] { border-right: 0; }
    .application-facts[b-t0qfalaaa0] { grid-template-columns: 1fr; }
    .review-actions > span[b-t0qfalaaa0] { width: 100%; margin: 0; }
}

@media (max-width: 520px) {
    .eligibility-strip[b-t0qfalaaa0], .user-stat-grid[b-t0qfalaaa0], .channel-inventory[b-t0qfalaaa0] { grid-template-columns: 1fr; }
    .eligibility-strip article[b-t0qfalaaa0], .user-stat-grid article[b-t0qfalaaa0] { border-right: 0; border-bottom: 1px solid rgba(109, 139, 166, .07); }
    .workspace-grid[b-t0qfalaaa0] { padding: .6rem; }
    .review-console[b-t0qfalaaa0] { margin: 0 .6rem .6rem; }
}
/* /Components/Partnerships/PartnershipApplicationsTable.razor.rz.scp.css */
.partner-server-rail[b-fzpgshl2fh] { height: min(850px, calc(100vh - 245px)); min-height: 600px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(109, 139, 166, .15); border-radius: .9rem; color: #d6e1e9; background: #09131f; }
.partner-server-rail > header[b-fzpgshl2fh] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.1rem; border-bottom: 1px solid rgba(109, 139, 166, .1); }
.partner-server-rail > header > div[b-fzpgshl2fh] { min-width: 0; }
.partner-server-rail > header small[b-fzpgshl2fh] { color: #69aa9d; font: 760 .66rem/1 Bahnschrift, sans-serif; letter-spacing: .09em; }
.partner-server-rail h2[b-fzpgshl2fh] { margin: .3rem 0; color: #d4e0e9; font: 690 1.22rem/1 Bahnschrift, sans-serif; }
.partner-server-rail > header p[b-fzpgshl2fh] { margin: .3rem 0 0; color: #6c8294; font-size: .75rem; }
.partner-server-rail > header > span[b-fzpgshl2fh] { min-width: 68px; display: grid; padding: .52rem; border: 1px solid rgba(109, 139, 166, .12); border-radius: .55rem; text-align: center; }
.partner-server-rail > header > span strong[b-fzpgshl2fh] { color: #aec6ca; font: 700 1rem/1 Bahnschrift, sans-serif; }
.partner-server-rail > header > span small[b-fzpgshl2fh] { margin-top: .18rem; color: #60798b; font-size: .57rem; }
.partner-server-filters[b-fzpgshl2fh] { display: grid; grid-template-columns: minmax(0, 1fr) 175px; gap: .55rem; padding: .75rem; border-bottom: 1px solid rgba(109, 139, 166, .085); background: #07111c; }
.partner-server-filters[b-fzpgshl2fh]  .mud-input-control { margin: 0; }
.partner-server-filters[b-fzpgshl2fh]  .mud-input-outlined { font-size: .8rem; }
.partner-server-list[b-fzpgshl2fh] { min-height: 0; flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(109, 139, 166, .3) transparent; padding: .65rem; display: grid; align-content: start; gap: .55rem; }
.partner-server-card[b-fzpgshl2fh] { position: relative; width: 100%; display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding: .75rem; border: 1px solid rgba(109, 139, 166, .09); border-radius: .7rem; color: inherit; text-align: left; background: rgba(255, 255, 255, .012); cursor: pointer; transition: border-color .14s ease, background .14s ease, transform .14s ease; }
.partner-server-card:hover[b-fzpgshl2fh] { border-color: rgba(109, 139, 166, .2); background: rgba(255, 255, 255, .025); transform: translateY(-1px); }
.partner-server-card.selected[b-fzpgshl2fh] { border-color: rgba(95, 208, 172, .28); background: linear-gradient(90deg, rgba(95, 208, 172, .065), rgba(95, 208, 172, .018)); box-shadow: inset 3px 0 #58bea7; }
.server-avatar[b-fzpgshl2fh] { position: relative; width: 50px; height: 50px; }
.server-avatar img[b-fzpgshl2fh], .server-avatar > i[b-fzpgshl2fh] { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(109, 139, 166, .13); border-radius: 50%; object-fit: cover; color: #9bb0c0; background: #112031; font: 700 .95rem/1 Bahnschrift, sans-serif; font-style: normal; }
.server-avatar > em[b-fzpgshl2fh] { position: absolute; right: -2px; bottom: -2px; width: 20px; height: 20px; display: grid; place-items: center; border: 2px solid #09131f; border-radius: 50%; color: #61cbb0; background: #102a27; }
.server-avatar > em[b-fzpgshl2fh]  .mud-icon-root { font-size: .85rem; }
.server-identity[b-fzpgshl2fh] { min-width: 0; display: grid; }
.server-identity strong[b-fzpgshl2fh] { overflow: hidden; color: #c6d2dc; font-size: .9rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.server-identity small[b-fzpgshl2fh] { margin-top: .2rem; color: #5b7488; font: .66rem ui-monospace, Consolas, monospace; }
.server-status[b-fzpgshl2fh] { padding: .3rem .48rem; border-radius: .36rem; color: #b29c6b; background: rgba(213, 169, 80, .08); font: 750 .62rem/1 Bahnschrift, sans-serif; letter-spacing: .03em; }
.status-approved[b-fzpgshl2fh] { color: #70a797; background: rgba(95, 208, 172, .07); }
.status-denied[b-fzpgshl2fh], .status-revoked[b-fzpgshl2fh] { color: #bd7e89; background: rgba(215, 99, 116, .07); }
.status-changesrequested[b-fzpgshl2fh] { color: #c09e68; background: rgba(213, 169, 80, .09); }
.server-card-metrics[b-fzpgshl2fh] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); padding: .55rem 0; border-top: 1px solid rgba(109, 139, 166, .07); border-bottom: 1px solid rgba(109, 139, 166, .07); }
.server-card-metrics i[b-fzpgshl2fh] { display: grid; padding: 0 .55rem; border-right: 1px solid rgba(109, 139, 166, .07); font-style: normal; }
.server-card-metrics i:first-child[b-fzpgshl2fh] { padding-left: 0; }
.server-card-metrics i:last-child[b-fzpgshl2fh] { border-right: 0; }
.server-card-metrics strong[b-fzpgshl2fh] { color: #b6c4cf; font: 700 .86rem/1 Bahnschrift, sans-serif; }
.server-card-metrics small[b-fzpgshl2fh] { margin-top: .2rem; color: #5b7488; font: 720 .59rem/1 Bahnschrift, sans-serif; letter-spacing: .055em; }
.server-card-foot[b-fzpgshl2fh] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(70px, 1fr) auto auto; align-items: center; gap: .55rem; }
.server-card-foot[b-fzpgshl2fh]::before { grid-column: 1; grid-row: 1; height: 5px; border-radius: 5px; background: rgba(109, 139, 166, .09); content: ""; }
.server-card-foot > i[b-fzpgshl2fh] { z-index: 1; grid-column: 1; grid-row: 1; max-width: 100%; height: 5px; border-radius: 5px; background: linear-gradient(90deg, #408fa4, #60c9ad); }
.server-card-foot small[b-fzpgshl2fh], .server-card-foot em[b-fzpgshl2fh] { color: #60798d; font-size: .64rem; }
.server-card-foot em[b-fzpgshl2fh] { color: #6e8395; font-style: normal; }
.partner-server-empty[b-fzpgshl2fh] { min-height: 280px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #6d8295; text-align: center; }
.partner-server-empty[b-fzpgshl2fh]  .mud-icon-root { color: #6f91a1; font-size: 2rem; }
.partner-server-empty strong[b-fzpgshl2fh] { margin: .65rem 0 .25rem; color: #afbec9; font-size: .9rem; }
.partner-server-empty span[b-fzpgshl2fh] { font-size: .74rem; }

@media (max-width: 1180px) { .partner-server-rail[b-fzpgshl2fh] { height: auto; max-height: 720px; } }
@media (max-width: 560px) {
    .partner-server-filters[b-fzpgshl2fh] { grid-template-columns: 1fr; }
    .server-card-foot small[b-fzpgshl2fh] { display: none; }
    .server-card-foot[b-fzpgshl2fh] { grid-template-columns: 1fr auto; }
}
/* /Components/Partnerships/PartnershipOverview.razor.rz.scp.css */
.partner-overview[b-1oqctuvugq] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    overflow: hidden;
    border: 1px solid rgba(109, 139, 166, .18);
    border-radius: 1rem;
    color: #dce8f1;
    background: radial-gradient(circle at 88% 12%, rgba(53, 191, 165, .14), transparent 30%), linear-gradient(135deg, #0d1a27 0%, #09121e 68%, #08131b 100%);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .2);
}

.partner-overview[b-1oqctuvugq]::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(113, 148, 171, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(113, 148, 171, .03) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
}

.partner-overview.policy-dirty[b-1oqctuvugq] { border-color: rgba(218, 171, 87, .35); }
.partner-overview-copy[b-1oqctuvugq] { position: relative; z-index: 1; padding: 1.65rem 1.8rem 1.45rem; }
.partner-eyebrow[b-1oqctuvugq] { display: flex; align-items: center; gap: .55rem; color: #65c9b2; font: 780 .72rem/1 Bahnschrift, sans-serif; letter-spacing: .12em; }
.partner-eyebrow i[b-1oqctuvugq] { width: 8px; height: 8px; border-radius: 50%; background: #5fd0ac; box-shadow: 0 0 0 5px rgba(95, 208, 172, .09); }
.partner-eyebrow span[b-1oqctuvugq] { margin-left: .4rem; padding: .28rem .5rem; border: 1px solid rgba(95, 208, 172, .17); border-radius: .35rem; color: #7aa99d; font-size: .64rem; }
.policy-dirty .partner-eyebrow span[b-1oqctuvugq] { border-color: rgba(218, 171, 87, .25); color: #d0ab6d; }
.partner-overview h1[b-1oqctuvugq] { margin: .62rem 0 0; color: #edf5fa; font: 720 clamp(1.8rem, 2.3vw, 2.45rem)/1 Bahnschrift, sans-serif; letter-spacing: -.025em; }
.partner-overview-copy > p[b-1oqctuvugq] { max-width: 800px; margin: .65rem 0 1.15rem; color: #8498a9; font-size: .9rem; line-height: 1.55; }
.partner-overview-actions[b-1oqctuvugq] { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.partner-overview-actions > span[b-1oqctuvugq] { margin-left: .25rem; color: #637b90; font-size: .72rem; }
.partner-overview-actions[b-1oqctuvugq]  .mud-button-root { min-height: 42px; padding-inline: 1rem; border-radius: .58rem; font-size: .78rem; letter-spacing: .02em; }
.partner-overview-actions[b-1oqctuvugq]  .mud-icon-button { width: 42px; height: 42px; border-color: rgba(125, 153, 177, .2); border-radius: .58rem; color: #88a0b4; }
.partner-overview-orbit[b-1oqctuvugq] { position: relative; z-index: 1; display: grid; place-content: center; justify-items: center; min-height: 200px; border-left: 1px solid rgba(109, 139, 166, .1); }
.partner-overview-orbit[b-1oqctuvugq]  .mud-icon-root { z-index: 2; color: #71d5bd; font-size: 2.2rem; }
.partner-overview-orbit strong[b-1oqctuvugq] { z-index: 2; margin-top: .5rem; color: #e3f3ee; font: 750 1.65rem/1 Bahnschrift, sans-serif; }
.partner-overview-orbit small[b-1oqctuvugq] { z-index: 2; margin-top: .25rem; color: #628d84; font: 740 .62rem/1 Bahnschrift, sans-serif; letter-spacing: .1em; }
.orbit-ring[b-1oqctuvugq] { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(95, 208, 172, .14); border-radius: 50%; transform: translate(-50%, -50%); }
.ring-one[b-1oqctuvugq] { width: 112px; height: 112px; }
.ring-two[b-1oqctuvugq] { width: 164px; height: 164px; border-color: rgba(95, 208, 172, .065); }
.partner-overview-metrics[b-1oqctuvugq] { position: relative; z-index: 1; grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(109, 139, 166, .1); background: rgba(4, 10, 17, .4); }
.partner-overview-metrics article[b-1oqctuvugq] { min-width: 0; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .9rem 1rem; border-right: 1px solid rgba(109, 139, 166, .09); }
.partner-overview-metrics article:last-child[b-1oqctuvugq] { border-right: 0; }
.partner-overview-metrics article > span[b-1oqctuvugq] { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(95, 208, 172, .13); border-radius: .55rem; color: #64b8a7; background: rgba(95, 208, 172, .045); }
.partner-overview-metrics article > span[b-1oqctuvugq]  .mud-icon-root { font-size: 1.2rem; }
.partner-overview-metrics article > div[b-1oqctuvugq] { min-width: 0; display: grid; }
.partner-overview-metrics strong[b-1oqctuvugq] { color: #cddae4; font: 700 1.05rem/1 Bahnschrift, sans-serif; }
.partner-overview-metrics small[b-1oqctuvugq] { margin-top: .25rem; overflow: hidden; color: #60788b; font: 730 .62rem/1 Bahnschrift, sans-serif; letter-spacing: .07em; text-overflow: ellipsis; white-space: nowrap; }
.partner-overview-metrics em[b-1oqctuvugq] { padding: .25rem .42rem; border-radius: .32rem; color: #72948d; background: rgba(95, 208, 172, .06); font: 760 .58rem/1 Bahnschrift, sans-serif; font-style: normal; letter-spacing: .06em; }
.partner-overview-metrics .pending em[b-1oqctuvugq] { color: #c6a162; background: rgba(214, 164, 80, .08); }

@media (max-width: 1050px) {
    .partner-overview[b-1oqctuvugq] { grid-template-columns: 1fr; }
    .partner-overview-orbit[b-1oqctuvugq] { display: none; }
    .partner-overview-metrics[b-1oqctuvugq] { grid-template-columns: repeat(2, 1fr); }
    .partner-overview-metrics article:nth-child(2)[b-1oqctuvugq] { border-right: 0; }
}

@media (max-width: 600px) {
    .partner-overview-copy[b-1oqctuvugq] { padding: 1.2rem; }
    .partner-overview-actions > span[b-1oqctuvugq] { width: 100%; margin: .25rem 0 0; }
    .partner-overview-metrics[b-1oqctuvugq] { grid-template-columns: 1fr; }
    .partner-overview-metrics article[b-1oqctuvugq] { border-right: 0; border-bottom: 1px solid rgba(109, 139, 166, .09); }
}
/* /Components/Partnerships/PartnershipSettingsEditor.razor.rz.scp.css */
.policy-studio[b-clqmnu9bg5] { overflow: hidden; border: 1px solid rgba(109, 139, 166, .15); border-radius: .9rem; color: #d7e3ec; background: #0a1421; }
.policy-studio-head[b-clqmnu9bg5] { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: .9rem; padding: 1.05rem 1.15rem; border-bottom: 1px solid rgba(109, 139, 166, .1); background: linear-gradient(90deg, rgba(95, 208, 172, .045), transparent 50%); }
.policy-icon[b-clqmnu9bg5] { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(95, 208, 172, .16); border-radius: .65rem; color: #65c7b0; background: rgba(95, 208, 172, .055); }
.policy-icon[b-clqmnu9bg5]  .mud-icon-root { font-size: 1.4rem; }
.policy-studio-head > div[b-clqmnu9bg5] { min-width: 0; }
.policy-studio-head small[b-clqmnu9bg5], .policy-section-title em[b-clqmnu9bg5] { color: #69a99d; font: 770 .66rem/1 Bahnschrift, sans-serif; letter-spacing: .09em; }
.policy-studio h2[b-clqmnu9bg5] { margin: .28rem 0; color: #dce7ef; font: 700 1.25rem/1 Bahnschrift, sans-serif; }
.policy-studio-head p[b-clqmnu9bg5] { margin: .3rem 0 0; color: #74899b; font-size: .78rem; }
.policy-count[b-clqmnu9bg5] { min-width: 88px; display: grid; padding: .55rem .65rem; border: 1px solid rgba(109, 139, 166, .12); border-radius: .55rem; text-align: center; }
.policy-count strong[b-clqmnu9bg5] { color: #9bcbbf; font: 700 1.05rem/1 Bahnschrift, sans-serif; }
.policy-count small[b-clqmnu9bg5] { margin-top: .22rem; color: #60798a; font: 720 .58rem/1 Bahnschrift, sans-serif; letter-spacing: .06em; }
.policy-body[b-clqmnu9bg5] { display: grid; gap: 1rem; padding: 1rem; }
.member-gate[b-clqmnu9bg5] { display: grid; grid-template-columns: 44px minmax(0, 1fr) 180px; align-items: center; gap: .8rem; padding: .85rem .9rem; border: 1px solid rgba(109, 139, 166, .11); border-radius: .65rem; background: #08111d; }
.member-gate > span[b-clqmnu9bg5] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: .55rem; color: #6aaeb0; background: rgba(72, 168, 177, .08); }
.member-gate > span[b-clqmnu9bg5]  .mud-icon-root { font-size: 1.2rem; }
.member-gate > div[b-clqmnu9bg5] { display: grid; }
.member-gate small[b-clqmnu9bg5] { color: #638195; font: 730 .62rem/1 Bahnschrift, sans-serif; letter-spacing: .07em; }
.member-gate strong[b-clqmnu9bg5] { margin: .25rem 0; color: #c7d4de; font-size: .88rem; }
.member-gate p[b-clqmnu9bg5] { margin: 0; color: #6e8395; font-size: .72rem; }
.member-gate[b-clqmnu9bg5]  .mud-input-control { margin: 0; }
.member-gate[b-clqmnu9bg5]  .mud-input-outlined { font-size: .88rem; }
.fixed-requirement[b-clqmnu9bg5] { justify-self: end; padding: .55rem .7rem; border: 1px solid rgba(95, 208, 172, .18); border-radius: .48rem; color: #70aa9d; background: rgba(95, 208, 172, .04); font: 740 .62rem/1 Bahnschrift, sans-serif; font-style: normal; letter-spacing: .07em; }
.channel-policy[b-clqmnu9bg5], .binding-policy[b-clqmnu9bg5] { display: grid; gap: .72rem; }
.policy-section-title[b-clqmnu9bg5] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.policy-section-title > span[b-clqmnu9bg5] { display: grid; }
.policy-section-title strong[b-clqmnu9bg5] { color: #bdcbd5; font-size: .9rem; }
.policy-section-title small[b-clqmnu9bg5] { margin-top: .22rem; color: #667d90; font-size: .7rem; }
.policy-section-title em[b-clqmnu9bg5] { font-style: normal; }
.channel-rule-grid[b-clqmnu9bg5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: .55rem; }
.channel-rule[b-clqmnu9bg5] { display: grid; grid-template-columns: 40px minmax(0, 1fr) 68px; align-items: center; gap: .65rem; min-height: 70px; padding: .65rem; border: 1px solid rgba(109, 139, 166, .09); border-radius: .6rem; background: rgba(255, 255, 255, .014); transition: border-color .15s ease, background .15s ease; }
.channel-rule.required[b-clqmnu9bg5] { border-color: rgba(95, 208, 172, .19); background: rgba(95, 208, 172, .03); }
.channel-rule-mark[b-clqmnu9bg5] { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(109, 139, 166, .12); border-radius: .5rem; color: #7d95a8; background: #0d1a28; font: 720 .82rem/1 Bahnschrift, sans-serif; }
.required .channel-rule-mark[b-clqmnu9bg5] { border-color: rgba(95, 208, 172, .18); color: #72c5b2; background: rgba(95, 208, 172, .06); }
.channel-rule > div[b-clqmnu9bg5] { min-width: 0; display: grid; }
.channel-rule strong[b-clqmnu9bg5] { overflow: hidden; color: #b9c7d2; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.channel-rule small[b-clqmnu9bg5] { margin-top: .18rem; color: #60788b; font-size: .66rem; }
.required small[b-clqmnu9bg5] { color: #6a978c; }
.channel-rule[b-clqmnu9bg5]  .mud-input-control { margin: 0; }
.channel-rule[b-clqmnu9bg5]  .mud-input-outlined { font-size: .8rem; }
.channel-rule[b-clqmnu9bg5]  .mud-input-slot { padding: 9px !important; text-align: center; }
.binding-grid[b-clqmnu9bg5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: .55rem; }
.binding-grid button[b-clqmnu9bg5] { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-height: 64px; padding: .65rem; border: 1px solid rgba(109, 139, 166, .09); border-radius: .6rem; color: inherit; text-align: left; background: rgba(255, 255, 255, .012); cursor: pointer; transition: border-color .14s ease, background .14s ease; }
.binding-grid button:hover[b-clqmnu9bg5] { border-color: rgba(109, 139, 166, .2); background: rgba(255, 255, 255, .025); }
.binding-grid button.selected[b-clqmnu9bg5] { border-color: rgba(95, 208, 172, .2); background: rgba(95, 208, 172, .03); }
.binding-grid button > span[b-clqmnu9bg5] { width: 38px; height: 38px; display: grid; place-items: center; border-radius: .48rem; color: #71899c; background: #0e1b29; }
.binding-grid button > span[b-clqmnu9bg5]  .mud-icon-root { font-size: 1.05rem; }
.binding-grid button.selected > span[b-clqmnu9bg5] { color: #63c4ad; background: rgba(95, 208, 172, .08); }
.binding-grid button > div[b-clqmnu9bg5] { min-width: 0; display: grid; }
.binding-grid strong[b-clqmnu9bg5] { overflow: hidden; color: #b5c5d0; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.binding-grid small[b-clqmnu9bg5] { margin-top: .16rem; color: #5c7588; font: .63rem ui-monospace, Consolas, monospace; }
.binding-grid em[b-clqmnu9bg5] { color: #60798b; font: 740 .58rem/1 Bahnschrift, sans-serif; font-style: normal; letter-spacing: .06em; }
.binding-grid .selected em[b-clqmnu9bg5] { color: #70aa9d; }
.policy-empty[b-clqmnu9bg5] { grid-column: 1 / -1; padding: 1.4rem; color: #6d8395; font-size: .78rem; text-align: center; }

@media (max-width: 720px) {
    .policy-studio-head[b-clqmnu9bg5] { grid-template-columns: 48px 1fr; }
    .policy-count[b-clqmnu9bg5] { display: none; }
    .member-gate[b-clqmnu9bg5] { grid-template-columns: 44px 1fr; }
    .member-gate[b-clqmnu9bg5]  .mud-input-control { grid-column: 1 / -1; }
    .fixed-requirement[b-clqmnu9bg5] { grid-column: 1 / -1; justify-self: start; }
    .policy-section-title em[b-clqmnu9bg5] { display: none; }
    .channel-rule-grid[b-clqmnu9bg5], .binding-grid[b-clqmnu9bg5] { grid-template-columns: 1fr; }
}
/* /Components/Payments/PaymentCommandHeader.razor.rz.scp.css */
.payment-command-deck[b-zhrw1v77li]{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1.2rem;overflow:hidden;padding:1.35rem 1.5rem;border:1px solid rgba(132,102,255,.16);border-radius:22px;background:radial-gradient(circle at 80% -18%,rgba(132,102,255,.19),transparent 38%),linear-gradient(145deg,#11182d,#080e1b 68%);box-shadow:0 28px 70px rgba(0,0,0,.27)}.payment-command-deck[b-zhrw1v77li]::after{content:"REVENUE";position:absolute;right:1rem;bottom:-2rem;color:rgba(184,171,255,.035);font:900 5.7rem/1 Georgia,serif;letter-spacing:-.07em}.deck-mark[b-zhrw1v77li]{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(132,102,255,.25);border-radius:17px;color:#b8abff;background:rgba(124,92,255,.09)}.deck-copy[b-zhrw1v77li],.payment-readout[b-zhrw1v77li],.deck-status[b-zhrw1v77li]{position:relative;z-index:1}.deck-copy>span[b-zhrw1v77li]{color:#8f7cf0;font-size:.57rem;font-weight:900;letter-spacing:.16em}.deck-copy h1[b-zhrw1v77li]{margin:.2rem 0 0;color:#f2f0ff;font:800 1.72rem/1.1 Georgia,serif;letter-spacing:-.035em}.deck-copy p[b-zhrw1v77li]{max-width:660px;margin:.38rem 0 0;color:#8e9bb0;font-size:.74rem;line-height:1.5}.payment-readout[b-zhrw1v77li]{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));overflow:hidden;border:1px solid rgba(184,171,255,.1);border-radius:13px;background:rgba(6,10,24,.58)}.payment-readout span[b-zhrw1v77li]{padding:.7rem .85rem;border-right:1px solid rgba(184,171,255,.08)}.payment-readout span:last-child[b-zhrw1v77li]{border:0}.payment-readout strong[b-zhrw1v77li],.payment-readout small[b-zhrw1v77li]{display:block}.payment-readout strong[b-zhrw1v77li]{color:#ddd6fe;font:800 .92rem ui-monospace,SFMono-Regular,Consolas,monospace}.payment-readout small[b-zhrw1v77li]{margin-top:.12rem;color:#68758c;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payment-readout .revenue strong[b-zhrw1v77li]{color:#86e5b8}.payment-readout .rubies strong[b-zhrw1v77li]{color:#d2b4ff}.payment-readout .risk strong[b-zhrw1v77li]{color:#fda4af}.deck-status[b-zhrw1v77li]{display:grid;justify-items:center;gap:.18rem;color:#7e899e}.deck-status>span[b-zhrw1v77li]{display:flex;align-items:center;gap:.28rem;font-size:.46rem;white-space:nowrap}.deck-status i[b-zhrw1v77li]{width:6px;height:6px;border-radius:50%;background:#56d69c;box-shadow:0 0 9px rgba(86,214,156,.62)}.deck-status i.unhealthy[b-zhrw1v77li]{background:#fb7185;box-shadow:0 0 9px rgba(251,113,133,.62)}@media(max-width:1250px){.payment-command-deck[b-zhrw1v77li]{grid-template-columns:auto 1fr auto}.payment-readout[b-zhrw1v77li]{grid-column:1/-1;grid-row:2}.deck-status[b-zhrw1v77li]{grid-column:3;grid-row:1}}@media(max-width:650px){.payment-command-deck[b-zhrw1v77li]{grid-template-columns:1fr auto}.deck-mark[b-zhrw1v77li]{display:none}.payment-readout[b-zhrw1v77li]{grid-template-columns:repeat(2,1fr)}.payment-readout span:nth-child(2)[b-zhrw1v77li]{border-right:0}.payment-readout span:nth-child(-n+2)[b-zhrw1v77li]{border-bottom:1px solid rgba(184,171,255,.08)}.deck-status[b-zhrw1v77li]{grid-column:2}.deck-copy p[b-zhrw1v77li]{font-size:.66rem}}
.payment-readout[b-zhrw1v77li]{grid-template-columns:repeat(5,minmax(78px,1fr))}@media(max-width:650px){.payment-readout[b-zhrw1v77li]{grid-template-columns:repeat(2,1fr)}.payment-readout span[b-zhrw1v77li]{border-bottom:1px solid rgba(184,171,255,.08)}.payment-readout span:last-child[b-zhrw1v77li]{grid-column:1/-1;border-bottom:0}}
/* /Components/Payments/PaymentLedgerPanel.razor.rz.scp.css */
.payment-ledger[b-g8goe5uizd]{display:grid;gap:.72rem}.ledger-filter-deck[b-g8goe5uizd]{display:grid;grid-template-columns:minmax(280px,.8fr) 170px minmax(480px,1.2fr);align-items:center;gap:.7rem;padding:.65rem;border:1px solid rgba(148,163,184,.08);border-radius:14px;background:rgba(8,13,26,.92)}.payment-search[b-g8goe5uizd]  .mud-input-control,.ledger-filter-deck[b-g8goe5uizd]  .mud-input-control{margin:0}.window-tabs[b-g8goe5uizd]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.22rem;border:1px solid rgba(148,163,184,.08);border-radius:10px;background:rgba(3,7,18,.34)}.window-tabs button[b-g8goe5uizd]{position:relative;display:flex;min-height:38px;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .55rem;border:1px solid transparent;border-radius:8px;color:#7c879b;background:transparent;font-size:.59rem;font-weight:750;cursor:pointer;transition:.14s ease}.window-tabs button[b-g8goe5uizd]  svg{font-size:.95rem}.window-tabs button:hover[b-g8goe5uizd]{color:#c9c4e8;background:rgba(255,255,255,.025)}.window-tabs button.is-active[b-g8goe5uizd]{border-color:rgba(132,102,255,.52);color:#f0edff;background:linear-gradient(180deg,rgba(132,102,255,.2),rgba(124,92,255,.12));box-shadow:inset 0 -2px #8466ff,0 7px 18px rgba(29,18,76,.22)}.window-tabs button.is-active[b-g8goe5uizd]::after{content:"";position:absolute;right:.48rem;width:5px;height:5px;border-radius:50%;background:#b8abff;box-shadow:0 0 8px rgba(184,171,255,.85)}.ledger-columns[b-g8goe5uizd]{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);align-items:start;gap:.75rem}.purchase-board[b-g8goe5uizd]{min-width:0;padding:.9rem;border:1px solid rgba(148,163,184,.075);border-radius:17px;background:linear-gradient(180deg,rgba(12,18,34,.94),rgba(7,12,24,.97))}.purchase-board>header[b-g8goe5uizd]{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.15rem .15rem .8rem}.purchase-board header span[b-g8goe5uizd]{color:#8271e2;font-size:.52rem;font-weight:900;letter-spacing:.14em}.purchase-board h2[b-g8goe5uizd]{margin:.16rem 0 0;color:#eef0f8;font:750 1.08rem/1.2 Georgia,serif}.purchase-board header small[b-g8goe5uizd]{color:#69758c;font-size:.57rem}.payment-card-grid[b-g8goe5uizd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:.7rem}.ledger-empty[b-g8goe5uizd]{display:grid;min-height:300px;place-items:center;align-content:center;gap:.38rem;color:#69758c;text-align:center}.ledger-empty[b-g8goe5uizd]  svg{font-size:2.3rem}.ledger-empty strong[b-g8goe5uizd]{color:#9aa5b8;font-size:.76rem}.ledger-empty span[b-g8goe5uizd]{font-size:.61rem}@media(max-width:1180px){.ledger-filter-deck[b-g8goe5uizd]{grid-template-columns:1fr 170px}.window-tabs[b-g8goe5uizd]{grid-column:1/-1}.ledger-columns[b-g8goe5uizd]{grid-template-columns:minmax(0,1fr) 340px}.payment-card-grid[b-g8goe5uizd]{grid-template-columns:1fr}}@media(max-width:900px){.ledger-columns[b-g8goe5uizd]{grid-template-columns:1fr}.payment-card-grid[b-g8goe5uizd]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:650px){.ledger-filter-deck[b-g8goe5uizd]{grid-template-columns:1fr}.window-tabs[b-g8goe5uizd]{grid-column:auto;grid-template-columns:repeat(2,1fr)}.purchase-board[b-g8goe5uizd]{padding:.65rem}.payment-card-grid[b-g8goe5uizd]{grid-template-columns:1fr}.purchase-board>header[b-g8goe5uizd]{align-items:start;flex-direction:column}}
/* /Components/Payments/PaymentOrderInspector.razor.rz.scp.css */
.payment-dossier[b-7u1os07amf]{--payment-accent:#8466ff;--payment-accent-rgb:132,102,255;position:sticky;top:.75rem;align-self:start;overflow:hidden;border:1px solid rgba(var(--payment-accent-rgb),.2);border-radius:17px;background:linear-gradient(180deg,rgba(11,17,33,.98),rgba(7,12,24,.99));box-shadow:0 24px 58px rgba(0,0,0,.25)}.dossier-identity[b-7u1os07amf]{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;overflow:hidden;padding:1rem;background:radial-gradient(circle at 100% 0,rgba(var(--payment-accent-rgb),.15),transparent 47%)}.dossier-identity[b-7u1os07amf]::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--payment-accent),transparent);opacity:.38}.dossier-avatar[b-7u1os07amf]{display:grid;width:54px;height:54px;overflow:hidden;place-items:center;border:1px solid rgba(var(--payment-accent-rgb),.4);border-radius:15px;color:var(--payment-accent);background:#151b38;font:800 1.05rem Georgia,serif}.dossier-avatar img[b-7u1os07amf]{width:100%;height:100%;object-fit:cover}.identity-copy[b-7u1os07amf]{min-width:0}.identity-copy>span[b-7u1os07amf],.dossier-section>header>span[b-7u1os07amf]{color:var(--payment-accent);font-size:.48rem;font-weight:900;letter-spacing:.12em}.identity-copy h2[b-7u1os07amf]{overflow:hidden;margin:.18rem 0;color:#f2f0ff;font:800 1.08rem/1.15 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.identity-copy a[b-7u1os07amf]{display:flex;align-items:center;gap:.2rem;width:max-content;color:#748099;font:.5rem ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}.identity-copy a[b-7u1os07amf]  svg{font-size:.7rem}.identity-status[b-7u1os07amf]{align-self:start;padding:.24rem .38rem;border-radius:5px;color:#7de0b1;background:rgba(52,211,153,.09);font-size:.44rem;font-style:normal;font-weight:900;text-transform:uppercase}.identity-status.disputed[b-7u1os07amf],.identity-status.refunded[b-7u1os07amf]{color:#fda4af;background:rgba(190,24,93,.12)}.primary-actions[b-7u1os07amf]{display:grid!important;grid-template-columns:1fr auto;padding:.7rem .8rem 0}.primary-actions[b-7u1os07amf]  .mud-button-root{width:100%}.dossier-metrics[b-7u1os07amf]{display:grid;grid-template-columns:repeat(3,1fr);gap:.38rem;padding:.7rem .8rem}.dossier-metrics span[b-7u1os07amf]{padding:.58rem .62rem;border:1px solid rgba(148,163,184,.08);border-radius:9px;background:rgba(3,7,18,.42)}.dossier-metrics small[b-7u1os07amf],.dossier-metrics strong[b-7u1os07amf]{display:block}.dossier-metrics small[b-7u1os07amf]{color:#69758c;font-size:.44rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.dossier-metrics strong[b-7u1os07amf]{margin-top:.16rem;color:#dce1eb;font:800 .72rem ui-monospace,SFMono-Regular,Consolas,monospace}.dossier-metrics .hot strong[b-7u1os07amf]{color:var(--payment-accent)}.dossier-section[b-7u1os07amf]{margin:0 .8rem .7rem;overflow:hidden;border:1px solid rgba(148,163,184,.075);border-radius:11px;background:rgba(13,19,36,.62)}.dossier-section>header[b-7u1os07amf]{padding:.62rem .7rem;border-bottom:1px solid rgba(148,163,184,.06);background:rgba(255,255,255,.012)}.dossier-section h3[b-7u1os07amf]{margin:.12rem 0 0;color:#dce1eb;font-size:.69rem}.package-manifest>div[b-7u1os07amf]{display:grid;gap:.35rem;padding:.5rem}.package-manifest article[b-7u1os07amf]{display:grid;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:.52rem;padding:.48rem .52rem;border:1px solid rgba(var(--package-rgb),.14);border-radius:8px;background:rgba(var(--package-rgb),.035)}.package-manifest article>i[b-7u1os07amf]{width:4px;height:31px;border-radius:4px;background:var(--package-accent);box-shadow:0 0 9px rgba(var(--package-rgb),.45)}.package-manifest article span[b-7u1os07amf],.package-manifest article strong[b-7u1os07amf],.package-manifest article small[b-7u1os07amf]{display:block}.package-manifest article strong[b-7u1os07amf]{color:#dce1eb;font-size:.59rem}.package-manifest article small[b-7u1os07amf]{margin-top:.1rem;color:#748097;font-size:.48rem}.package-manifest article>b[b-7u1os07amf]{color:var(--package-accent);font:.68rem ui-monospace,SFMono-Regular,Consolas,monospace}.provider-trail dl[b-7u1os07amf]{display:grid;gap:.3rem;margin:0;padding:.5rem}.provider-trail dl>div[b-7u1os07amf]{min-width:0;padding:.42rem .5rem;border:1px solid rgba(148,163,184,.065);border-radius:7px;background:rgba(3,7,18,.3)}.provider-trail dt[b-7u1os07amf]{color:#69758c;font-size:.42rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.provider-trail dd[b-7u1os07amf]{overflow:hidden;margin:.12rem 0 0;color:#aab2c1;font:.49rem ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.review-note[b-7u1os07amf]  .mud-input-control{padding:.55rem .55rem 0}.dossier-actions[b-7u1os07amf]{display:flex;justify-content:flex-end;gap:.35rem;padding:.45rem .55rem}.dossier-actions[b-7u1os07amf]  .mud-button-root{font-size:.52rem}.review-audit[b-7u1os07amf]{display:block;padding:0 .6rem .55rem;color:#69758c;font-size:.44rem;text-align:right}.dossier-empty[b-7u1os07amf]{display:grid;min-height:360px;place-items:center;align-content:center;gap:.42rem;padding:1rem;color:#69758c;text-align:center}.dossier-empty[b-7u1os07amf]  svg{font-size:2rem}.dossier-empty strong[b-7u1os07amf]{color:#aab2c1;font-size:.72rem}.dossier-empty span[b-7u1os07amf]{max-width:250px;font-size:.55rem;line-height:1.5}@media(max-width:900px){.payment-dossier[b-7u1os07amf]{position:static}.dossier-empty[b-7u1os07amf]{min-height:180px}}@media(max-width:520px){.dossier-metrics[b-7u1os07amf]{grid-template-columns:1fr}.dossier-identity[b-7u1os07amf]{grid-template-columns:auto 1fr}.identity-status[b-7u1os07amf]{grid-column:1/-1;justify-self:start}}
/* /Components/Payments/PaymentPurchaseCard.razor.rz.scp.css */
.payment-card[b-rrrt0d8zj3]{position:relative;display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:.85rem;overflow:hidden;padding:1rem;border:1px solid rgba(var(--payment-accent-rgb),.28);border-radius:16px;color:#dbe1ed;background:linear-gradient(145deg,rgba(17,24,43,.96),rgba(7,12,23,.99));text-align:left;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.15);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.payment-card[b-rrrt0d8zj3]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(var(--payment-accent-rgb),.09),transparent 40%);pointer-events:none}.payment-card[b-rrrt0d8zj3]::after{content:"";position:absolute;top:13px;bottom:13px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--payment-accent);box-shadow:0 0 12px rgba(var(--payment-accent-rgb),.48);pointer-events:none}.payment-card:hover[b-rrrt0d8zj3],.payment-card.is-selected[b-rrrt0d8zj3]{transform:translateY(-3px);border-color:rgba(var(--payment-accent-rgb),.7);box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 0 1px rgba(var(--payment-accent-rgb),.12)}.card-avatar[b-rrrt0d8zj3]{position:relative;display:grid;width:50px;height:50px;overflow:hidden;place-items:center;border:1px solid rgba(var(--payment-accent-rgb),.32);border-radius:14px;color:var(--payment-accent);background:#151b38;font:800 1rem Georgia,serif}.card-avatar img[b-rrrt0d8zj3]{width:100%;height:100%;object-fit:cover}.provider-light[b-rrrt0d8zj3]{position:absolute;right:3px;bottom:3px;width:9px;height:9px;border:2px solid #0d1222;border-radius:50%;background:#8390a6}.provider-light.stripe[b-rrrt0d8zj3]{background:#8b8df8;box-shadow:0 0 8px rgba(129,140,248,.8)}.provider-light.paypal[b-rrrt0d8zj3]{background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.8)}.card-title[b-rrrt0d8zj3]{position:relative;z-index:1;min-width:0}.card-title>span[b-rrrt0d8zj3]{display:block;overflow:hidden;color:#6f7892;font:.52rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.card-title h2[b-rrrt0d8zj3]{overflow:hidden;margin:.24rem 0 0;color:#f0f1f7;font:750 .91rem/1.2 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.badges[b-rrrt0d8zj3]{display:flex;min-height:16px;flex-wrap:wrap;gap:.28rem;margin-top:.28rem}.badges i[b-rrrt0d8zj3]{padding:.18rem .28rem;border-radius:4px;color:#9aa6bb;background:rgba(148,163,184,.07);font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.07em}.badges i.rarity[b-rrrt0d8zj3]{border:1px solid rgba(var(--payment-accent-rgb),.28);color:var(--payment-accent);background:rgba(var(--payment-accent-rgb),.08)}.badges i.provider[b-rrrt0d8zj3]{color:#8ebddd;background:rgba(14,116,144,.1)}.badges i.danger[b-rrrt0d8zj3]{color:#fda4af;background:rgba(190,24,93,.11)}.card-metrics[b-rrrt0d8zj3]{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(148,163,184,.075);border-radius:10px;background:rgba(3,7,18,.44)}.card-metrics span[b-rrrt0d8zj3]{padding:.58rem .65rem;border-right:1px solid rgba(148,163,184,.065)}.card-metrics span:last-child[b-rrrt0d8zj3]{border:0}.card-metrics strong[b-rrrt0d8zj3],.card-metrics small[b-rrrt0d8zj3]{display:block}.card-metrics strong[b-rrrt0d8zj3]{color:#dce1eb;font:800 .79rem ui-monospace,SFMono-Regular,Consolas,monospace}.card-metrics small[b-rrrt0d8zj3]{margin-top:.12rem;color:#69758c;font-size:.48rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.card-metrics .hot strong[b-rrrt0d8zj3]{color:var(--payment-accent)}footer[b-rrrt0d8zj3]{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;color:#66738a;font-size:.53rem}footer>span[b-rrrt0d8zj3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer>span:nth-child(2)[b-rrrt0d8zj3]{text-align:right}.status[b-rrrt0d8zj3]{display:flex;align-items:center;gap:.3rem;text-transform:capitalize}.status i[b-rrrt0d8zj3]{width:6px;height:6px;border-radius:50%;background:#56d69c;box-shadow:0 0 7px rgba(86,214,156,.55)}.status.disputed i[b-rrrt0d8zj3],.status.refunded i[b-rrrt0d8zj3]{background:#fb7185;box-shadow:0 0 7px rgba(251,113,133,.55)}footer[b-rrrt0d8zj3]  svg{color:var(--payment-accent);font-size:.85rem}
/* /Components/Players/PlayerDirectoryHeader.razor.rz.scp.css */
.player-command-deck[b-fskww57kpw]{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;overflow:hidden;padding:1.45rem 1.55rem;border:1px solid rgba(132,102,255,.16);border-radius:22px;background:radial-gradient(circle at 82% -15%,rgba(132,102,255,.18),transparent 36%),linear-gradient(145deg,#11182d,#080e1b 68%);box-shadow:0 28px 70px rgba(0,0,0,.27)}.player-command-deck[b-fskww57kpw]::after{content:"PLAYERS";position:absolute;right:1rem;bottom:-2rem;color:rgba(184,171,255,.03);font:900 5.3rem/1 Georgia,serif;letter-spacing:-.07em}.deck-mark[b-fskww57kpw]{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(132,102,255,.25);border-radius:17px;color:#b8abff;background:rgba(124,92,255,.09)}.deck-copy[b-fskww57kpw],.player-readout[b-fskww57kpw]{position:relative;z-index:1}.deck-copy>span[b-fskww57kpw]{color:#8f7cf0;font-size:.57rem;font-weight:900;letter-spacing:.16em}.deck-copy h1[b-fskww57kpw]{margin:.2rem 0 0;color:#f2f0ff;font:800 1.72rem/1.1 Georgia,serif;letter-spacing:-.035em}.deck-copy p[b-fskww57kpw]{max-width:650px;margin:.38rem 0 0;color:#8e9bb0;font-size:.76rem;line-height:1.5}.player-readout[b-fskww57kpw]{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));overflow:hidden;border:1px solid rgba(184,171,255,.1);border-radius:13px;background:rgba(6,10,24,.55)}.player-readout span[b-fskww57kpw]{padding:.7rem .85rem;border-right:1px solid rgba(184,171,255,.08)}.player-readout span:last-child[b-fskww57kpw]{border:0}.player-readout strong[b-fskww57kpw],.player-readout small[b-fskww57kpw]{display:block}.player-readout strong[b-fskww57kpw]{color:#ddd6fe;font:800 .92rem ui-monospace,SFMono-Regular,Consolas,monospace}.player-readout small[b-fskww57kpw]{margin-top:.12rem;color:#68758c;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player-filter-deck[b-fskww57kpw]{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(650px,1.35fr) auto;align-items:center;gap:.7rem;padding:.65rem;border:1px solid rgba(148,163,184,.08);border-radius:14px;background:rgba(8,13,26,.9)}.player-search[b-fskww57kpw]  .mud-input-control{margin:0}.ranking-tabs[b-fskww57kpw]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.22rem;border:1px solid rgba(148,163,184,.08);border-radius:10px;background:rgba(3,7,18,.34)}.ranking-tabs button[b-fskww57kpw]{position:relative;display:flex;min-height:38px;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .5rem;border:1px solid transparent;border-radius:8px;color:#7c879b;background:transparent;font-size:.59rem;font-weight:750;cursor:pointer;transition:.14s ease}.ranking-tabs button[b-fskww57kpw]  svg{font-size:1rem}.ranking-tabs button:hover[b-fskww57kpw]{color:#c9c4e8;background:rgba(255,255,255,.025)}.ranking-tabs button.is-active[b-fskww57kpw]{border-color:rgba(132,102,255,.52);color:#f0edff;background:linear-gradient(180deg,rgba(132,102,255,.2),rgba(124,92,255,.12));box-shadow:inset 0 -2px #8466ff,0 7px 18px rgba(29,18,76,.22)}.ranking-tabs button.is-active[b-fskww57kpw]::after{content:"";position:absolute;right:.42rem;width:5px;height:5px;border-radius:50%;background:#b8abff;box-shadow:0 0 8px rgba(184,171,255,.85)}@media(max-width:1200px){.player-command-deck[b-fskww57kpw]{grid-template-columns:auto 1fr}.player-readout[b-fskww57kpw]{grid-column:1/-1}.player-filter-deck[b-fskww57kpw]{grid-template-columns:1fr auto}.ranking-tabs[b-fskww57kpw]{grid-column:1/-1;grid-row:2}}@media(max-width:700px){.player-command-deck[b-fskww57kpw]{grid-template-columns:1fr}.deck-mark[b-fskww57kpw]{display:none}.player-readout[b-fskww57kpw]{grid-template-columns:repeat(2,1fr)}.player-readout span:nth-child(2)[b-fskww57kpw]{border-right:0}.player-readout span:nth-child(-n+2)[b-fskww57kpw]{border-bottom:1px solid rgba(184,171,255,.08)}.player-filter-deck[b-fskww57kpw]{grid-template-columns:1fr}.ranking-tabs[b-fskww57kpw]{grid-column:auto;grid-row:auto;grid-template-columns:repeat(2,1fr)}.ranking-tabs button:last-child[b-fskww57kpw]{grid-column:1/-1}}
/* /Components/Players/PlayerDossierCard.razor.rz.scp.css */
.player-card[b-bhfngj5loi]{position:relative;display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:.85rem;overflow:hidden;padding:1rem;border:1px solid rgba(var(--player-accent-rgb),.28);border-radius:16px;color:#dbe1ed;background:linear-gradient(145deg,rgba(17,24,43,.94),rgba(7,12,23,.98));text-align:left;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.15);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.player-card[b-bhfngj5loi]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(var(--player-accent-rgb),.1),transparent 40%);pointer-events:none}.player-card[b-bhfngj5loi]::after{content:"";position:absolute;top:13px;bottom:13px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--player-accent);box-shadow:0 0 12px rgba(var(--player-accent-rgb),.5);pointer-events:none}.player-card:hover[b-bhfngj5loi],.player-card.is-selected[b-bhfngj5loi]{transform:translateY(-3px);border-color:rgba(var(--player-accent-rgb),.7);box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 0 1px rgba(var(--player-accent-rgb),.11)}.card-avatar[b-bhfngj5loi]{position:relative;display:grid;width:52px;height:52px;overflow:hidden;place-items:center;border:1px solid rgba(var(--player-accent-rgb),.38);border-radius:15px;background:#11182b}.card-avatar img[b-bhfngj5loi]{width:100%;height:100%;object-fit:cover}.status-light[b-bhfngj5loi]{position:absolute;right:3px;bottom:3px;width:9px;height:9px;border:2px solid #0d1222;border-radius:50%;background:#475569}.status-light.is-active[b-bhfngj5loi]{background:var(--player-accent);box-shadow:0 0 8px rgba(var(--player-accent-rgb),.8)}.card-title[b-bhfngj5loi]{position:relative;z-index:1;min-width:0}.card-title>span[b-bhfngj5loi]{display:block;color:#6f7892;font:.52rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.card-title h2[b-bhfngj5loi]{overflow:hidden;margin:.24rem 0 0;color:#f0f1f7;font:750 .91rem/1.2 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.badges[b-bhfngj5loi]{display:flex;min-height:16px;flex-wrap:wrap;gap:.28rem;margin-top:.28rem}.badges i[b-bhfngj5loi]{padding:.18rem .28rem;border-radius:4px;color:#8ca2ba;background:rgba(148,163,184,.07);font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.07em}.badges i.color[b-bhfngj5loi]{border:1px solid rgba(var(--player-accent-rgb),.25);color:var(--player-accent);background:rgba(var(--player-accent-rgb),.08)}.badges i.danger[b-bhfngj5loi]{color:#fda4af;background:rgba(190,24,93,.1)}.card-metrics[b-bhfngj5loi]{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(148,163,184,.07);border-radius:10px;background:rgba(3,7,18,.42)}.card-metrics span[b-bhfngj5loi]{padding:.58rem .65rem;border-right:1px solid rgba(148,163,184,.06)}.card-metrics span:last-child[b-bhfngj5loi]{border:0}.card-metrics strong[b-bhfngj5loi],.card-metrics small[b-bhfngj5loi]{display:block}.card-metrics strong[b-bhfngj5loi]{color:#dce1eb;font:800 .79rem ui-monospace,SFMono-Regular,Consolas,monospace}.card-metrics small[b-bhfngj5loi]{margin-top:.12rem;color:#69758c;font-size:.48rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.card-metrics .hot strong[b-bhfngj5loi]{color:var(--player-accent)}footer[b-bhfngj5loi]{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;color:#66738a;font-size:.53rem}footer span[b-bhfngj5loi]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer span:first-child[b-bhfngj5loi]{display:flex;align-items:center;gap:.25rem}footer[b-bhfngj5loi]  svg{font-size:.85rem}footer>svg[b-bhfngj5loi]{color:var(--player-accent)}.player-card.is-banned[b-bhfngj5loi]{background:linear-gradient(145deg,rgba(32,13,25,.95),rgba(10,7,14,.98))}.player-card.is-banned .status-light[b-bhfngj5loi]{background:#fb7185;box-shadow:0 0 8px rgba(251,113,133,.65)}
/* /Components/Servers/ServerCard.razor.rz.scp.css */
.server-card[b-84rtp4odo1]{position:relative;display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:.85rem;overflow:hidden;padding:1rem;border:1px solid rgba(var(--server-accent-rgb),.28);border-radius:16px;color:#dbe1ed;background:linear-gradient(145deg,rgba(17,24,43,.94),rgba(7,12,23,.98));text-align:left;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.15);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.server-card[b-84rtp4odo1]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(var(--server-accent-rgb),.085),transparent 38%);pointer-events:none}.server-card[b-84rtp4odo1]::after{content:"";position:absolute;top:13px;bottom:13px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--server-accent);box-shadow:0 0 12px rgba(var(--server-accent-rgb),.46);pointer-events:none}.server-card:hover[b-84rtp4odo1],.server-card.is-selected[b-84rtp4odo1]{transform:translateY(-3px);border-color:rgba(var(--server-accent-rgb),.68);box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 0 1px rgba(var(--server-accent-rgb),.11)}.card-image[b-84rtp4odo1]{position:relative;display:grid;width:50px;height:50px;overflow:hidden;place-items:center;border:1px solid rgba(var(--server-accent-rgb),.3);border-radius:14px;color:var(--server-accent);background:#151b38;font:800 1rem Georgia,serif}.card-image img[b-84rtp4odo1]{width:100%;height:100%;object-fit:cover}.status-light[b-84rtp4odo1]{position:absolute;right:3px;bottom:3px;width:9px;height:9px;border:2px solid #0d1222;border-radius:50%}.status-light.is-online[b-84rtp4odo1]{background:var(--server-accent);box-shadow:0 0 8px rgba(var(--server-accent-rgb),.75)}.status-light.is-offline[b-84rtp4odo1]{border-color:#4b5563;background:#000}.card-title[b-84rtp4odo1]{min-width:0}.card-title>span[b-84rtp4odo1]{display:block;color:#6f7892;font:.52rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.card-title h2[b-84rtp4odo1]{overflow:hidden;margin:.24rem 0 0;color:#f0f1f7;font:750 .91rem/1.2 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.badges[b-84rtp4odo1]{display:flex;min-height:16px;flex-wrap:wrap;gap:.28rem;margin-top:.28rem}.badges i[b-84rtp4odo1]{padding:.18rem .28rem;border-radius:4px;color:#67e8f9;background:rgba(8,145,178,.1);font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.07em}.badges i.rarity[b-84rtp4odo1]{border:1px solid rgba(var(--server-accent-rgb),.26);color:var(--server-accent);background:rgba(var(--server-accent-rgb),.08)}.badges i.inactive[b-84rtp4odo1]{border:1px solid #252933;color:#8d95a5;background:#020203}.badges i.danger[b-84rtp4odo1]{color:#fda4af;background:rgba(190,24,93,.1)}.card-metrics[b-84rtp4odo1]{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(148,163,184,.07);border-radius:10px;background:rgba(3,7,18,.42)}.card-metrics span[b-84rtp4odo1]{padding:.58rem .65rem;border-right:1px solid rgba(148,163,184,.06)}.card-metrics span:last-child[b-84rtp4odo1]{border:0}.card-metrics strong[b-84rtp4odo1],.card-metrics small[b-84rtp4odo1]{display:block}.card-metrics strong[b-84rtp4odo1]{color:#dce1eb;font:800 .79rem ui-monospace,SFMono-Regular,Consolas,monospace}.card-metrics small[b-84rtp4odo1]{margin-top:.12rem;color:#69758c;font-size:.48rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.card-metrics .hot strong[b-84rtp4odo1]{color:var(--server-accent)}footer[b-84rtp4odo1]{position:relative;z-index:1;display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;color:#66738a;font-size:.53rem}footer span[b-84rtp4odo1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer span:first-child[b-84rtp4odo1]{display:flex;align-items:center;gap:.25rem}footer[b-84rtp4odo1]  svg{font-size:.85rem}footer>svg[b-84rtp4odo1]{color:var(--server-accent)}.server-card.is-inactive[b-84rtp4odo1]{border-color:#1b1e25;color:#9ca3af;background:linear-gradient(145deg,#09090b,#000)}.server-card.is-inactive[b-84rtp4odo1]::before{background:radial-gradient(circle at 20% 0,rgba(255,255,255,.025),transparent 38%)}.server-card.is-inactive[b-84rtp4odo1]::after{background:#000;box-shadow:0 0 0 1px #2a2e37}.server-card.is-inactive:hover[b-84rtp4odo1],.server-card.is-inactive.is-selected[b-84rtp4odo1]{border-color:#383d48;box-shadow:0 20px 45px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025)}.server-card.is-inactive .card-image[b-84rtp4odo1]{border-color:#252a33;color:#7c8492;background:#000;filter:grayscale(1);opacity:.76}.server-card.is-inactive .card-metrics[b-84rtp4odo1]{border-color:#171a20;background:#030304}.server-card.is-inactive .card-metrics .hot strong[b-84rtp4odo1],.server-card.is-inactive footer>svg[b-84rtp4odo1]{color:#737b89}
/* /Components/Servers/ServerDetailPanel.razor.rz.scp.css */
.server-dossier[b-psgcucwd30]{overflow:hidden;border:1px solid rgba(132,102,255,.14);border-radius:19px;background:#090f1e;box-shadow:0 28px 70px rgba(0,0,0,.28)}.dossier-identity[b-psgcucwd30]{--server-banner:none;position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:1rem;overflow:hidden;padding:1.15rem 1.25rem;background:linear-gradient(90deg,rgba(8,13,28,.93),rgba(8,13,28,.78)),var(--server-banner) center/cover}.dossier-identity[b-psgcucwd30]::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#8466ff,transparent);opacity:.22}.return-button[b-psgcucwd30]{position:relative;z-index:1;display:flex;align-items:center;gap:.3rem;padding:.42rem .55rem;border:1px solid rgba(184,171,255,.14);border-radius:8px;color:#aaa0dd;background:rgba(6,10,23,.65);font-size:.58rem;font-weight:800;cursor:pointer}.return-button[b-psgcucwd30]  svg{font-size:.9rem}.server-avatar[b-psgcucwd30]{position:relative;z-index:1;display:grid;width:62px;height:62px;overflow:hidden;place-items:center;border:1px solid rgba(184,171,255,.25);border-radius:17px;color:#c4b5fd;background:#151b38;font:800 1.2rem Georgia,serif}.server-avatar img[b-psgcucwd30]{width:100%;height:100%;object-fit:cover}.identity-copy[b-psgcucwd30]{position:relative;z-index:1;min-width:0}.identity-copy>span[b-psgcucwd30],.intel-card header span[b-psgcucwd30]{color:#8f7cf0;font-size:.52rem;font-weight:900;letter-spacing:.14em}.identity-copy h2[b-psgcucwd30]{overflow:hidden;margin:.18rem 0 0;color:#f2f0ff;font:800 1.35rem/1.15 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.identity-copy p[b-psgcucwd30]{overflow:hidden;max-width:780px;margin:.28rem 0 0;color:#8e9bb0;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.identity-flags[b-psgcucwd30]{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.42rem}.identity-flags i[b-psgcucwd30]{padding:.24rem .36rem;border:1px solid rgba(184,171,255,.1);border-radius:5px;color:#9d94c9;background:rgba(21,17,48,.62);font-size:.44rem;font-style:normal;font-weight:900;letter-spacing:.06em}.identity-flags i.good[b-psgcucwd30],.identity-flags i.live[b-psgcucwd30]{color:#b8abff}.identity-flags i.danger[b-psgcucwd30]{color:#fda4af;border-color:rgba(251,113,133,.2)}.identity-flags i.muted[b-psgcucwd30]{color:#718087}.dossier-metrics[b-psgcucwd30]{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:.8rem}.dossier-metrics article[b-psgcucwd30]{min-width:0;padding:.8rem .9rem;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(132,102,255,.025))}.dossier-metrics span[b-psgcucwd30],.dossier-metrics strong[b-psgcucwd30],.dossier-metrics small[b-psgcucwd30]{display:block}.dossier-metrics span[b-psgcucwd30]{color:#6b768d;font-size:.5rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.dossier-metrics strong[b-psgcucwd30]{margin-top:.22rem;color:#e3e0f5;font:800 .9rem ui-monospace,SFMono-Regular,Consolas,monospace}.dossier-metrics small[b-psgcucwd30]{margin-top:.13rem;color:#657086;font-size:.52rem}.dossier-columns[b-psgcucwd30]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0 .8rem .8rem}.intel-card[b-psgcucwd30]{overflow:hidden;border:1px solid rgba(148,163,184,.075);border-radius:12px;background:rgba(13,19,36,.72)}.intel-card>header[b-psgcucwd30]{padding:.72rem .85rem;border-bottom:1px solid rgba(148,163,184,.06);background:rgba(255,255,255,.012)}.intel-card h3[b-psgcucwd30]{margin:.15rem 0 0;color:#dce1eb;font-size:.78rem}.field-grid[b-psgcucwd30]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.65rem}.field-grid>div[b-psgcucwd30]{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);align-items:center;gap:.75rem;min-width:0;padding:.68rem .72rem;border:1px solid rgba(148,163,184,.09);border-radius:9px;background:rgba(4,8,20,.3)}.field-grid span[b-psgcucwd30],.field-grid strong[b-psgcucwd30]{display:block}.field-grid span[b-psgcucwd30]{padding-right:.75rem;border-right:1px solid rgba(132,102,255,.2);color:#7d88a0;font-size:.5rem;font-weight:800;line-height:1.35;text-transform:uppercase;letter-spacing:.06em}.field-grid strong[b-psgcucwd30]{min-width:0;margin:0;color:#d9deea;font:650 .62rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;text-align:right}.feature-strip[b-psgcucwd30]{display:flex;flex-wrap:wrap;gap:.28rem;padding:.65rem;border-top:1px solid rgba(148,163,184,.05)}.feature-strip span[b-psgcucwd30]{padding:.22rem .32rem;border-radius:4px;color:#a59bd7;background:rgba(132,102,255,.055);font-size:.43rem;font-weight:800;text-transform:lowercase}.live-missing[b-psgcucwd30]{display:grid;min-height:205px;place-items:center;align-content:center;gap:.35rem;padding:1rem;color:#69758c;text-align:center}.live-missing[b-psgcucwd30]  svg{font-size:2rem}.live-missing strong[b-psgcucwd30]{color:#9aa5b8;font-size:.71rem}.live-missing span[b-psgcucwd30]{max-width:360px;font-size:.58rem;line-height:1.5}@media(max-width:900px){.dossier-identity[b-psgcucwd30]{grid-template-columns:auto auto 1fr}.dossier-identity>.mud-icon-button[b-psgcucwd30]{grid-column:3}.dossier-metrics[b-psgcucwd30]{grid-template-columns:repeat(2,1fr)}.dossier-columns[b-psgcucwd30]{grid-template-columns:1fr}}@media(max-width:600px){.dossier-identity[b-psgcucwd30]{grid-template-columns:auto 1fr}.return-button[b-psgcucwd30]{grid-column:1/-1;justify-self:start}.server-avatar[b-psgcucwd30]{width:50px;height:50px}.identity-copy p[b-psgcucwd30]{white-space:normal}.dossier-metrics[b-psgcucwd30]{grid-template-columns:1fr}.field-grid[b-psgcucwd30]{grid-template-columns:1fr}}
/* /Components/Servers/ServerExplorerHeader.razor.rz.scp.css */
.server-command-deck[b-m5kcuakbup]{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;overflow:hidden;padding:1.45rem 1.55rem;border:1px solid rgba(132,102,255,.16);border-radius:22px;background:radial-gradient(circle at 82% -15%,rgba(132,102,255,.18),transparent 36%),linear-gradient(145deg,#11182d,#080e1b 68%);box-shadow:0 28px 70px rgba(0,0,0,.27)}.server-command-deck[b-m5kcuakbup]::after{content:"ATLAS";position:absolute;right:1rem;bottom:-2.2rem;color:rgba(184,171,255,.035);font:900 6.5rem/1 Georgia,serif;letter-spacing:-.07em}.deck-mark[b-m5kcuakbup]{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(132,102,255,.25);border-radius:17px;color:#b8abff;background:rgba(124,92,255,.09)}.deck-copy[b-m5kcuakbup],.fleet-readout[b-m5kcuakbup]{position:relative;z-index:1}.deck-copy>span[b-m5kcuakbup]{color:#8f7cf0;font-size:.57rem;font-weight:900;letter-spacing:.16em}.deck-copy h1[b-m5kcuakbup]{margin:.2rem 0 0;color:#f2f0ff;font:800 1.72rem/1.1 Georgia,serif;letter-spacing:-.035em}.deck-copy p[b-m5kcuakbup]{max-width:650px;margin:.38rem 0 0;color:#8e9bb0;font-size:.76rem;line-height:1.5}.fleet-readout[b-m5kcuakbup]{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));overflow:hidden;border:1px solid rgba(184,171,255,.1);border-radius:13px;background:rgba(6,10,24,.55)}.fleet-readout span[b-m5kcuakbup]{padding:.7rem .85rem;border-right:1px solid rgba(184,171,255,.08)}.fleet-readout span:last-child[b-m5kcuakbup]{border:0}.fleet-readout strong[b-m5kcuakbup],.fleet-readout small[b-m5kcuakbup]{display:block}.fleet-readout strong[b-m5kcuakbup]{color:#ddd6fe;font:800 .92rem ui-monospace,SFMono-Regular,Consolas,monospace}.fleet-readout small[b-m5kcuakbup]{margin-top:.12rem;color:#68758c;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.server-filter-deck[b-m5kcuakbup]{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(540px,1.25fr) auto;align-items:center;gap:.7rem;padding:.65rem;border:1px solid rgba(148,163,184,.08);border-radius:14px;background:rgba(8,13,26,.9)}.server-search[b-m5kcuakbup]  .mud-input-control{margin:0}.ranking-tabs[b-m5kcuakbup]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.22rem;border:1px solid rgba(148,163,184,.08);border-radius:10px;background:rgba(3,7,18,.34)}.ranking-tabs button[b-m5kcuakbup]{position:relative;display:flex;min-height:38px;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .55rem;border:1px solid transparent;border-radius:8px;color:#7c879b;background:transparent;font-size:.61rem;font-weight:750;cursor:pointer;transition:.14s ease}.ranking-tabs button[b-m5kcuakbup]  svg{font-size:1rem}.ranking-tabs button:hover[b-m5kcuakbup]{color:#c9c4e8;background:rgba(255,255,255,.025)}.ranking-tabs button.is-active[b-m5kcuakbup]{border-color:rgba(132,102,255,.52);color:#f0edff;background:linear-gradient(180deg,rgba(132,102,255,.2),rgba(124,92,255,.12));box-shadow:inset 0 -2px #8466ff,0 7px 18px rgba(29,18,76,.22)}.ranking-tabs button.is-active[b-m5kcuakbup]::after{content:"";position:absolute;right:.48rem;width:5px;height:5px;border-radius:50%;background:#b8abff;box-shadow:0 0 8px rgba(184,171,255,.85)}@media(max-width:1100px){.server-command-deck[b-m5kcuakbup]{grid-template-columns:auto 1fr}.fleet-readout[b-m5kcuakbup]{grid-column:1/-1}.server-filter-deck[b-m5kcuakbup]{grid-template-columns:1fr auto}.ranking-tabs[b-m5kcuakbup]{grid-column:1/-1;grid-row:2}}@media(max-width:650px){.server-command-deck[b-m5kcuakbup]{grid-template-columns:1fr}.deck-mark[b-m5kcuakbup]{display:none}.fleet-readout[b-m5kcuakbup]{grid-template-columns:repeat(2,1fr)}.fleet-readout span:nth-child(2)[b-m5kcuakbup]{border-right:0}.fleet-readout span:nth-child(-n+2)[b-m5kcuakbup]{border-bottom:1px solid rgba(184,171,255,.08)}.server-filter-deck[b-m5kcuakbup]{grid-template-columns:1fr}.ranking-tabs[b-m5kcuakbup]{grid-column:auto;grid-row:auto;grid-template-columns:repeat(2,1fr)}}
/* /Components/Servers/ServerPlayerList.razor.rz.scp.css */
.roster-section[b-b3nq82wumh]{padding:1rem;border-top:1px solid rgba(148,163,184,.07)}.roster-section>header[b-b3nq82wumh]{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.roster-section header span[b-b3nq82wumh]{color:#8f7cf0;font-size:.53rem;font-weight:900;letter-spacing:.14em}.roster-section h3[b-b3nq82wumh]{margin:.14rem 0 0;color:#dce1eb;font-size:.84rem}.roster-section header small[b-b3nq82wumh]{color:#69758c;font-size:.55rem}.player-grid[b-b3nq82wumh]{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:.5rem}.player-chip[b-b3nq82wumh]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.62rem;padding:.62rem;border:1px solid rgba(148,163,184,.07);border-radius:10px;background:rgba(255,255,255,.014)}.player-chip.is-active[b-b3nq82wumh]{border-color:rgba(132,102,255,.13);background:rgba(124,92,255,.035)}.player-chip.is-banned[b-b3nq82wumh]{border-color:rgba(251,113,133,.15)}.player-avatar[b-b3nq82wumh]{display:grid;width:35px;height:35px;overflow:hidden;place-items:center;border-radius:9px;color:#c4b5fd;background:#151b38;font:750 .72rem Georgia,serif}.player-avatar img[b-b3nq82wumh]{width:100%;height:100%;object-fit:cover}.player-copy[b-b3nq82wumh]{min-width:0}.player-copy strong[b-b3nq82wumh],.player-copy small[b-b3nq82wumh],.player-copy span[b-b3nq82wumh]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-copy strong[b-b3nq82wumh]{color:#dce1eb;font-size:.69rem}.player-copy small[b-b3nq82wumh]{margin-top:.1rem;color:#6f7990;font:.52rem ui-monospace,SFMono-Regular,Consolas,monospace}.player-copy span[b-b3nq82wumh]{margin-top:.16rem;color:#7f89a0;font-size:.52rem}.roster-more[b-b3nq82wumh]{display:flex;justify-content:center;padding-top:.85rem}.empty-roster[b-b3nq82wumh]{display:flex;min-height:100px;align-items:center;justify-content:center;gap:.55rem;color:#69758c;font-size:.67rem}
/* /Components/Shared/ApplyLootPoolChangesDialog.razor.rz.scp.css */
/* /Components/Shared/AuthWorldMap.razor.rz.scp.css */
.geo-intel[b-lgj5i1k87d]{display:flex;flex-direction:column;gap:1rem}.geo-summary[b-lgj5i1k87d]{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.geo-summary>div[b-lgj5i1k87d]{display:flex;flex-direction:column;padding:.75rem;border:1px solid rgba(148,163,184,.08);border-radius:.8rem;background:rgba(255,255,255,.018)}.geo-summary strong[b-lgj5i1k87d]{color:#f8fafc;font-size:1.15rem}.geo-summary span[b-lgj5i1k87d]{color:#71829d;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em}.geo-list[b-lgj5i1k87d]{display:flex;flex-direction:column;gap:.45rem;max-height:430px;overflow:auto;padding-right:.25rem}.geo-row[b-lgj5i1k87d]{display:grid;grid-template-columns:30px 58px 1fr 54px;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:.65rem;transition:background .12s ease}.geo-row:hover[b-lgj5i1k87d]{background:rgba(56,189,248,.045)}.geo-flag[b-lgj5i1k87d]{font-size:1.15rem}.geo-country[b-lgj5i1k87d]{display:flex;flex-direction:column}.geo-country strong[b-lgj5i1k87d]{font-size:.78rem;color:#dbeafe}.geo-country span[b-lgj5i1k87d]{font-size:.64rem;color:#64748b}.geo-bar[b-lgj5i1k87d]{height:7px;border-radius:999px;background:rgba(148,163,184,.09);overflow:hidden}.geo-bar i[b-lgj5i1k87d]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c4dff,#38bdf8)}.geo-count[b-lgj5i1k87d]{text-align:right;color:#bae6fd;font-size:.76rem;font-weight:700}@media(max-width:600px){.geo-summary[b-lgj5i1k87d]{grid-template-columns:1fr}.geo-row[b-lgj5i1k87d]{grid-template-columns:28px 52px 1fr 45px}}
/* /Components/Shared/BulkImageUploadDialog.razor.rz.scp.css */
.bulk-header[b-deu8uw2fsm]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bulk-files[b-deu8uw2fsm]{max-height:58vh;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.3rem}.bulk-row[b-deu8uw2fsm]{display:grid;grid-template-columns:58px minmax(140px,1fr) minmax(220px,1.4fr) 42px;align-items:center;gap:.8rem;padding:.65rem;border:1px solid rgba(148,163,184,.09);border-radius:.85rem;background:rgba(255,255,255,.015)}.bulk-preview[b-deu8uw2fsm]{width:45px;height:70px;object-fit:contain;border-radius:.4rem;background:#080d19}.bulk-file[b-deu8uw2fsm]{min-width:0;display:flex;flex-direction:column}.bulk-file strong[b-deu8uw2fsm]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;color:#dbeafe}.bulk-file span[b-deu8uw2fsm]{font-size:.7rem;color:#71829d}.bulk-option[b-deu8uw2fsm]{display:inline-flex;align-items:center;gap:.5rem}.bulk-option img[b-deu8uw2fsm]{width:25px;height:25px;object-fit:contain}.bulk-option code[b-deu8uw2fsm]{color:#7dd3fc;font-size:.68rem}.bulk-emoji[b-deu8uw2fsm]{width:38px;height:38px;object-fit:contain}@media(max-width:700px){.bulk-row[b-deu8uw2fsm]{grid-template-columns:48px 1fr 38px}.bulk-variant[b-deu8uw2fsm]{grid-column:1/-1}.bulk-preview[b-deu8uw2fsm]{width:40px;height:62px}}
.bulk-fill[b-deu8uw2fsm]{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1.2fr) auto;align-items:center;gap:1rem;border:1px solid rgba(124,77,255,.14);background:rgba(124,77,255,.035)}.bulk-fill-copy[b-deu8uw2fsm]{display:flex;align-items:center;gap:.7rem}.bulk-fill-copy>div[b-deu8uw2fsm]{display:flex;flex-direction:column}.bulk-fill-copy strong[b-deu8uw2fsm]{font-size:.82rem;color:#e2e8f0}.bulk-fill-copy span[b-deu8uw2fsm]{font-size:.7rem;color:#71829d}.bulk-row[b-deu8uw2fsm]{grid-template-columns:58px minmax(115px,.7fr) minmax(205px,1.2fr) minmax(185px,1fr) 42px}@media(max-width:900px){.bulk-fill[b-deu8uw2fsm]{grid-template-columns:1fr}.bulk-row[b-deu8uw2fsm]{grid-template-columns:48px 1fr 38px}.bulk-character[b-deu8uw2fsm],.bulk-variant[b-deu8uw2fsm]{grid-column:1/-1}}
/* /Components/Shared/DungeonAttributeMultiSelect.razor.rz.scp.css */
.attribute-emoji[b-kyp4dgqmls] { width: 22px; height: 22px; object-fit: contain; }
/* /Components/Shared/DungeonAttributeSelect.razor.rz.scp.css */
.attribute-emoji[b-q67frucw1u] { width: 22px; height: 22px; object-fit: contain; }
/* /Components/Shared/DungeonReferenceList.razor.rz.scp.css */
.reference-builder[b-9vy1wqr74s] { --reference: 56, 189, 248; padding: 14px; border: 1px solid rgba(var(--reference), .2); border-radius: 16px; background: linear-gradient(145deg, rgba(var(--reference), .07), rgba(8, 12, 22, .42)); }
.reference-builder.success[b-9vy1wqr74s] { --reference: 74, 222, 128; }
.reference-builder.warning[b-9vy1wqr74s] { --reference: 251, 191, 36; }
.reference-builder.violet[b-9vy1wqr74s] { --reference: 167, 139, 250; }
.reference-builder > header[b-9vy1wqr74s] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.reference-picker[b-9vy1wqr74s] { margin-bottom: 10px; }
.reference-empty[b-9vy1wqr74s] { min-height: 64px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #64748b; border: 1px dashed rgba(148, 163, 184, .18); border-radius: 12px; font-size: .78rem; }
.reference-list[b-9vy1wqr74s] { display: grid; gap: 7px; }
.reference-row[b-9vy1wqr74s] { display: grid; grid-template-columns: 24px 34px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 54px; padding: 6px 6px 6px 9px; border: 1px solid rgba(var(--reference), .16); border-radius: 11px; background: rgba(5, 9, 17, .72); }
.reference-row.quantity[b-9vy1wqr74s] { grid-template-columns: 24px 34px minmax(0, 1fr) 90px auto; }
.reference-quantity[b-9vy1wqr74s] { min-width: 0; }
.reference-row.missing[b-9vy1wqr74s] { border-color: rgba(248, 113, 113, .5); background: rgba(69, 10, 10, .2); }
.reference-order[b-9vy1wqr74s] { color: rgba(var(--reference), .82); font: 700 .68rem/1 monospace; text-align: center; }
.reference-row > img[b-9vy1wqr74s], .reference-mark[b-9vy1wqr74s] { width: 34px; height: 34px; display: grid; place-items: center; object-fit: contain; border-radius: 9px; color: rgb(var(--reference)); background: rgba(var(--reference), .11); border: 1px solid rgba(var(--reference), .18); font-weight: 800; }
.reference-copy[b-9vy1wqr74s] { min-width: 0; display: block; }
.reference-copy strong[b-9vy1wqr74s], .reference-copy small[b-9vy1wqr74s] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reference-copy strong[b-9vy1wqr74s] { color: #e8eef8; font-size: .8rem; }
.reference-copy small[b-9vy1wqr74s] { color: #718096; font-size: .66rem; margin-top: 2px; }
.reference-actions[b-9vy1wqr74s] { display: flex; }
@media (max-width: 600px) { .reference-row[b-9vy1wqr74s], .reference-row.quantity[b-9vy1wqr74s] { grid-template-columns: 20px 30px minmax(0, 1fr); } .reference-quantity[b-9vy1wqr74s] { grid-column: 2 / -1; } .reference-actions[b-9vy1wqr74s] { grid-column: 2 / -1; justify-content: flex-end; } }
/* /Components/Shared/DungeonReferencePicker.razor.rz.scp.css */
.reference-option[b-86n9lffp31] { width: 100%; min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; align-items: center; padding: 3px 0; }
.reference-option > img[b-86n9lffp31], .reference-option-mark[b-86n9lffp31] { width: 36px; height: 36px; display: grid; place-items: center; object-fit: contain; border: 1px solid rgba(148, 163, 184, .16); border-radius: 9px; color: #7dd3fc; background: rgba(56, 189, 248, .08); font-weight: 800; }
.reference-option > img[b-86n9lffp31] { padding: 3px; }
.reference-option-copy[b-86n9lffp31] { min-width: 0; }
.reference-option-copy strong[b-86n9lffp31], .reference-option-copy small[b-86n9lffp31] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reference-option-copy strong[b-86n9lffp31] { color: #e8eef8; font-size: .78rem; }
.reference-option-copy small[b-86n9lffp31] { margin-top: 2px; color: #718096; font-size: .63rem; }
.reference-option-empty[b-86n9lffp31] { padding: 10px; color: #64748b; font-size: .72rem; text-align: center; }
/* /Components/Shared/EconomyCountryCard.razor.rz.scp.css */
.economy-board[b-x0a5mrge88]{height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--insights-line,rgba(139,169,211,.11));border-radius:.58rem;color:#e8eef8;background:#091321}.economy-board>header[b-x0a5mrge88]{min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .58rem;border-bottom:1px solid rgba(139,169,211,.08)}.economy-board>header>span[b-x0a5mrge88]{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(68,224,164,.14);border-radius:.4rem;color:#8bcdb1;background:rgba(68,224,164,.03)}.economy-board header[b-x0a5mrge88]  .mud-icon-root{font-size:.9rem}.economy-board header>div[b-x0a5mrge88]{min-width:0}.economy-board h3[b-x0a5mrge88]{margin:0;color:#e3eaf3;font:700 .78rem/1.1 Bahnschrift,sans-serif}.economy-board header p[b-x0a5mrge88]{overflow:hidden;margin:.14rem 0 0;color:#71849c;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.economy-board header aside[b-x0a5mrge88]{display:flex;gap:.14rem}.economy-board header button[b-x0a5mrge88]{padding:.18rem .28rem;border:1px solid rgba(139,169,211,.11);border-radius:99px;color:#71849d;background:transparent!important;font:760 .42rem/1 Bahnschrift,sans-serif;cursor:pointer}.economy-board header button:hover[b-x0a5mrge88],.economy-board header button.is-active[b-x0a5mrge88]{color:#bdc9d7;border-color:rgba(139,169,211,.2);background:rgba(255,255,255,.025)!important}.economy-board header button.tone-amethyst.is-active[b-x0a5mrge88]{color:#c7a7dc;border-color:rgba(180,91,255,.22)}.economy-board header button.tone-shards.is-active[b-x0a5mrge88]{color:#9ebfde;border-color:rgba(70,139,255,.22)}.economy-board header button.tone-rubies.is-active[b-x0a5mrge88]{color:#dba0aa;border-color:rgba(255,91,118,.22)}
.economy-board-list[b-x0a5mrge88]{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(120,145,180,.35) transparent;display:grid;align-content:start;gap:.25rem;padding:.4rem}.economy-board-list article[b-x0a5mrge88]{display:grid;gap:.25rem;padding:.4rem .44rem;border:1px solid rgba(139,169,211,.06);border-radius:.4rem;background:rgba(255,255,255,.012)}.economy-country[b-x0a5mrge88]{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.4rem}.economy-country span[b-x0a5mrge88]{color:#5d7189;font:.5rem ui-monospace,Consolas,monospace}.economy-country strong[b-x0a5mrge88]{overflow:hidden;color:#bdc8d6;font-size:.62rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.economy-country em[b-x0a5mrge88]{color:#91a2b6;font:.52rem ui-monospace,Consolas,monospace;font-style:normal}.economy-currency[b-x0a5mrge88]{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:.38rem}.economy-currency span[b-x0a5mrge88]{color:#667a92;font-size:.48rem}.economy-currency strong[b-x0a5mrge88]{grid-column:3;color:#8395aa;font:.48rem ui-monospace,Consolas,monospace}.economy-currency i[b-x0a5mrge88]{grid-column:2;grid-row:1;height:3px;overflow:hidden;border-radius:3px;background:rgba(139,169,211,.08)}.economy-currency i b[b-x0a5mrge88]{height:100%;display:block;border-radius:3px;opacity:.72}.economy-currency i b.tone-amethyst[b-x0a5mrge88]{background:linear-gradient(90deg,#8f59b8,#c393d8)}.economy-currency i b.tone-shards[b-x0a5mrge88]{background:linear-gradient(90deg,#527fbd,#78b5d3)}.economy-currency i b.tone-rubies[b-x0a5mrge88]{background:linear-gradient(90deg,#ba5268,#d88692)}.economy-board-empty[b-x0a5mrge88]{margin:auto;color:#71849b;font-size:.58rem}
/* /Components/Shared/ImageReviewDecisionDialog.razor.rz.scp.css */
.decision-header[b-mrrc6xo68j] { display:flex;align-items:center;gap:1rem; }
.decision-icon[b-mrrc6xo68j] { width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;flex:0 0 3rem; }
.decision-icon.approve[b-mrrc6xo68j] { color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22); }
.decision-icon.silent[b-mrrc6xo68j] { color:#cbd5e1;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.2); }
.decision-icon.reject[b-mrrc6xo68j] { color:#fda4af;background:rgba(244,63,94,.11);border:1px solid rgba(244,63,94,.22); }
.decision-publication[b-mrrc6xo68j],.decision-schedule[b-mrrc6xo68j] { border:1px solid rgba(148,163,184,.1);background:rgba(255,255,255,.018); }
.decision-publication[b-mrrc6xo68j] { display:flex;align-items:center;gap:.75rem; }
.decision-publication.announced[b-mrrc6xo68j] { border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.055); }
.decision-publication.announced[b-mrrc6xo68j]  .mud-icon-root { color:#86efac; }
.decision-publication.silent[b-mrrc6xo68j]  .mud-icon-root { color:#a8b2c1; }
.decision-schedule[b-mrrc6xo68j] { display:flex;align-items:center;gap:.75rem; }

.queue-manifest[b-mrrc6xo68j] {
    margin-top:.75rem;
    overflow:hidden;
    border:1px solid rgba(56,189,248,.2);
    border-radius:1rem;
    background:radial-gradient(circle at 92% 0,rgba(56,189,248,.1),transparent 31%),linear-gradient(155deg,rgba(12,23,42,.98),rgba(7,13,26,.98));
    box-shadow:0 18px 42px rgba(2,6,23,.28);
}
.queue-manifest-header[b-mrrc6xo68j] { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(148,163,184,.09); }
.queue-manifest-header small[b-mrrc6xo68j] { display:block;margin-top:.2rem;color:#71829d;font-size:.68rem; }
.queue-manifest-kicker[b-mrrc6xo68j] { display:block;margin-bottom:.2rem;color:#7dd3fc;font-size:.64rem;font-weight:850;letter-spacing:.14em; }
.queue-live-pill[b-mrrc6xo68j] { display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border:1px solid rgba(34,197,94,.22);border-radius:999px;color:#86efac;background:rgba(34,197,94,.07);font-size:.6rem;font-weight:850;letter-spacing:.09em;white-space:nowrap; }
.queue-live-pill i[b-mrrc6xo68j] { width:.42rem;height:.42rem;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.1); }

.queue-manifest-stats[b-mrrc6xo68j] { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(148,163,184,.09); }
.queue-manifest-stats>div[b-mrrc6xo68j] { min-width:0;padding:.8rem 1rem;border-right:1px solid rgba(148,163,184,.08); }
.queue-manifest-stats>div:last-child[b-mrrc6xo68j] { border-right:0; }
.queue-manifest-stats span[b-mrrc6xo68j],.queue-manifest-stats small[b-mrrc6xo68j] { display:block;color:#71829d;font-size:.65rem; }
.queue-manifest-stats span[b-mrrc6xo68j] { margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.08em; }
.queue-manifest-stats strong[b-mrrc6xo68j] { display:block;color:#f8fafc;font-size:1.08rem;line-height:1.15; }
.queue-manifest-stats small[b-mrrc6xo68j] { margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.queue-wave-list[b-mrrc6xo68j] { max-height:min(56vh,620px);overflow-y:auto;padding:.35rem 1rem;scrollbar-color:rgba(56,189,248,.35) rgba(2,6,23,.25); }
.queue-wave[b-mrrc6xo68j] { position:relative;display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem;padding:1rem 0; }
.queue-wave:not(:last-child)[b-mrrc6xo68j] { border-bottom:1px solid rgba(148,163,184,.07); }
.queue-wave-date[b-mrrc6xo68j] { display:flex;flex-direction:column;align-items:flex-start;padding:.8rem;border:1px solid rgba(56,189,248,.18);border-radius:.85rem;background:linear-gradient(145deg,rgba(56,189,248,.07),rgba(56,189,248,.025)); }
.queue-wave-date span[b-mrrc6xo68j] { color:#7dd3fc;font-size:.56rem;font-weight:850;letter-spacing:.1em; }
.queue-wave-date strong[b-mrrc6xo68j] { margin-top:.3rem;color:#f8fafc;font-size:1.05rem;line-height:1.1; }
.queue-wave-date em[b-mrrc6xo68j] { margin-top:.18rem;color:#a9bad2;font-size:.68rem;font-style:normal; }
.queue-wave-date small[b-mrrc6xo68j] { margin-top:.55rem;padding:.25rem .45rem;border-radius:.4rem;color:#bae6fd;background:rgba(14,165,233,.1);font-size:.65rem;font-weight:750; }
.queue-wave.proposed .queue-wave-date[b-mrrc6xo68j] { border-style:dashed;border-color:rgba(34,211,238,.38);background:rgba(34,211,238,.045); }
.queue-wave.proposed .queue-wave-date span[b-mrrc6xo68j] { color:#67e8f9; }

.queue-wave-body[b-mrrc6xo68j] { min-width:0; }
.queue-wave-heading[b-mrrc6xo68j] { display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem; }
.queue-wave-heading strong[b-mrrc6xo68j],.queue-wave-heading small[b-mrrc6xo68j] { display:block; }
.queue-wave-heading strong[b-mrrc6xo68j] { color:#f8fafc;font-size:1rem;letter-spacing:-.01em; }
.queue-wave-heading small[b-mrrc6xo68j] { margin-top:.15rem;color:#8192ac;font-size:.67rem; }
.queue-total-count[b-mrrc6xo68j] { padding:.28rem .48rem;border:1px solid rgba(129,140,248,.15);border-radius:.45rem;color:#c7d2fe;background:rgba(99,102,241,.06);font-size:.64rem;white-space:nowrap; }

.queue-roster + .queue-roster[b-mrrc6xo68j] { margin-top:.7rem; }
.queue-roster label[b-mrrc6xo68j] { display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;color:#8192ac;font-size:.59rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.queue-roster label i[b-mrrc6xo68j] { width:.42rem;height:.42rem;border-radius:50%;background:#64748b; }
.queue-roster label i.incoming[b-mrrc6xo68j] { background:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.08); }
.queue-roster.incoming label[b-mrrc6xo68j] { color:#67e8f9; }
.queue-wave-items[b-mrrc6xo68j] { display:flex;flex-wrap:wrap;gap:.35rem; }
.queue-wave-items>span[b-mrrc6xo68j] { display:inline-flex;align-items:center;gap:.3rem;max-width:100%;padding:.34rem .5rem;border:1px solid rgba(148,163,184,.11);border-radius:.5rem;color:#cbd5e1;background:rgba(148,163,184,.035);font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.queue-wave-items.existing[b-mrrc6xo68j]  .mud-icon-root { color:#7c8da8;font-size:.88rem; }
.queue-wave-items.incoming>span[b-mrrc6xo68j] { border-color:rgba(34,211,238,.2);color:#cffafe;background:rgba(34,211,238,.06); }
.queue-wave-items.incoming[b-mrrc6xo68j]  .mud-icon-root { color:#22d3ee;font-size:.9rem; }

.queue-empty-state[b-mrrc6xo68j] { display:flex;align-items:center;gap:.75rem;margin:1rem;padding:1rem;border:1px dashed rgba(148,163,184,.17);border-radius:.8rem;background:rgba(255,255,255,.018); }
.queue-empty-state[b-mrrc6xo68j]  .mud-icon-root { color:#7dd3fc; }
.queue-empty-state strong[b-mrrc6xo68j],.queue-empty-state small[b-mrrc6xo68j] { display:block; }
.queue-empty-state strong[b-mrrc6xo68j] { color:#e2e8f0;font-size:.8rem; }
.queue-empty-state small[b-mrrc6xo68j] { margin-top:.15rem;color:#71829d;font-size:.68rem; }
.queue-unchanged-note[b-mrrc6xo68j] { display:flex;align-items:center;gap:.4rem;margin:0 1rem .75rem;color:#94a3b8;font-size:.66rem; }
.queue-manifest footer[b-mrrc6xo68j] { display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-top:1px solid rgba(148,163,184,.08);color:#64748b;background:rgba(2,6,23,.22);font-size:.62rem; }

@media (max-width:600px) {
    .queue-manifest-header[b-mrrc6xo68j] { flex-direction:column; }
    .queue-manifest-stats[b-mrrc6xo68j] { grid-template-columns:1fr; }
    .queue-manifest-stats>div[b-mrrc6xo68j] { display:grid;grid-template-columns:1fr auto;align-items:center;border-right:0;border-bottom:1px solid rgba(148,163,184,.07); }
    .queue-manifest-stats small[b-mrrc6xo68j] { grid-column:1/-1; }
    .queue-wave[b-mrrc6xo68j] { grid-template-columns:1fr;gap:.6rem; }
    .queue-wave-date[b-mrrc6xo68j] { display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.75rem; }
    .queue-wave-date span[b-mrrc6xo68j],.queue-wave-date em[b-mrrc6xo68j] { grid-column:1; }
    .queue-wave-date strong[b-mrrc6xo68j] { grid-column:1; }
    .queue-wave-date small[b-mrrc6xo68j] { grid-column:2;grid-row:1/4;margin:0; }
    .queue-wave-heading[b-mrrc6xo68j] { flex-direction:column;gap:.35rem; }
}
/* /Components/Shared/ImageUploadDialog.razor.rz.scp.css */
.upload-layout[b-c58lzs9xdo]{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.5rem;min-height:440px}.upload-art-panel[b-c58lzs9xdo]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;border:1px solid rgba(148,163,184,.09);border-radius:1.15rem;background:radial-gradient(circle at 50% 25%,rgba(124,77,255,.11),transparent 45%),rgba(2,6,23,.25)}.upload-preview-frame[b-c58lzs9xdo]{width:225px;height:350px;overflow:hidden;border:1px solid rgba(125,211,252,.16);border-radius:.85rem;background:#080d19;box-shadow:0 18px 38px rgba(0,0,0,.35)}.upload-preview-frame img[b-c58lzs9xdo]{width:225px;height:350px;object-fit:contain;display:block}.upload-file-name[b-c58lzs9xdo]{width:100%;margin-top:.8rem;color:#dbeafe;font-size:.78rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-form-panel[b-c58lzs9xdo]{padding:.5rem .25rem}.upload-heading[b-c58lzs9xdo]{display:flex;align-items:center;gap:.8rem}.upload-step[b-c58lzs9xdo]{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.8rem;color:#bae6fd;font-weight:800;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2)}.variant-option[b-c58lzs9xdo]{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.65rem}.variant-option img[b-c58lzs9xdo]{width:28px;height:28px;object-fit:contain}.variant-option code[b-c58lzs9xdo]{color:#7dd3fc;font-size:.72rem}.selected-variant[b-c58lzs9xdo]{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.8rem;padding:.75rem .85rem;border:1px solid rgba(34,197,94,.18);border-radius:.85rem;background:rgba(34,197,94,.045)}.selected-variant img[b-c58lzs9xdo]{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35))}.upload-summary[b-c58lzs9xdo]{border:1px solid rgba(148,163,184,.08);background:rgba(255,255,255,.015)}.upload-summary>div[b-c58lzs9xdo]{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0}.upload-summary span[b-c58lzs9xdo]{color:#71829d;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.upload-summary strong[b-c58lzs9xdo]{min-width:0;color:#cbd5e1;font-size:.76rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.upload-layout[b-c58lzs9xdo]{grid-template-columns:1fr}.upload-art-panel[b-c58lzs9xdo]{padding:.8rem}.upload-form-panel[b-c58lzs9xdo]{padding:0}}

.waifu2x-option[b-c58lzs9xdo]{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem .8rem;border:1px solid rgba(56,189,248,.14);border-radius:.9rem;background:linear-gradient(115deg,rgba(14,116,144,.08),rgba(124,58,237,.055));transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.waifu2x-option.selected[b-c58lzs9xdo]{border-color:rgba(167,139,250,.42);background:linear-gradient(115deg,rgba(14,116,144,.15),rgba(124,58,237,.14));box-shadow:0 0 0 1px rgba(167,139,250,.06),0 10px 24px rgba(2,6,23,.18)}.waifu2x-option.unavailable[b-c58lzs9xdo]{filter:saturate(.45);opacity:.72}.waifu2x-mark[b-c58lzs9xdo]{width:42px;height:42px;display:grid;place-items:center;border-radius:.75rem;color:#c4b5fd;background:rgba(124,58,237,.12);border:1px solid rgba(167,139,250,.2)}.waifu2x-copy[b-c58lzs9xdo]{min-width:0}.waifu2x-title[b-c58lzs9xdo]{display:flex;align-items:center;gap:.55rem;color:#e2e8f0;font-size:.82rem}.waifu2x-title span[b-c58lzs9xdo]{padding:.16rem .35rem;border:1px solid rgba(148,163,184,.18);border-radius:.35rem;color:#71829d;font-size:.56rem;font-weight:800;letter-spacing:.09em}.waifu2x-title span.ready[b-c58lzs9xdo]{color:#67e8f9;border-color:rgba(34,211,238,.25);background:rgba(8,145,178,.09)}.waifu2x-copy small[b-c58lzs9xdo]{display:block;margin-top:.2rem;color:#71829d;font-size:.68rem;line-height:1.35}
/* /Components/Shared/ImageZoomDialog.razor.rz.scp.css */
[b-u5c7e07a66] .image-zoom-dialog {
    width: min(1580px, calc(100vw - 2rem));
    max-width: none !important;
    overflow: hidden;
    border: 1px solid rgba(113, 151, 202, .17);
    border-radius: .75rem;
    background: #08111f;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .58);
}

[b-u5c7e07a66] .image-zoom-dialog .mud-dialog-title { padding: 0 !important; border-bottom: 1px solid rgba(113, 151, 202, .11); }
[b-u5c7e07a66] .image-zoom-dialog .mud-dialog-content { padding: 0 !important; overflow: hidden; }

.image-zoom-titlebar[b-u5c7e07a66] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .55rem .65rem .55rem .8rem;
    background: linear-gradient(90deg, rgba(72, 190, 229, .055), transparent 38%), #0a1424;
}

.image-zoom-title-copy[b-u5c7e07a66] { min-width: 0; }
.image-zoom-title-copy > span[b-u5c7e07a66] { display: block; color: #4ebfe5; font: 780 .46rem/1 Bahnschrift, sans-serif; letter-spacing: .14em; }
.image-zoom-title-copy > div[b-u5c7e07a66] { min-width: 0; display: flex; align-items: center; gap: .3rem; margin-top: .2rem; }
.image-zoom-title-copy strong[b-u5c7e07a66] { overflow: hidden; color: #f1f6fc; font: 720 .9rem/1 Bahnschrift, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.image-zoom-title-copy i[b-u5c7e07a66] { padding: .14rem .28rem; border: 1px solid rgba(137, 157, 186, .15); border-radius: 99px; color: #8292a8; font: 760 .42rem/1 Bahnschrift, sans-serif; font-style: normal; text-transform: uppercase; }
.image-zoom-title-copy i.is-new[b-u5c7e07a66] { color: #8ee9bd; border-color: rgba(70, 218, 159, .24); }
.image-zoom-title-copy i.is-revision[b-u5c7e07a66] { color: #ffd58f; border-color: rgba(242, 178, 74, .25); }
.image-zoom-title-copy i.is-event[b-u5c7e07a66] { color: #cfc5ff; border-color: rgba(153, 130, 255, .25); }
.image-zoom-title-actions[b-u5c7e07a66] { display: flex; align-items: center; gap: .15rem; }
.image-zoom-page-count[b-u5c7e07a66] { margin-right: .25rem; color: #65758b; font: 650 .58rem/1 ui-monospace, Consolas, monospace; }
.image-zoom-title-actions[b-u5c7e07a66]  .mud-icon-button { width: 30px; height: 30px; padding: 5px; border-radius: .4rem; color: #91a0b4; }

.image-zoom-workspace[b-u5c7e07a66] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    height: min(820px, calc(100dvh - 7rem));
    min-height: 540px;
}

.image-zoom-workspace.is-art-only[b-u5c7e07a66] { grid-template-columns: 1fr; }
.image-zoom-viewer[b-u5c7e07a66] { position: relative; min-width: 0; min-height: 0; overflow: hidden; background-color: #050b14; background-image: linear-gradient(45deg, rgba(255, 255, 255, .018) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .018) 75%), linear-gradient(45deg, rgba(255, 255, 255, .018) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .018) 75%); background-position: 0 0, 12px 12px; background-size: 24px 24px; }
.image-zoom-stage[b-u5c7e07a66] { width: 100%; height: 100%; min-width: 0; min-height: 0; display: grid; place-items: center; overflow: hidden; padding: 1.2rem; }
.image-zoom-img[b-u5c7e07a66] { width: 100%; height: 100%; min-width: 0; min-height: 0; display: block; object-fit: contain; filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .34)); }

.image-zoom-compare-stage[b-u5c7e07a66] { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.image-zoom-compare-pane[b-u5c7e07a66] { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; border-right: 1px solid rgba(113, 151, 202, .1); }
.image-zoom-compare-pane:last-child[b-u5c7e07a66] { border-right: 0; }
.image-zoom-compare-pane figcaption[b-u5c7e07a66] { position: absolute; top: .65rem; left: .65rem; z-index: 2; padding: .25rem .38rem; border: 1px solid rgba(137, 157, 186, .18); border-radius: .32rem; color: #9cacbf; background: rgba(4, 10, 19, .84); font: 760 .48rem/1 Bahnschrift, sans-serif; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
.image-zoom-compare-pane.is-pending figcaption[b-u5c7e07a66] { color: #9fe7ff; border-color: rgba(72, 190, 229, .24); }

.image-zoom-nav[b-u5c7e07a66] { position: absolute !important; top: 50%; z-index: 4; width: 36px !important; height: 44px !important; transform: translateY(-50%); border: 1px solid rgba(137, 157, 186, .14) !important; border-radius: .45rem !important; color: #a7b5c7 !important; background: rgba(5, 12, 23, .78) !important; backdrop-filter: blur(8px); }
.image-zoom-nav-previous[b-u5c7e07a66] { left: .55rem; }
.image-zoom-nav-next[b-u5c7e07a66] { right: .55rem; }

.image-zoom-info[b-u5c7e07a66] { min-height: 0; display: flex; flex-direction: column; gap: .55rem; overflow: auto; padding: .65rem; border-left: 1px solid rgba(113, 151, 202, .1); background: #0a1423; }
.image-zoom-info > section[b-u5c7e07a66] { overflow: hidden; border: 1px solid rgba(113, 151, 202, .1); border-radius: .5rem; background: rgba(255, 255, 255, .012); }
.image-zoom-info > section > header[b-u5c7e07a66] { min-height: 30px; display: flex; align-items: center; justify-content: space-between; padding: .35rem .45rem; border-bottom: 1px solid rgba(113, 151, 202, .075); color: #5d718c; }
.image-zoom-info > section > header span[b-u5c7e07a66] { font: 780 .48rem/1 Bahnschrift, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.image-zoom-info > section > header[b-u5c7e07a66]  .mud-icon-root { font-size: .85rem; }
.image-zoom-meta-grid[b-u5c7e07a66] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.image-zoom-meta-grid > div[b-u5c7e07a66] { min-width: 0; display: grid; gap: .1rem; padding: .42rem .45rem; border-right: 1px solid rgba(113, 151, 202, .065); border-bottom: 1px solid rgba(113, 151, 202, .065); }
.image-zoom-meta-grid > div:nth-child(2n)[b-u5c7e07a66] { border-right: 0; }
.image-zoom-meta-grid > div.is-wide[b-u5c7e07a66] { grid-column: 1 / -1; border-right: 0; }
.image-zoom-meta-grid span[b-u5c7e07a66] { color: #586b85; font-size: .44rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.image-zoom-meta-grid strong[b-u5c7e07a66] { overflow: hidden; color: #c9d5e4; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }

.image-zoom-user[b-u5c7e07a66] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: .45rem; padding: .48rem; }
.image-zoom-user > span[b-u5c7e07a66] { width: 32px; height: 32px; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(72, 190, 229, .2); border-radius: .45rem; color: #bceeff; background: rgba(72, 190, 229, .08); font: 780 .68rem/1 Bahnschrift, sans-serif; }
.image-zoom-user img[b-u5c7e07a66] { width: 100%; height: 100%; object-fit: cover; }
.image-zoom-user > div[b-u5c7e07a66] { min-width: 0; }
.image-zoom-user strong[b-u5c7e07a66], .image-zoom-user small[b-u5c7e07a66] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.image-zoom-user strong[b-u5c7e07a66] { color: #dce7f4; font-size: .64rem; }
.image-zoom-user small[b-u5c7e07a66] { margin-top: .12rem; color: #5e718b; font: .48rem ui-monospace, Consolas, monospace; }
.image-zoom-user[b-u5c7e07a66]  .mud-icon-button { width: 28px; height: 28px; padding: 5px; color: #7588a1; }
.image-zoom-staff-source[b-u5c7e07a66] { display: flex; align-items: center; gap: .45rem; padding: .5rem; color: #8be8bc; }
.image-zoom-staff-source > span[b-u5c7e07a66] { min-width: 0; }
.image-zoom-staff-source strong[b-u5c7e07a66], .image-zoom-staff-source small[b-u5c7e07a66] { display: block; }
.image-zoom-staff-source strong[b-u5c7e07a66] { color: #cae8dc; font-size: .62rem; }
.image-zoom-staff-source small[b-u5c7e07a66] { margin-top: .1rem; color: #667a8f; font-size: .48rem; }
.image-zoom-submission-meta[b-u5c7e07a66] { display: grid; gap: .28rem; padding: 0 .48rem .48rem; }
.image-zoom-submission-meta span[b-u5c7e07a66] { display: flex; align-items: center; gap: .3rem; color: #687b93; font-size: .49rem; }
.image-zoom-submission-meta[b-u5c7e07a66]  .mud-icon-root { font-size: .72rem; }
.image-zoom-info > footer[b-u5c7e07a66] { display: flex; align-items: center; gap: .28rem; margin-top: auto; padding: .25rem; color: #53657d; font-size: .46rem; }
.image-zoom-info kbd[b-u5c7e07a66] { padding: .18rem .27rem; border: 1px solid rgba(137, 157, 186, .14); border-radius: .25rem; color: #8394aa; background: rgba(255, 255, 255, .025); font: .46rem ui-monospace, Consolas, monospace; box-shadow: none; }
.image-zoom-info footer span + kbd[b-u5c7e07a66] { margin-left: .35rem; }

@media (max-width: 1000px) {
    [b-u5c7e07a66] .image-zoom-dialog { width: calc(100vw - 1rem); }
    [b-u5c7e07a66] .image-zoom-dialog .mud-dialog-content { overflow: auto; }
    .image-zoom-workspace[b-u5c7e07a66] { grid-template-columns: 1fr; grid-template-rows: minmax(440px, 68vh) auto; height: auto; min-height: 0; }
    .image-zoom-info[b-u5c7e07a66] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; border-top: 1px solid rgba(113, 151, 202, .1); border-left: 0; }
    .image-zoom-info > footer[b-u5c7e07a66] { grid-column: 1 / -1; }
}

@media (max-width: 650px) {
    [b-u5c7e07a66] .image-zoom-dialog { width: 100vw; max-height: 100dvh; border-radius: 0; }
    .image-zoom-title-copy i[b-u5c7e07a66] { display: none; }
    .image-zoom-title-actions[b-u5c7e07a66] >  .mud-icon-button:nth-of-type(-n + 2) { display: none; }
    .image-zoom-workspace[b-u5c7e07a66] { grid-template-rows: minmax(390px, 64vh) auto; }
    .image-zoom-compare-stage[b-u5c7e07a66] { grid-template-columns: 1fr; overflow-y: auto; }
    .image-zoom-compare-pane[b-u5c7e07a66] { min-height: 390px; border-right: 0; border-bottom: 1px solid rgba(113, 151, 202, .1); }
    .image-zoom-info[b-u5c7e07a66] { grid-template-columns: 1fr; }
}
/* /Components/Shared/ManagedAppPanel.razor.rz.scp.css */
.managed-app-page[b-ttfzphjx5m] {
    padding: 0;
}

/* Shared runtime surface; the native root also scopes styles on MudBlazor's rendered elements. */
.runtime-page[b-ttfzphjx5m] {
    color: #d8e1ef;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero,
.runtime-page[b-ttfzphjx5m]  .managed-card,
.runtime-page[b-ttfzphjx5m]  .managed-stat-card {
    border: 1px solid #28334a;
    border-radius: 12px;
    background: #101827;
    box-shadow: none;
    transform: none;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero {
    min-height: 0;
    padding: 1.4rem !important;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero::before,
.runtime-page[b-ttfzphjx5m]  .managed-hero::after,
.runtime-page[b-ttfzphjx5m]  .managed-stat-card::before,
.runtime-page[b-ttfzphjx5m]  .managed-stat-card::after {
    display: none;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-title {
    font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
    color: #f3f5fb;
    font-weight: 650;
    letter-spacing: -.025em;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-subtitle {
    color: #aebbd0;
    font-size: .9rem;
}

.runtime-page[b-ttfzphjx5m]  .managed-breadcrumb {
    margin-bottom: .75rem;
    font-size: .75rem;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-layout {
    gap: 1.5rem;
    align-items: center;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-footnote {
    margin-top: .8rem;
    color: #a2b0c7;
    font-size: .75rem;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-status {
    padding: 1rem;
    border-radius: 8px;
    background: #151f31;
    box-shadow: none;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-status > small {
    color: #a7b5ca;
    font-size: .78rem;
}

.runtime-page[b-ttfzphjx5m]  .managed-hero-status-label {
    color: #abb8ce;
    font-size: .72rem;
}

.runtime-page[b-ttfzphjx5m]  .managed-card-fixed {
    min-height: 0;
    height: 100%;
}

.runtime-page[b-ttfzphjx5m]  .managed-timeline-scroll {
    max-height: 195px;
}

.runtime-page[b-ttfzphjx5m]  .managed-muted {
    color: #a5b3c9;
}

.runtime-page[b-ttfzphjx5m]  .managed-stat-label {
    color: #b0bdd1;
    font-size: .75rem;
    letter-spacing: .02em;
    text-transform: none;
}

.runtime-page[b-ttfzphjx5m]  .managed-stat-card {
    height: 100%;
}

.runtime-page[b-ttfzphjx5m]  .managed-stat-value {
    color: #edf2fa;
    font-size: 1.45rem !important;
    font-weight: 650;
}

.runtime-page[b-ttfzphjx5m]  .managed-stat-subtext {
    color: #8e9fb8;
    font-size: .73rem;
}

.runtime-page[b-ttfzphjx5m]  .mini-metric-chart {
    height: 32px;
}

.runtime-page[b-ttfzphjx5m]  .managed-log-host {
    border-radius: 8px;
    border: 1px solid #2b354b;
}

.runtime-page[b-ttfzphjx5m]  .mud-button-root {
    text-transform: none;
}

@media (max-width: 760px) {
    .runtime-page[b-ttfzphjx5m]  .managed-hero {
        padding: 1rem !important;
    }

    .runtime-page[b-ttfzphjx5m]  .managed-hero-layout {
        grid-template-columns:minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .runtime-page[b-ttfzphjx5m]  .managed-stat-top {
        display: block;
        position: relative;
    }

    .runtime-page[b-ttfzphjx5m]  .managed-stat-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 24px;
        border: none;
        background: transparent;
    }

    .runtime-page[b-ttfzphjx5m]  .managed-stat-icon .mud-icon-root {
        font-size: 18px;
    }

    .runtime-page[b-ttfzphjx5m]  .managed-stat-label {
        padding-right: 24px;
    }

    .runtime-page[b-ttfzphjx5m]  .managed-stat-value {
        margin-top: .4rem;
        font-size: 1.25rem !important;
    }
}

.managed-hero[b-ttfzphjx5m] {
    position: relative;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 1.35rem;
    background: radial-gradient(circle at top right, rgba(124, 77, 255, 0.22), transparent 28%),
    radial-gradient(circle at left, rgba(0, 194, 168, 0.14), transparent 22%),
    linear-gradient(180deg, rgba(17, 28, 52, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.34),
    inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    overflow: hidden;
}

.managed-hero[b-ttfzphjx5m]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%);
}

.managed-hero-title[b-ttfzphjx5m] {
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #f8fafc;
}

.managed-hero-subtitle[b-ttfzphjx5m],
.managed-muted[b-ttfzphjx5m],
.managed-stat-label[b-ttfzphjx5m] {
    color: #94a3b8;
}

.managed-card[b-ttfzphjx5m],
.managed-stat-card[b-ttfzphjx5m] {
    position: relative;
    height: 100%;
    border: 1px solid rgba(148, 163, 184, 0.10);
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.012) 100%),
    linear-gradient(180deg, rgba(17, 28, 52, 0.96) 0%, rgba(15, 23, 42, 0.96) 100%);
    box-shadow: 0 20px 50px rgba(2, 6, 23, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.015);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.managed-card:hover[b-ttfzphjx5m],
.managed-stat-card:hover[b-ttfzphjx5m],
.overview-mini-stat:hover[b-ttfzphjx5m] {
    transform: translateY(-2px);
    border-color: rgba(124, 77, 255, 0.18);
    box-shadow: 0 28px 56px rgba(2, 6, 23, 0.34),
    inset 0 0 0 1px rgba(124, 77, 255, 0.08);
}

.managed-stat-card[b-ttfzphjx5m] {
    overflow: hidden;
}

.managed-stat-card[b-ttfzphjx5m]::after {
    content: "";
    position: absolute;
    inset: auto -30px -30px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 77, 255, 0.16) 0%, transparent 70%);
    pointer-events: none;
}

.managed-stat-value[b-ttfzphjx5m] {
    margin-top: 0.35rem;
    color: #f8fafc;
    font-weight: 800;
}

.managed-stat-card[b-ttfzphjx5m] {
    overflow: hidden;
}

.managed-stat-card[b-ttfzphjx5m]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 28%);
}

.managed-stat-card[b-ttfzphjx5m]::after {
    content: "";
    position: absolute;
    inset: auto -30px -30px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 77, 255, 0.16) 0%, transparent 70%);
    pointer-events: none;
}

.managed-stat-top[b-ttfzphjx5m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.managed-stat-icon[b-ttfzphjx5m] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.9) 0%, rgba(0, 194, 168, 0.85) 100%);
    box-shadow: 0 12px 28px rgba(124, 77, 255, 0.28);
    flex-shrink: 0;
}

.managed-stat-icon i[b-ttfzphjx5m],
.managed-stat-icon .mud-icon-root[b-ttfzphjx5m] {
    font-size: 1.2rem;
}

.managed-stat-meta[b-ttfzphjx5m] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.managed-stat-label[b-ttfzphjx5m] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.72rem;
    font-weight: 800;
}

.managed-stat-value[b-ttfzphjx5m] {
    margin-top: 0.45rem;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.05;
}

.managed-stat-subtext[b-ttfzphjx5m] {
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: #94a3b8;
}

.managed-card-fixed[b-ttfzphjx5m] {
    height: 100%;
    min-height: 320px;
}

.managed-timeline-scroll[b-ttfzphjx5m] {
    max-height: 255px;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.managed-timeline[b-ttfzphjx5m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.managed-timeline-item[b-ttfzphjx5m] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
}

.managed-timeline-dot[b-ttfzphjx5m] {
    width: 0.85rem;
    height: 0.85rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.03);
}

.managed-timeline-dot-success[b-ttfzphjx5m] {
    background: #22c55e;
}

.managed-timeline-dot-error[b-ttfzphjx5m] {
    background: #ef4444;
}

.managed-timeline-dot-warning[b-ttfzphjx5m] {
    background: #f59e0b;
}

.managed-timeline-dot-info[b-ttfzphjx5m] {
    background: #38bdf8;
}

.managed-timeline-dot-default[b-ttfzphjx5m] {
    background: #94a3b8;
}

.managed-timeline-content[b-ttfzphjx5m] {
    flex: 1;
    padding: 0.2rem 0 0.5rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.managed-timeline-top[b-ttfzphjx5m] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.2rem;
    flex-wrap: wrap;
}

.managed-timeline-type[b-ttfzphjx5m] {
    color: #f8fafc;
    font-weight: 700;
}

.managed-timeline-time[b-ttfzphjx5m] {
    color: #94a3b8;
    font-size: 0.82rem;
}

.managed-timeline-message[b-ttfzphjx5m] {
    color: #cbd5e1;
    font-size: 0.94rem;
}

.managed-log-host[b-ttfzphjx5m] {
    overflow: auto;
    border-radius: 1rem;
}

.managed-log-host[b-ttfzphjx5m]  .mud-table-container {
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.managed-log-table[b-ttfzphjx5m] {
    border-radius: 1rem;
    overflow: hidden;
}

.managed-log-message[b-ttfzphjx5m] {
    white-space: pre-wrap;
    color: #dbe4f0;
    font-family: "Cascadia Code", "JetBrains Mono", "Consolas", monospace;
    font-size: 0.92rem;
    line-height: 1.45;
}

.overview-card[b-ttfzphjx5m] {
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.overview-card:hover[b-ttfzphjx5m] {
    transform: translateY(-2px);
    border-color: rgba(124, 77, 255, 0.18);
    box-shadow: 0 24px 54px rgba(2, 6, 23, 0.34);
}

.overview-mini-stat[b-ttfzphjx5m] {
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.01) 100%),
    rgba(255, 255, 255, 0.02);
    box-shadow: 0 10px 26px rgba(2, 6, 23, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.015);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.alt-hunter-drawer-host[b-ttfzphjx5m] {
    min-height: 100%;
}

.alt-pair-drawer[b-ttfzphjx5m] {
    background: linear-gradient(180deg, rgba(17, 28, 52, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
    border-left: 1px solid rgba(148, 163, 184, 0.10);
    border-right: 1px solid rgba(148, 163, 184, 0.10);
}

.alt-pair-graph-row[b-ttfzphjx5m] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.alt-pair-graph-row:hover[b-ttfzphjx5m] {
    transform: translateY(-1px);
    border-color: rgba(124, 77, 255, 0.18);
    box-shadow: 0 16px 32px rgba(2, 6, 23, 0.24);
}

.mini-metric-chart[b-ttfzphjx5m] {
    height: 56px;
    display: flex;
    align-items: flex-end;
    gap: 3px;
}

.mini-metric-bar[b-ttfzphjx5m] {
    width: 8px;
    border-radius: 999px;
    min-height: 3px;
    transition: height 0.3s ease;
}

.cpu-bar[b-ttfzphjx5m] {
    background: linear-gradient(180deg, #7c4dff 0%, #38bdf8 100%);
}

.memory-bar[b-ttfzphjx5m] {
    background: linear-gradient(180deg, #00c2a8 0%, #7dd3fc 100%);
}

.section-title-row[b-ttfzphjx5m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.section-title-block[b-ttfzphjx5m] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.section-title-icon[b-ttfzphjx5m] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.88) 0%, rgba(0, 194, 168, 0.82) 100%);
    box-shadow: 0 10px 24px rgba(124, 77, 255, 0.24);
    flex-shrink: 0;
}

/* Operations console refinement */
.managed-app-page[b-ttfzphjx5m] {
    max-width: 1480px;
    margin: 0 auto;
}

.managed-hero[b-ttfzphjx5m] {
    min-height: 190px;
    display: flex;
    align-items: flex-end;
    padding: 2.5rem !important;
    border-color: var(--panel-line);
    border-radius: 24px;
    background: linear-gradient(140deg, rgba(20, 29, 51, .98), rgba(9, 15, 28, .99));
    box-shadow: var(--panel-shadow);
}

.managed-hero[b-ttfzphjx5m]::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -100px;
    top: -260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(127, 93, 255, .27), transparent 70%);
}

.managed-eyebrow[b-ttfzphjx5m] {
    margin-bottom: .35rem;
    color: var(--panel-accent-soft);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.managed-hero-title[b-ttfzphjx5m] {
    font-size: clamp(1.9rem, 3vw, 2.7rem) !important;
    font-weight: 750 !important;
    letter-spacing: -.045em;
}

.managed-hero-subtitle[b-ttfzphjx5m] {
    margin-top: .5rem !important;
}

.managed-card[b-ttfzphjx5m], .managed-stat-card[b-ttfzphjx5m] {
    border-color: var(--panel-line);
    border-radius: 18px;
    background: linear-gradient(155deg, rgba(18, 27, 47, .96), rgba(10, 16, 29, .97));
    box-shadow: 0 14px 36px rgba(0, 0, 0, .17);
}

.managed-card:hover[b-ttfzphjx5m], .managed-stat-card:hover[b-ttfzphjx5m], .overview-mini-stat:hover[b-ttfzphjx5m] {
    transform: none;
    border-color: rgba(154, 166, 196, .18);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .2);
}

.managed-stat-card[b-ttfzphjx5m]::after {
    opacity: .55;
}

.managed-stat-icon[b-ttfzphjx5m] {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(132, 102, 255, .22);
    border-radius: .7rem;
    color: #ad9fff;
    background: rgba(132, 102, 255, .1);
    box-shadow: none;
}

.managed-stat-value[b-ttfzphjx5m] {
    font-size: 1.4rem !important;
    letter-spacing: -.025em;
}

.managed-stat-label[b-ttfzphjx5m] {
    color: #758097;
    font-size: .65rem;
    letter-spacing: .1em;
}

.managed-log-host[b-ttfzphjx5m] {
    border: 1px solid var(--panel-line);
    border-radius: 14px;
    background: #070c16;
}

.managed-log-table[b-ttfzphjx5m] {
    border-radius: 14px;
}

.managed-log-message[b-ttfzphjx5m] {
    color: #c7d0df;
    font-family: "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
    font-size: .8rem;
    line-height: 1.55;
}

.managed-live-state[b-ttfzphjx5m] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    align-self: center;
    margin-right: .35rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(80, 213, 183, .15);
    border-radius: 99px;
    color: #74ddc3;
    font-size: .68rem;
    font-weight: 750;
    background: rgba(80, 213, 183, .055);
}

.managed-live-state span[b-ttfzphjx5m] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #50d5b7;
    box-shadow: 0 0 10px rgba(80, 213, 183, .7);
}

.managed-live-state.is-paused[b-ttfzphjx5m] {
    color: #f5bd67;
    border-color: rgba(245, 189, 103, .17);
    background: rgba(245, 189, 103, .06);
}

.managed-live-state.is-paused span[b-ttfzphjx5m] {
    background: #f5bd67;
    box-shadow: none;
}

.mini-metric-bar[b-ttfzphjx5m] {
    width: 6px;
    opacity: .85;
}

/* Owner service header -------------------------------------------------- */

.managed-hero-layout[b-ttfzphjx5m] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .45fr);
    align-items: end;
    gap: 2rem;
    width: 100%;
}

.managed-hero-copy[b-ttfzphjx5m] {
    min-width: 0;
}

.managed-breadcrumb[b-ttfzphjx5m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.35rem;
    color: #627087;
    font-size: .64rem;
    font-weight: 750;
}

.managed-breadcrumb a[b-ttfzphjx5m] {
    color: #8e9bb0;
    text-decoration: none;
}

.managed-breadcrumb a:hover[b-ttfzphjx5m] {
    color: #c7bdff;
}

.managed-breadcrumb span[b-ttfzphjx5m] {
    color: #39465a;
}

.managed-breadcrumb strong[b-ttfzphjx5m] {
    color: #9f91ff;
    font-weight: 800;
}

.managed-hero-footnote[b-ttfzphjx5m] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem 1rem;
    margin-top: 1.15rem;
    color: #748197;
    font-size: .66rem;
}

.managed-hero-footnote span[b-ttfzphjx5m] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.managed-hero-footnote span[b-ttfzphjx5m]  .mud-icon-root {
    color: #8f80ea;
    font-size: .9rem;
}

.managed-hero-status[b-ttfzphjx5m] {
    display: flex;
    flex-direction: column;
    padding: 1.05rem;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 1rem;
    background: rgba(2, 7, 17, .38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
    backdrop-filter: blur(14px);
}

.managed-hero-status-label[b-ttfzphjx5m] {
    color: #657288;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.managed-hero-status-value[b-ttfzphjx5m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .45rem;
    color: #f2c477;
    font-size: 1.05rem;
    font-weight: 820;
    letter-spacing: -.02em;
}

.managed-hero-status-value i[b-ttfzphjx5m], .managed-state-chip[b-ttfzphjx5m]::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #efb75f;
    box-shadow: 0 0 10px rgba(239, 183, 95, .55);
}

.managed-hero-status-value.is-online[b-ttfzphjx5m] {
    color: #71e0bd;
}

.managed-hero-status-value.is-online i[b-ttfzphjx5m], .managed-state-chip.is-online[b-ttfzphjx5m]::before {
    background: #55ddb1;
    box-shadow: 0 0 11px rgba(85, 221, 177, .65);
}

.managed-hero-status-value.is-faulted[b-ttfzphjx5m] {
    color: #f593a4;
}

.managed-hero-status-value.is-faulted i[b-ttfzphjx5m], .managed-state-chip.is-faulted[b-ttfzphjx5m]::before {
    background: #f47d92;
    box-shadow: 0 0 11px rgba(244, 125, 146, .48);
}

.managed-hero-status-value.is-offline[b-ttfzphjx5m] {
    color: #9aa5b7;
}

.managed-hero-status-value.is-offline i[b-ttfzphjx5m], .managed-state-chip.is-offline[b-ttfzphjx5m]::before {
    background: #727e92;
    box-shadow: none;
}

.managed-hero-status > small[b-ttfzphjx5m] {
    margin-top: .28rem;
    color: #718096;
    font-size: .64rem;
}

.managed-hero-status-actions[b-ttfzphjx5m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    margin-top: .85rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(148, 163, 184, .08);
}

.managed-state-chip[b-ttfzphjx5m] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .32rem .52rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 99px;
    color: #98a4b7;
    font-size: .6rem;
    font-weight: 800;
    background: rgba(255, 255, 255, .025);
}

.managed-state-chip[b-ttfzphjx5m]::before {
    width: 5px;
    height: 5px;
}

.managed-hero-status-actions a[b-ttfzphjx5m] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #aa9eff;
    font-size: .62rem;
    font-weight: 780;
    text-decoration: none;
}

.managed-hero-status-actions a:hover[b-ttfzphjx5m] {
    color: #d5ceff;
}

.managed-hero-status-actions a[b-ttfzphjx5m]  .mud-icon-root {
    font-size: .82rem;
}

@media (max-width: 760px) {
    .managed-hero-layout[b-ttfzphjx5m] {
        grid-template-columns: 1fr;
    }

    .managed-hero-status[b-ttfzphjx5m] {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .managed-hero-footnote span:nth-child(3)[b-ttfzphjx5m] {
        display: none;
    }
}
/* /Components/Shared/MetricDualRankCard.razor.rz.scp.css */
.dual-metric-board[b-9vujoog37f]{height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--insights-line,rgba(139,169,211,.11));border-radius:.58rem;color:#e8eef8;background:#091321}.dual-metric-board>header[b-9vujoog37f]{min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .58rem;border-bottom:1px solid rgba(139,169,211,.08)}.dual-metric-board>header>span[b-9vujoog37f]{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(81,215,255,.14);border-radius:.4rem;color:#79dffb;background:rgba(81,215,255,.035)}.dual-metric-board header[b-9vujoog37f]  .mud-icon-root{font-size:.9rem}.dual-metric-board header>div[b-9vujoog37f]{min-width:0}.dual-metric-board h3[b-9vujoog37f]{margin:0;color:#e3eaf3;font:700 .78rem/1.1 Bahnschrift,sans-serif}.dual-metric-board header p[b-9vujoog37f]{overflow:hidden;margin:.14rem 0 0;color:#71849c;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.dual-metric-board header aside[b-9vujoog37f]{display:flex;gap:.2rem}.dual-metric-board header aside b[b-9vujoog37f]{padding:.18rem .32rem;border:1px solid rgba(81,215,255,.18);border-radius:99px;color:#8edff5;background:transparent!important;font:780 .44rem/1 Bahnschrift,sans-serif;text-transform:uppercase}.dual-metric-board header aside b:last-child[b-9vujoog37f]{color:#dcbf8b;border-color:rgba(255,188,88,.18)}
.dual-metric-list[b-9vujoog37f]{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(120,145,180,.35) transparent;display:grid;align-content:start;gap:.25rem;padding:.4rem}.dual-metric-list article[b-9vujoog37f]{min-height:58px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.35rem .4rem;border:1px solid rgba(139,169,211,.06);border-radius:.4rem;background:rgba(255,255,255,.012)}.dual-metric-list article>span[b-9vujoog37f]{color:#5d7189;font:.5rem ui-monospace,Consolas,monospace}.dual-metric-list article>div[b-9vujoog37f]{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem}.dual-metric-list article>div strong[b-9vujoog37f]{overflow:hidden;color:#bdc8d6;font-size:.62rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.dual-metric-list article>div small[b-9vujoog37f]{color:#637791;font-size:.48rem}.dual-metric-list article>div i[b-9vujoog37f]{grid-column:1/-1;height:3px;overflow:hidden;border-radius:4px;background:rgba(139,169,211,.08)}.dual-metric-list article>div i b[b-9vujoog37f]{height:100%;display:block;border-radius:4px;opacity:.78;background:linear-gradient(90deg,#826cff,#57bfe0)}.dual-metric-list article>div i.restricted b[b-9vujoog37f]{background:linear-gradient(90deg,#dca851,#d77d42)}.dual-metric-list article>em[b-9vujoog37f]{display:grid;gap:.18rem;font-style:normal;text-align:center}.dual-metric-list article>em b[b-9vujoog37f],.dual-metric-list article>em small[b-9vujoog37f]{min-width:31px;padding:.14rem .22rem;border:1px solid rgba(139,169,211,.1);border-radius:99px;background:transparent!important;font:.5rem ui-monospace,Consolas,monospace}.dual-metric-list article>em b[b-9vujoog37f]{color:#a8d7e5}.dual-metric-list article>em small[b-9vujoog37f]{color:#d7bb88;border-color:rgba(255,188,88,.14)}.dual-metric-empty[b-9vujoog37f]{margin:auto;color:#71849b;font-size:.58rem}
.dual-metric-list article.has-image[b-9vujoog37f]{grid-template-columns:24px 28px minmax(0,1fr) auto}.dual-metric-list article>img[b-9vujoog37f]{width:28px;height:28px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}
/* /Components/Shared/MetricRankCard.razor.rz.scp.css */
.metric-board[b-dd6k82z6vg]{height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--insights-line,rgba(139,169,211,.11));border-radius:.58rem;color:#e8eef8;background:#091321}
.metric-board>header[b-dd6k82z6vg]{min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .58rem;border-bottom:1px solid rgba(139,169,211,.08)}
.metric-board-icon[b-dd6k82z6vg]{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(81,215,255,.14);border-radius:.4rem;color:#79dffb;background:rgba(81,215,255,.035)}
.metric-board-icon[b-dd6k82z6vg]  .mud-icon-root{font-size:.9rem}.metric-board header>div[b-dd6k82z6vg]{min-width:0}.metric-board h3[b-dd6k82z6vg]{margin:0;color:#e3eaf3;font:700 .78rem/1.1 Bahnschrift,sans-serif}.metric-board header p[b-dd6k82z6vg]{overflow:hidden;margin:.14rem 0 0;color:#71849c;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.metric-board header>aside[b-dd6k82z6vg]{display:flex;align-items:center;justify-content:flex-end;gap:.2rem}
.metric-board-chip[b-dd6k82z6vg]{padding:.18rem .32rem;border:1px solid rgba(139,169,211,.14);border-radius:99px;color:#9bacc0;background:transparent!important;font:780 .45rem/1 Bahnschrift,sans-serif;text-transform:uppercase}.metric-board-chip.tone-cyan[b-dd6k82z6vg]{color:#8edff5;border-color:rgba(81,215,255,.19)}.metric-board-chip.tone-violet[b-dd6k82z6vg]{color:#bcb0ee;border-color:rgba(154,131,255,.19)}.metric-board-chip.tone-amber[b-dd6k82z6vg]{color:#dcbf8b;border-color:rgba(255,188,88,.19)}.metric-board-chip.tone-red[b-dd6k82z6vg]{color:#db9aa7;border-color:rgba(255,112,139,.19)}.metric-board-chip.tone-green[b-dd6k82z6vg]{color:#91cbb2;border-color:rgba(68,224,164,.19)}
.metric-board-list[b-dd6k82z6vg]{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(120,145,180,.35) transparent;display:grid;align-content:start;gap:.25rem;padding:.4rem}.metric-board-list[b-dd6k82z6vg]::-webkit-scrollbar{width:6px}.metric-board-list[b-dd6k82z6vg]::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(120,145,180,.3)}
.metric-board-list article[b-dd6k82z6vg]{min-height:50px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.34rem .4rem;border:1px solid rgba(139,169,211,.06);border-radius:.4rem;background:rgba(255,255,255,.012)}.metric-board-list article.has-image[b-dd6k82z6vg]{grid-template-columns:24px 28px minmax(0,1fr) auto}.metric-board-list article:hover[b-dd6k82z6vg]{border-color:rgba(139,169,211,.14);background:rgba(255,255,255,.022)}
.metric-board-rank[b-dd6k82z6vg]{color:#5d7189;font:.5rem ui-monospace,Consolas,monospace}.metric-board-list img[b-dd6k82z6vg]{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}.metric-board-list article>div[b-dd6k82z6vg]{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.09rem .38rem;align-items:center}.metric-board-list article>div strong[b-dd6k82z6vg]{overflow:hidden;color:#bdc8d6;font-size:.62rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.metric-board-list article>div small[b-dd6k82z6vg]{grid-row:2;color:#637791;font-size:.48rem}.metric-board-list article>div i[b-dd6k82z6vg]{grid-column:1/-1;height:3px;overflow:hidden;border-radius:4px;background:rgba(139,169,211,.08)}.metric-board-list article>div i b[b-dd6k82z6vg]{height:100%;display:block;border-radius:4px;opacity:.78}.metric-board-list article>em[b-dd6k82z6vg]{min-width:38px;padding:.17rem .27rem;border:1px solid rgba(139,169,211,.1);border-radius:99px;color:#bcd0df;background:rgba(255,255,255,.018)!important;font:.54rem ui-monospace,Consolas,monospace;font-style:normal;text-align:center}
.metric-rank-fill-primary[b-dd6k82z6vg]{background:linear-gradient(90deg,#826cff,#57bfe0)}.metric-rank-fill-secondary[b-dd6k82z6vg]{background:linear-gradient(90deg,#3ec5a7,#65bed6)}.metric-rank-fill-warning[b-dd6k82z6vg]{background:linear-gradient(90deg,#dca851,#d77d42)}.metric-rank-fill-danger[b-dd6k82z6vg]{background:linear-gradient(90deg,#d65f78,#d88991)}.metric-board-empty[b-dd6k82z6vg]{margin:auto;color:#71849b;font-size:.58rem}
.metric-board-list img.identity-image[b-dd6k82z6vg]{border-radius:50%;object-fit:cover}
/* /Components/Shared/MetricsCountTable.razor.rz.scp.css */
/* /Components/Shared/MoveLootDialog.razor.rz.scp.css */
.move-loot-tier-item[b-n8v78oib3g] {
    cursor: pointer;
    border-radius: 0.75rem;
}

.move-loot-tier-item:hover[b-n8v78oib3g] {
    background: rgba(124, 77, 255, 0.08);
}
/* /Components/Shared/PanelUploadCenter.razor.rz.scp.css */
.panel-uploads[b-tjqt1ur6tv] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: min(420px, calc(100vw - 32px));
    z-index: 1450;
    color: #e8eaf7;
    background: #10182b;
    border: 1px solid #403861;
    border-radius: 16px;
    box-shadow: 0 18px 60px #0009;
    overflow: hidden;
}

.upload-toggle[b-tjqt1ur6tv] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 0;
    background: #171e35;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.upload-toggle > span[b-tjqt1ur6tv] {
    flex: 1;
    display: grid;
    gap: 3px;
}

.upload-toggle strong[b-tjqt1ur6tv] {
    font-size: 14px;
}

.upload-toggle small[b-tjqt1ur6tv] {
    color: #a6b0cb;
    font-size: 11px;
}

.upload-toggle[b-tjqt1ur6tv]  .mud-icon-root {
    color: #b69aff;
}

.upload-overview[b-tjqt1ur6tv] {
    display: flex;
    gap: 15px;
    padding: 11px 16px;
    font-size: 11px;
    color: #b8c3de;
    border-bottom: 1px solid #27304a;
}

.upload-overview .failed[b-tjqt1ur6tv] {
    margin-left: auto;
    color: #f6b3bb;
}

.upload-entries[b-tjqt1ur6tv] {
    max-height: min(50vh, 460px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.upload-entry[b-tjqt1ur6tv] {
    padding: 12px 16px;
    border-bottom: 1px solid #26304a;
}

.upload-entry-title[b-tjqt1ur6tv] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
}

.upload-entry-title strong[b-tjqt1ur6tv] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-entry-title span[b-tjqt1ur6tv] {
    color: #b6a4f5;
    font-size: 10px;
    white-space: nowrap;
}

.upload-entry small[b-tjqt1ur6tv] {
    display: block;
    color: #93a1bd;
    font-size: 10px;
    margin: 4px 0 8px;
    overflow-wrap: anywhere;
}

.upload-entry progress[b-tjqt1ur6tv] {
    display: block;
    width: 100%;
    height: 4px;
    border: 0;
    border-radius: 4px;
    background: #27314b;
    accent-color: #a589f2;
}

.upload-entry progress[b-tjqt1ur6tv]::-webkit-progress-bar {
    background: #27314b;
    border-radius: 4px;
}

.upload-entry progress[b-tjqt1ur6tv]::-webkit-progress-value {
    background: #a589f2;
    border-radius: 4px;
}

.upload-entry p[b-tjqt1ur6tv] {
    margin: 7px 0 0;
    font-size: 11px;
    color: #a6b0cb;
    overflow-wrap: anywhere;
}

.upload-entry.failed p[b-tjqt1ur6tv], .upload-entry.failed .upload-entry-title span[b-tjqt1ur6tv] {
    color: #f4a8b5;
}

.upload-entry.complete .upload-entry-title span[b-tjqt1ur6tv] {
    color: #7edbb3;
}

footer[b-tjqt1ur6tv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #131c31;
}

footer span[b-tjqt1ur6tv] {
    flex: 1;
    color: #93a1bd;
    font-size: 10px;
}

footer button[b-tjqt1ur6tv] {
    border: 1px solid #4d4667;
    background: transparent;
    color: #d5c9ff;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 11px;
    cursor: pointer;
}

button:focus-visible[b-tjqt1ur6tv] {
    outline: 2px solid #c3afff;
    outline-offset: -3px;
}

button:disabled[b-tjqt1ur6tv] {
    opacity: .4;
    cursor: default;
}

@media (max-width: 600px) {
    .panel-uploads[b-tjqt1ur6tv] {
        right: 16px;
        bottom: 16px;
    }
}
/* /Components/Shared/RuntimeControls.razor.rz.scp.css */
.runtime-controls[b-arpge1t6pa] {
    height: 100%;
    padding: 1.25rem;
    border: 1px solid #28334a;
    border-radius: 12px;
    background: #101827;
    color: #d7dfed;
}

header[b-arpge1t6pa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

h2[b-arpge1t6pa] {
    margin: 0;
    color: #f0f3fa;
    font-size: 1.05rem;
    font-weight: 650;
}

header span[b-arpge1t6pa] {
    padding: .25rem .5rem;
    border: 1px solid #36415a;
    border-radius: 5px;
    color: #c6b5f1;
    font: .72rem "Cascadia Mono", monospace;
    overflow-wrap: anywhere;
}

p[b-arpge1t6pa] {
    margin: .4rem 0 1.1rem;
    color: #a2afc4;
    font-size: .81rem;
}

.runtime-actions[b-arpge1t6pa] {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.runtime-actions[b-arpge1t6pa]  .mud-button-root {
    min-height: 42px;
    text-transform: none;
    font-weight: 600;
    font-size: .78rem;
    letter-spacing: 0;
}

.runtime-safety[b-arpge1t6pa] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin: 1rem 0;
    color: #a8b5c9;
    font-size: .75rem;
    line-height: 1.5;
}

.runtime-safety[b-arpge1t6pa]  .mud-icon-root {
    color: #b4a0df;
    font-size: 1rem;
    margin-top: .1rem;
    flex-shrink: 0;
}

details[b-arpge1t6pa] {
    border-top: 1px solid #263148;
    padding-top: .7rem;
    font-size: .76rem;
}

summary[b-arpge1t6pa] {
    cursor: pointer;
    color: #bdc9dc;
    padding: .25rem 0;
}

summary:focus-visible[b-arpge1t6pa] {
    outline: 2px solid #bba3ff;
    outline-offset: 3px;
}

dl[b-arpge1t6pa] {
    margin: .6rem 0 0;
}

dl div[b-arpge1t6pa] {
    display: grid;
    grid-template-columns:5rem minmax(0, 1fr);
    gap: .5rem;
    padding: .3rem 0;
}

dt[b-arpge1t6pa] {
    color: #95a5bd;
}

dd[b-arpge1t6pa] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 340px) {
    .runtime-actions[b-arpge1t6pa] {
        grid-template-columns:1fr;
    }
}
/* /Components/Shared/RuntimeDeployment.razor.rz.scp.css */
.runtime-deployment[b-sh3oc7106r] {
    height: 100%;
    padding: 1.25rem;
    border: 1px solid #393253;
    border-radius: 12px;
    background: #111827;
    color: #d8e0ed;
}

header[b-sh3oc7106r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

h2[b-sh3oc7106r] {
    margin: 0;
    color: #f1f3fa;
    font-size: 1.05rem;
    font-weight: 650;
}

.deployment-heading-state[b-sh3oc7106r] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.deployment-heading-state > span[b-sh3oc7106r] {
    color: #cbb8fa;
    font-size: .76rem;
}

p[b-sh3oc7106r] {
    margin: .55rem 0 1.25rem;
    color: #b3bfd2;
    font-size: .83rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deployment-phases[b-sh3oc7106r] {
    display: flex;
    gap: .75rem;
    padding: 0;
    margin: 0 0 1.25rem;
    list-style: none;
}

li[b-sh3oc7106r] {
    flex: 1;
    border-top: 2px solid #303a50;
    padding-top: .7rem;
    color: #8c9ab0;
}

li > span[b-sh3oc7106r] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    margin-bottom: .45rem;
    font-size: .7rem;
    border: 1px solid #39445c;
    border-radius: 50%;
}

li strong[b-sh3oc7106r] {
    display: block;
    font-size: .76rem;
    font-weight: 550;
}

li[b-sh3oc7106r]  .mud-icon-root {
    font-size: .9rem;
}

li.is-current[b-sh3oc7106r] {
    border-color: #b397f3;
    color: #e3d5ff;
}

li.is-current > span[b-sh3oc7106r] {
    border-color: #b397f3;
    background: #3b2d59;
}

li.is-done[b-sh3oc7106r] {
    color: #c4cddc;
    border-color: #79839c;
}

.maintenance-repull[b-sh3oc7106r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #534465;
    border-radius: 8px;
    background: #211c31;
}

.maintenance-repull > div[b-sh3oc7106r] {
    display: grid;
    gap: .35rem;
}

.maintenance-repull strong[b-sh3oc7106r] {
    color: #e6d8ff;
    font-size: .85rem;
}

.maintenance-repull span[b-sh3oc7106r] {
    font-size: .78rem;
}

small[b-sh3oc7106r] {
    color: #aab6cb;
    font-size: .73rem;
    line-height: 1.45;
}

.maintenance-repull[b-sh3oc7106r]  .mud-button-root {
    flex-shrink: 0;
    min-height: 42px;
    text-transform: none;
}

.is-failed[b-sh3oc7106r] {
    border-color: #925064;
}

.is-failed .deployment-heading-state > span[b-sh3oc7106r] {
    color: #ffb2c3;
}

.runtime-deployment[b-sh3oc7106r]  .deployment-progress {
    height: 3px;
    border-radius: 3px;
}

@media (max-width: 700px) {
    .maintenance-repull[b-sh3oc7106r] {
        align-items: stretch;
        flex-direction: column;
    }

    .deployment-phases[b-sh3oc7106r] {
        flex-wrap: wrap;
    }

    li[b-sh3oc7106r] {
        flex-basis: calc(50% - .75rem);
    }
}
/* /Components/Shared/RuntimeTelemetry.razor.rz.scp.css */
.runtime-telemetry[b-qyohd90svg] {
    border: 1px solid #2b354b;
    border-radius: 12px;
    background: #101827;
    color: #d8e1ef;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}

header[b-qyohd90svg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem 1rem;
}

h2[b-qyohd90svg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    color: #ecf0f8;
    font-size: .95rem;
    font-weight: 650;
}

h2[b-qyohd90svg]  .mud-icon-root {
    color: #b9a7ee;
    font-size: 1.1rem;
}

.telemetry-actions[b-qyohd90svg] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.connection-status[b-qyohd90svg] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .74rem;
    white-space: nowrap;
}

.connection-status i[b-qyohd90svg] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.is-online[b-qyohd90svg] {
    color: #79d5b4;
}

.is-warning[b-qyohd90svg] {
    color: #efc17e;
}

.is-offline[b-qyohd90svg] {
    color: #f69aa9;
}

.telemetry-refresh[b-qyohd90svg] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #354159;
    border-radius: 6px;
    background: transparent;
    color: #bba7ef;
    cursor: pointer;
}

.telemetry-refresh:hover:not(:disabled)[b-qyohd90svg] {
    background: #211e35;
    border-color: #8e74c6;
}

.telemetry-refresh:disabled[b-qyohd90svg] {
    opacity: .55;
    cursor: wait;
}

.telemetry-refresh[b-qyohd90svg]  .mud-icon-root {
    font-size: 1.15rem;
}

.telemetry-refresh[b-qyohd90svg]  .is-spinning {
    animation: telemetry-spin-b-qyohd90svg 1s linear infinite;
}

@keyframes telemetry-spin-b-qyohd90svg {
    to {
        transform: rotate(360deg);
    }
}

.telemetry-metrics[b-qyohd90svg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    border-block: 1px solid #263148;
    background: #0e1523;
}

.telemetry-metrics > div[b-qyohd90svg] {
    position: relative;
    min-width: 0;
    padding: .65rem 1rem;
}

.telemetry-metrics > div + div[b-qyohd90svg] {
    border-left: 1px solid #263148;
}

dt[b-qyohd90svg] {
    color: #a4b2c8;
    font-size: .73rem;
    font-weight: 400;
}

.telemetry-metrics dd[b-qyohd90svg] {
    position: relative;
    z-index: 1;
    width: fit-content;
    margin: .15rem 0 0;
    color: #eff2fa;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.35;
}

dd small[b-qyohd90svg] {
    color: #a4b2c8;
    font-size: .75rem;
    font-weight: 400;
}

.metric-trend[b-qyohd90svg] {
    position: absolute;
    display: flex;
    align-items: flex-end;
    gap: 2px;
    right: 1rem;
    bottom: .9rem;
    width: 64px;
    height: 24px;
    opacity: .7;
}

.metric-trend i[b-qyohd90svg] {
    flex: 1;
    max-width: 4px;
    min-height: 1px;
    border-radius: 2px 2px 0 0;
    background: #a58bdf;
}

summary[b-qyohd90svg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1.2rem;
    row-gap: .45rem;
    padding: .7rem 1rem;
    font-size: .73rem;
    color: #a8b6cb;
    list-style: none;
    cursor: pointer;
}

summary[b-qyohd90svg]::-webkit-details-marker {
    display: none;
}

summary:hover[b-qyohd90svg] {
    background: #151e30;
}

.shard-summary[b-qyohd90svg] {
    color: #ced8e7;
}

.shard-summary.is-warning[b-qyohd90svg] {
    color: #efc17e;
}

.signal-age[b-qyohd90svg] {
    margin-left: auto;
    color: #98a9c1;
}

.details-label[b-qyohd90svg] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #c3aff2;
    white-space: nowrap;
}

.details-label[b-qyohd90svg]  .mud-icon-root {
    font-size: 1rem;
}

details[open] .details-label[b-qyohd90svg]  .mud-icon-root {
    transform: rotate(180deg);
}

summary:focus-visible[b-qyohd90svg], button:focus-visible[b-qyohd90svg], .shard-table-scroll:focus-visible[b-qyohd90svg] {
    outline: 2px solid #bba3ff;
    outline-offset: -3px;
}

.telemetry-detail-body[b-qyohd90svg] {
    border-top: 1px solid #263148;
    padding: .8rem 1rem 1rem;
}

.session-facts[b-qyohd90svg] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
    margin: 0 0 .9rem;
}

.session-facts dd[b-qyohd90svg] {
    margin: .2rem 0 0;
    color: #d8e1ef;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.shard-table-scroll[b-qyohd90svg] {
    max-height: 220px;
    overflow: auto;
    border: 1px solid #2b354b;
    border-radius: 6px;
}

table[b-qyohd90svg] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: .75rem;
}

th[b-qyohd90svg], td[b-qyohd90svg] {
    padding: .45rem .65rem;
    font-weight: 400;
}

thead th[b-qyohd90svg] {
    position: sticky;
    top: 0;
    color: #a8b6cb;
    background: #172134;
}

tbody tr + tr[b-qyohd90svg] {
    border-top: 1px solid #263148;
}

th:nth-child(n+3)[b-qyohd90svg], td:nth-child(n+3)[b-qyohd90svg] {
    text-align: right;
}

.telemetry-notice[b-qyohd90svg], .telemetry-empty[b-qyohd90svg] {
    margin: 0;
    padding: .65rem 1rem;
    font-size: .78rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.telemetry-notice[b-qyohd90svg] {
    border-top: 1px solid #443b31;
    color: #efc17e;
    background: #29231e;
}

.telemetry-empty[b-qyohd90svg] {
    color: #a8b6cb;
    border-top: 1px solid #263148;
}

.sr-only[b-qyohd90svg] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 1000px) {
    .metric-trend[b-qyohd90svg] {
        display: none;
    }
}

@media (max-width: 700px) {
    .telemetry-metrics[b-qyohd90svg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .telemetry-metrics > div:nth-child(3)[b-qyohd90svg] {
        border-left: 0;
    }

    .telemetry-metrics > div:nth-child(n+3)[b-qyohd90svg] {
        border-top: 1px solid #263148;
    }

    .session-facts[b-qyohd90svg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    summary[b-qyohd90svg] {
        column-gap: 1rem;
    }

    .signal-age[b-qyohd90svg] {
        margin-left: 0;
    }

    .details-label[b-qyohd90svg] {
        margin-left: auto;
    }
}

@media (max-width: 480px) {
    header[b-qyohd90svg] {
        flex-wrap: wrap;
        gap: .3rem;
    }

    .telemetry-actions[b-qyohd90svg] {
        width: 100%;
        justify-content: space-between;
    }

    .telemetry-refresh[b-qyohd90svg] {
        width: 32px;
        height: 32px;
    }

    summary[b-qyohd90svg] {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: .45rem;
    }

    .success-summary[b-qyohd90svg] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .signal-age[b-qyohd90svg] {
        grid-column: 1;
        grid-row: 3;
    }

    .details-label[b-qyohd90svg] {
        grid-column: 2;
        grid-row: 3;
    }

    .session-facts[b-qyohd90svg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    th[b-qyohd90svg], td[b-qyohd90svg] {
        padding: .45rem .5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .telemetry-refresh[b-qyohd90svg]  .is-spinning {
        animation: none;
    }
}
/* /Components/Shared/SendBackRenderDialog.razor.rz.scp.css */
.send-back-header[b-yw7h49rxk3] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.send-back-icon[b-yw7h49rxk3] {
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 3.2rem;
    place-items: center;
    border: 1px solid rgba(251, 191, 36, .28);
    border-radius: 1rem;
    color: #fcd34d;
    background: radial-gradient(circle at 30% 25%, rgba(251, 191, 36, .2), rgba(245, 158, 11, .06));
    box-shadow: 0 12px 30px rgba(120, 53, 15, .14);
}

.send-back-target[b-yw7h49rxk3] {
    display: flex;
    flex-direction: column;
    margin: 1.25rem 0 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(251, 191, 36, .16);
    border-left: 3px solid #f59e0b;
    border-radius: .75rem;
    background: linear-gradient(100deg, rgba(245, 158, 11, .075), rgba(15, 23, 42, .08));
}

.send-back-target span[b-yw7h49rxk3] {
    color: #fbbf24;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.send-back-target strong[b-yw7h49rxk3] {
    margin-top: .18rem;
    color: var(--mud-palette-text-primary);
    font-size: .95rem;
}

.send-back-target small[b-yw7h49rxk3] {
    margin-top: .18rem;
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
}

.send-back-delivery[b-yw7h49rxk3] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin-top: .85rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(56, 189, 248, .13);
    border-radius: .7rem;
    color: #7dd3fc;
    background: rgba(14, 165, 233, .045);
}

.send-back-delivery strong[b-yw7h49rxk3],
.send-back-delivery span[b-yw7h49rxk3] {
    display: block;
}

.send-back-delivery strong[b-yw7h49rxk3] {
    color: #bae6fd;
    font-size: .74rem;
}

.send-back-delivery span[b-yw7h49rxk3] {
    margin-top: .12rem;
    color: var(--mud-palette-text-secondary);
    font-size: .68rem;
}

[b-yw7h49rxk3] .mud-input-control {
    margin-top: .15rem;
}
/* /Components/SketchModeration/SketchModerationFilters.razor.rz.scp.css */
.sketch-filters[b-pxuzidwkk9] { min-height:42px; display:flex; align-items:center; gap:.45rem; padding:.35rem; border:1px solid rgba(128,155,190,.1); border-radius:.58rem; background:#091321; }
.sketch-search[b-pxuzidwkk9] { min-width:230px; flex:1; display:grid; grid-template-columns:20px minmax(0,1fr) 22px; align-items:center; gap:.25rem; padding:0 .4rem; border:1px solid rgba(128,155,190,.13); border-radius:.4rem; color:#60758f; background:#070f1b; }
.sketch-search input[b-pxuzidwkk9] { min-width:0; height:30px; border:0; outline:0; color:#dbe6f3; background:transparent; font-size:.64rem; }
.sketch-search button[b-pxuzidwkk9] { display:grid; place-items:center; padding:0; border:0; color:#74879f; background:transparent; cursor:pointer; }
.sketch-search[b-pxuzidwkk9]  .mud-icon-root { font-size:.82rem; }
.sketch-filter-modes[b-pxuzidwkk9] { display:flex; align-items:center; gap:.15rem; padding:.15rem; border:1px solid rgba(128,155,190,.1); border-radius:.4rem; background:#070f1b; }
.sketch-filter-modes button[b-pxuzidwkk9] { min-height:26px; padding:0 .44rem; border:0; border-radius:.3rem; color:#71849b; background:transparent; font:720 .48rem/1 Bahnschrift,sans-serif; cursor:pointer; }
.sketch-filter-modes button:hover[b-pxuzidwkk9],.sketch-filter-modes button.is-active[b-pxuzidwkk9] { color:#d9f6ff; background:rgba(76,205,244,.1); }
.sketch-sort[b-pxuzidwkk9] { display:flex; align-items:center; gap:.28rem; padding:0 .38rem; border-left:1px solid rgba(128,155,190,.1); }
.sketch-sort span[b-pxuzidwkk9] { color:#5e728b; font-size:.44rem; font-weight:800; text-transform:uppercase; }
.sketch-sort select[b-pxuzidwkk9] { height:28px; border:0; outline:0; color:#aebdd0; background:#091321; font-size:.55rem; }
.sketch-result-count[b-pxuzidwkk9] { min-width:44px; color:#68dafd; font:.6rem ui-monospace,Consolas,monospace; text-align:center; }
@media(max-width:1050px){.sketch-filters[b-pxuzidwkk9]{flex-wrap:wrap}.sketch-search[b-pxuzidwkk9]{flex-basis:100%}.sketch-filter-modes[b-pxuzidwkk9]{flex:1;overflow-x:auto}.sketch-sort[b-pxuzidwkk9]{border-left:0}}
/* /Components/SketchModeration/SketchModerationMetrics.razor.rz.scp.css */
.sketch-metrics[b-g3ugtfwvfc] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) minmax(150px,1.15fr); overflow:hidden; border:1px solid rgba(128,155,190,.11); border-radius:.58rem; background:#091321; }
.sketch-metrics > :is(button,div)[b-g3ugtfwvfc] { position:relative; min-width:0; display:grid; gap:.1rem; padding:.58rem .68rem; border:0; border-right:1px solid rgba(128,155,190,.085); color:inherit; text-align:left; background:transparent; }
.sketch-metrics > :last-child[b-g3ugtfwvfc] { border-right:0; }
.sketch-metrics button[b-g3ugtfwvfc] { cursor:pointer; transition:background .14s ease; }
.sketch-metrics button:hover[b-g3ugtfwvfc] { background:rgba(255,255,255,.025); }
.sketch-metrics > :is(button,div)[b-g3ugtfwvfc]::before { content:""; position:absolute; inset:9px auto 9px 0; width:2px; background:#6b7d96; }
.sketch-metrics .is-pending[b-g3ugtfwvfc]::before { background:#ffbd67; }
.sketch-metrics .is-editing[b-g3ugtfwvfc]::before { background:#59d8ff; }
.sketch-metrics .is-unapplied[b-g3ugtfwvfc]::before { background:#ff8195; }
.sketch-metrics .is-applied[b-g3ugtfwvfc]::before { background:#55dda7; }
.sketch-metrics .is-rubies[b-g3ugtfwvfc]::before { background:#e55778; }
.sketch-metrics span[b-g3ugtfwvfc] { color:#637791; font:780 .47rem/1 Bahnschrift,sans-serif; letter-spacing:.085em; text-transform:uppercase; }
.sketch-metrics strong[b-g3ugtfwvfc] { color:#eef4fb; font:720 1.08rem/1.05 Bahnschrift,sans-serif; }
.sketch-metrics small[b-g3ugtfwvfc] { overflow:hidden; color:#74869c; font-size:.48rem; text-overflow:ellipsis; white-space:nowrap; }
.sketch-metrics .is-rubies strong[b-g3ugtfwvfc] { color:#ffb4c1; }
@media(max-width:800px){.sketch-metrics[b-g3ugtfwvfc]{grid-template-columns:repeat(2,minmax(0,1fr))}.sketch-metrics>:is(button,div)[b-g3ugtfwvfc]{border-bottom:1px solid rgba(128,155,190,.085)}.sketch-metrics .is-rubies[b-g3ugtfwvfc]{grid-column:1/-1}}
/* /Components/SketchModeration/SketchModerationQueue.razor.rz.scp.css */
.sketch-review-queue[b-lj9phxzcs2] { height:100%; min-height:610px; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(128,155,190,.11); border-radius:.58rem; background:#091321; }
.sketch-review-queue > header[b-lj9phxzcs2] { min-height:37px; display:flex; align-items:center; justify-content:space-between; padding:.4rem .55rem; border-bottom:1px solid rgba(128,155,190,.085); }
.sketch-review-queue > header span[b-lj9phxzcs2] { color:#61d9fd; font:780 .48rem/1 Bahnschrift,sans-serif; letter-spacing:.12em; }
.sketch-review-queue > header strong[b-lj9phxzcs2] { color:#71849b; font-size:.52rem; }
.sketch-review-list[b-lj9phxzcs2] { flex:1; min-height:0; overflow:auto; padding:.28rem; }
.sketch-review-list > button[b-lj9phxzcs2] { width:100%; min-height:86px; display:grid; grid-template-columns:50px minmax(0,1fr) auto; gap:.48rem; align-items:center; padding:.38rem; border:1px solid transparent; border-radius:.45rem; color:#dce6f2; text-align:left; background:transparent; cursor:pointer; }
.sketch-review-list > button:hover[b-lj9phxzcs2] { background:rgba(255,255,255,.018); }
.sketch-review-list > button.is-selected[b-lj9phxzcs2] { border-color:rgba(77,211,251,.28); background:linear-gradient(90deg,rgba(77,211,251,.075),transparent); }
.sketch-queue-preview[b-lj9phxzcs2] { width:50px; height:76px; overflow:hidden; display:grid; place-items:center; border:1px solid rgba(128,155,190,.1); border-radius:.35rem; color:#405570; background:#060d16; }
.sketch-queue-preview img[b-lj9phxzcs2] { width:100%; height:100%; object-fit:contain; }
.sketch-queue-preview[b-lj9phxzcs2]  .mud-icon-root { font-size:1.15rem; }
.sketch-queue-copy[b-lj9phxzcs2] { min-width:0; display:grid; gap:.15rem; }
.sketch-queue-title[b-lj9phxzcs2] { min-width:0; display:flex; align-items:center; gap:.28rem; }
.sketch-queue-title b[b-lj9phxzcs2] { flex:none; color:#6fe0ff; font:.56rem ui-monospace,Consolas,monospace; }
.sketch-queue-title strong[b-lj9phxzcs2],.sketch-queue-copy > small[b-lj9phxzcs2],.sketch-queue-owner em[b-lj9phxzcs2] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sketch-queue-title strong[b-lj9phxzcs2] { color:#e5edf7; font-size:.66rem; }
.sketch-queue-copy > small[b-lj9phxzcs2] { color:#657992; font-size:.5rem; }
.sketch-queue-owner[b-lj9phxzcs2] { min-width:0; display:grid; grid-template-columns:17px minmax(0,1fr) auto; align-items:center; gap:.23rem; color:#74879e; }
.sketch-queue-owner i[b-lj9phxzcs2] { width:17px;height:17px;overflow:hidden;display:grid;place-items:center;border-radius:.25rem;color:#a9ebff;background:rgba(77,211,251,.08);font:700 .43rem/1 Bahnschrift,sans-serif;font-style:normal; }
.sketch-queue-owner img[b-lj9phxzcs2] { width:100%;height:100%;object-fit:cover; }
.sketch-queue-owner em[b-lj9phxzcs2] { font-size:.49rem;font-style:normal; }
.sketch-queue-owner time[b-lj9phxzcs2] { font:.46rem ui-monospace,Consolas,monospace; }
.sketch-coverage[b-lj9phxzcs2] { height:2px;overflow:hidden;border-radius:2px;background:rgba(128,155,190,.09); }
.sketch-coverage i[b-lj9phxzcs2] { height:100%;display:block;background:#58d9ff;box-shadow:0 0 5px rgba(88,217,255,.45); }
.sketch-queue-state[b-lj9phxzcs2] { min-width:48px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.24rem; }
.sketch-queue-state > b[b-lj9phxzcs2],.sketch-queue-state > i[b-lj9phxzcs2] { padding:.16rem .25rem;border:1px solid rgba(128,155,190,.12);border-radius:99px;color:#8b9bb0;font:750 .39rem/1 Bahnschrift,sans-serif;font-style:normal;text-transform:uppercase; }
.sketch-queue-state .is-pendingreview[b-lj9phxzcs2] { color:#ffd493;border-color:rgba(255,185,89,.24); }
.sketch-queue-state .is-editing[b-lj9phxzcs2] { color:#95e7ff;border-color:rgba(77,211,251,.2); }
.sketch-queue-state .is-returned[b-lj9phxzcs2] { color:#ff9dae;border-color:rgba(255,111,135,.24); }
.sketch-queue-state .is-applied[b-lj9phxzcs2],.sketch-queue-state > i.is-live[b-lj9phxzcs2] { color:#8be9be;border-color:rgba(76,220,159,.22); }
.sketch-queue-state > small[b-lj9phxzcs2] { color:#8595a9;font:.49rem ui-monospace,Consolas,monospace; }
.sketch-queue-state > i[b-lj9phxzcs2] { color:#ff9dae;border-color:rgba(255,111,135,.22); }
.sketch-review-empty[b-lj9phxzcs2] { flex:1;display:grid;place-content:center;justify-items:center;gap:.25rem;padding:2rem;color:#586d87;text-align:center; }
.sketch-review-empty strong[b-lj9phxzcs2] { color:#9bacc0;font-size:.68rem; }.sketch-review-empty span[b-lj9phxzcs2]{font-size:.55rem}.sketch-review-empty[b-lj9phxzcs2]  .mud-icon-root{font-size:1.3rem}
/* /Components/SketchModeration/SketchModerationReview.razor.rz.scp.css */
.sketch-review-detail[b-gkeu6096ct] { min-height:610px;overflow:hidden;border:1px solid rgba(128,155,190,.11);border-radius:.58rem;background:#091321; }
.sketch-review-detail>header[b-gkeu6096ct] { min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border-bottom:1px solid rgba(128,155,190,.085);background:linear-gradient(90deg,rgba(78,210,249,.04),transparent 38%); }
.sketch-review-heading[b-gkeu6096ct]{min-width:0}.sketch-review-heading>span[b-gkeu6096ct]{color:#5edaff;font:780 .45rem/1 Bahnschrift,sans-serif;letter-spacing:.12em}.sketch-review-heading h2[b-gkeu6096ct]{overflow:hidden;margin:.18rem 0 .08rem;color:#edf4fb;font:720 .86rem/1.05 Bahnschrift,sans-serif;text-overflow:ellipsis;white-space:nowrap}.sketch-review-heading h2 i[b-gkeu6096ct]{color:#4e627b;font-style:normal}.sketch-review-heading p[b-gkeu6096ct]{margin:0;color:#71849b;font-size:.53rem}.sketch-review-status[b-gkeu6096ct]{display:flex;justify-content:flex-end;gap:.2rem;flex-wrap:wrap}.sketch-review-status b[b-gkeu6096ct]{padding:.18rem .3rem;border:1px solid rgba(128,155,190,.14);border-radius:99px;color:#8798ad;font:750 .41rem/1 Bahnschrift,sans-serif;text-transform:uppercase}.sketch-review-status .is-pendingreview[b-gkeu6096ct]{color:#ffd494;border-color:rgba(255,185,89,.25)}.sketch-review-status .is-editing[b-gkeu6096ct]{color:#9beaff;border-color:rgba(78,210,249,.22)}.sketch-review-status .is-returned[b-gkeu6096ct]{color:#ff9eb0;border-color:rgba(255,111,135,.25)}.sketch-review-status .is-applied[b-gkeu6096ct],.sketch-review-status .is-live[b-gkeu6096ct]{color:#8ce9be;border-color:rgba(76,220,159,.24)}
.sketch-review-workspace[b-gkeu6096ct]{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);min-height:551px}.sketch-review-canvas[b-gkeu6096ct]{min-width:0;min-height:551px;display:grid;grid-template-rows:minmax(0,1fr) 32px;place-items:center;padding:.75rem .75rem 0;border-right:1px solid rgba(128,155,190,.085);background-color:#060d16;background-image:linear-gradient(45deg,rgba(255,255,255,.015) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.015) 75%),linear-gradient(45deg,rgba(255,255,255,.015) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.015) 75%);background-position:0 0,9px 9px;background-size:18px 18px}.sketch-review-canvas>img[b-gkeu6096ct]{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38))}.sketch-review-canvas>footer[b-gkeu6096ct]{width:100%;display:flex;align-items:center;justify-content:space-between;color:#60748e;font-size:.43rem;font-weight:750;letter-spacing:.06em}.sketch-review-canvas>footer b[b-gkeu6096ct]{color:#75dffa;font-weight:700}.sketch-preview-missing[b-gkeu6096ct]{display:grid;place-items:center;gap:.25rem;color:#52667e;text-align:center}.sketch-preview-missing strong[b-gkeu6096ct]{color:#91a3b8;font-size:.66rem}.sketch-preview-missing span[b-gkeu6096ct]{max-width:220px;font-size:.52rem}.sketch-preview-missing[b-gkeu6096ct]  .mud-icon-root{font-size:1.5rem}
.sketch-review-inspector[b-gkeu6096ct]{min-width:0;display:flex;flex-direction:column;gap:.42rem;overflow:auto;padding:.52rem;background:#0a1423}.sketch-review-inspector>section[b-gkeu6096ct]{overflow:hidden;border:1px solid rgba(128,155,190,.09);border-radius:.46rem;background:rgba(255,255,255,.009)}.sketch-review-inspector>section>header[b-gkeu6096ct]{min-height:29px;display:flex;align-items:center;justify-content:space-between;padding:.32rem .45rem;border-bottom:1px solid rgba(128,155,190,.07);color:#60748e}.sketch-review-inspector>section>header span[b-gkeu6096ct]{font:780 .45rem/1 Bahnschrift,sans-serif;letter-spacing:.09em;text-transform:uppercase}.sketch-review-inspector>section>header[b-gkeu6096ct]  .mud-icon-root{font-size:.76rem}
.sketch-facts dl[b-gkeu6096ct]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.sketch-facts dl>div[b-gkeu6096ct]{min-width:0;display:grid;gap:.1rem;padding:.4rem .46rem;border-right:1px solid rgba(128,155,190,.06);border-bottom:1px solid rgba(128,155,190,.06)}.sketch-facts dl>div:nth-child(2n)[b-gkeu6096ct]{border-right:0}.sketch-facts dt[b-gkeu6096ct]{color:#5c7089;font-size:.42rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.sketch-facts dd[b-gkeu6096ct]{overflow:hidden;margin:0;color:#cbd7e5;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.sketch-facts dd.is-warning[b-gkeu6096ct]{color:#ff9daf}
.sketch-timeline ol[b-gkeu6096ct]{display:grid;gap:.25rem;margin:0;padding:.42rem .5rem;list-style:none}.sketch-timeline li[b-gkeu6096ct]{display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;gap:.35rem}.sketch-timeline li>i[b-gkeu6096ct]{width:6px;height:6px;border:1px solid #57708c;border-radius:50%;background:#101d2f}.sketch-timeline li.is-pending>i[b-gkeu6096ct]{border-color:#ffbf68;background:#7b5523}.sketch-timeline li.is-returned>i[b-gkeu6096ct]{border-color:#ff8097;background:#742f3d}.sketch-timeline li.is-applied>i[b-gkeu6096ct]{border-color:#55dda7;background:#225f49}.sketch-timeline li>span[b-gkeu6096ct]{display:flex;justify-content:space-between;gap:.5rem}.sketch-timeline li b[b-gkeu6096ct]{color:#aebdce;font-size:.51rem}.sketch-timeline time[b-gkeu6096ct]{color:#60728a;font:.45rem ui-monospace,Consolas,monospace}.sketch-timeline p[b-gkeu6096ct]{display:grid;gap:.12rem;margin:0;padding:.42rem .5rem;border-top:1px solid rgba(128,155,190,.07);color:#9aaabd;font-size:.51rem}.sketch-timeline p b[b-gkeu6096ct]{color:#ff9cae;font-size:.42rem;letter-spacing:.08em;text-transform:uppercase}
.sketch-moderation-panel[b-gkeu6096ct]{margin-top:auto}.sketch-moderation-panel>header b[b-gkeu6096ct]{font-size:.42rem;text-transform:uppercase}.sketch-moderation-panel>header b.is-ready[b-gkeu6096ct]{color:#7ce3b4}.sketch-moderation-panel>header b.is-blocked[b-gkeu6096ct]{color:#ff91a4}.sketch-moderation-panel[b-gkeu6096ct]  .mud-input-control{margin:.42rem .48rem 0}.sketch-moderation-panel>div:last-child[b-gkeu6096ct]{display:flex;justify-content:flex-end;gap:.28rem;padding:.4rem .48rem}.sketch-state-note[b-gkeu6096ct]{margin-top:auto;display:flex;align-items:center;gap:.45rem;padding:.55rem;border:1px solid rgba(128,155,190,.09);border-radius:.45rem;color:#67d9fb;background:rgba(78,210,249,.025)}.sketch-state-note>span[b-gkeu6096ct]{display:grid;gap:.1rem}.sketch-state-note b[b-gkeu6096ct]{color:#c7d4e2;font-size:.58rem}.sketch-state-note small[b-gkeu6096ct]{color:#70839a;font-size:.49rem}.sketch-state-note[b-gkeu6096ct]  .mud-icon-root{font-size:1rem}
.sketch-review-placeholder[b-gkeu6096ct]{min-height:610px;display:grid;place-content:center;justify-items:center;gap:.25rem;padding:2rem;color:#52677f;text-align:center}.sketch-review-placeholder strong[b-gkeu6096ct]{color:#9cacc0;font-size:.72rem}.sketch-review-placeholder span[b-gkeu6096ct]{max-width:310px;font-size:.55rem}.sketch-review-placeholder[b-gkeu6096ct]  .mud-icon-root{font-size:1.7rem}
@media(max-width:950px){.sketch-review-workspace[b-gkeu6096ct]{grid-template-columns:1fr}.sketch-review-canvas[b-gkeu6096ct]{min-height:470px;border-right:0;border-bottom:1px solid rgba(128,155,190,.085)}}
/* /Components/SketchModeration/UserRow.razor.rz.scp.css */
.sketch-user-row[b-h9afa9gau5] { min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.42rem .48rem;border-bottom:1px solid rgba(128,155,190,.07); }
.sketch-user-row:last-child[b-h9afa9gau5]{border-bottom:0}.sketch-user-row>span[b-h9afa9gau5]{width:30px;height:30px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(80,213,251,.16);border-radius:.4rem;color:#a5ebff;background:rgba(80,213,251,.06);font:750 .62rem/1 Bahnschrift,sans-serif}.sketch-user-row img[b-h9afa9gau5]{width:100%;height:100%;object-fit:cover}.sketch-user-row>div[b-h9afa9gau5]{min-width:0;display:grid;gap:.05rem}.sketch-user-row small[b-h9afa9gau5]{color:#5e728b;font-size:.43rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sketch-user-row strong[b-h9afa9gau5]{overflow:hidden;color:#d8e3f0;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.sketch-user-row code[b-h9afa9gau5]{color:#62758d;background:transparent;font-size:.46rem}
/* /Components/VariantGallery/VariantGalleryCard.razor.rz.scp.css */
.variant-card[b-a81or57462]{position:relative;overflow:hidden;border:1px solid rgba(138,180,190,.12);border-radius:14px;background:#0b1421;box-shadow:0 18px 36px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:card-enter-b-a81or57462 .35s ease both}.variant-card:hover[b-a81or57462]{transform:translateY(-3px);border-color:rgba(45,212,191,.3);box-shadow:0 24px 46px rgba(0,0,0,.3)}.variant-card.provisional[b-a81or57462]{border-color:rgba(245,158,11,.22)}.variant-art-stage[b-a81or57462]{position:relative;display:grid;width:100%;aspect-ratio:225/350;overflow:hidden;place-items:center;padding:0;border:0;border-bottom:1px solid rgba(148,163,184,.09);background:radial-gradient(circle at 50% 40%,#18293b,#070c14 70%);cursor:zoom-in}.variant-art-stage:disabled[b-a81or57462]{cursor:default}.variant-art-stage[b-a81or57462]::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 68%,rgba(3,8,15,.8)),linear-gradient(115deg,rgba(255,255,255,.035),transparent 27%)}.variant-art-stage img[b-a81or57462]{width:100%;height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .2s ease}.variant-card:hover .variant-art-stage img[b-a81or57462]{transform:scale(1.025);filter:saturate(1.04) contrast(1.02)}.contact-number[b-a81or57462]{position:absolute;top:.55rem;left:.6rem;z-index:2;padding:.25rem .34rem;border:1px solid rgba(153,246,228,.2);border-radius:4px;color:#8ce9d5;background:rgba(5,13,22,.72);font:.54rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;backdrop-filter:blur(6px)}.image-sigil[b-a81or57462]{position:absolute;right:.55rem;bottom:.55rem;z-index:2;display:grid;min-width:1.9rem;height:1.9rem;padding:0 .35rem;place-items:center;border:1px solid rgba(153,246,228,.24);border-radius:50%;color:#ccfbf1;background:rgba(5,18,25,.82);font:800 .7rem Georgia,serif;box-shadow:0 6px 14px rgba(0,0,0,.35);backdrop-filter:blur(8px)}.zoom-cue[b-a81or57462]{position:absolute;left:.55rem;bottom:.6rem;z-index:2;display:flex;align-items:center;gap:.25rem;opacity:0;color:#caeee7;font-size:.48rem;font-weight:900;letter-spacing:.11em;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.variant-card:hover .zoom-cue[b-a81or57462]{opacity:1;transform:none}.missing-art[b-a81or57462]{display:grid;place-items:center;color:#506879}.missing-art[b-a81or57462]  .mud-icon-root{font-size:2.2rem}.missing-art strong[b-a81or57462],.missing-art small[b-a81or57462]{display:block}.missing-art strong[b-a81or57462]{margin-top:.55rem;color:#738b97;font-size:.66rem}.missing-art small[b-a81or57462]{margin-top:.2rem;color:#415461;font:.52rem ui-monospace,SFMono-Regular,Consolas,monospace}.variant-card-copy[b-a81or57462]{padding:.78rem .82rem .72rem}.variant-card-copy header[b-a81or57462]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem}.identity-code[b-a81or57462]{display:block;color:#54bfa8;font:.5rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.variant-card-copy h3[b-a81or57462]{overflow:hidden;margin:.22rem 0 0;color:#edf7f5;font:800 .82rem/1.2 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.variant-id[b-a81or57462]{padding:.24rem .3rem;border-radius:4px;color:#708893;background:rgba(148,163,184,.055);font:.49rem ui-monospace,SFMono-Regular,Consolas,monospace}.variant-card-copy p[b-a81or57462]{overflow:hidden;margin:.42rem 0 .58rem;color:#70828e;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.type-line[b-a81or57462]{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.07)}.type-line strong[b-a81or57462]{overflow:hidden;color:#acc0c2;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.type-line code[b-a81or57462]{color:#54bfa8;font-size:.52rem}.variant-card-copy footer[b-a81or57462]{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem;margin-top:.55rem}.variant-card-copy footer>span[b-a81or57462]{padding:.23rem .31rem;border:1px solid rgba(148,163,184,.1);border-radius:4px;color:#6d818b;background:rgba(255,255,255,.018);font-size:.45rem;font-weight:900;letter-spacing:.07em}.variant-card-copy footer .state[b-a81or57462]{display:flex;align-items:center;gap:.26rem}.state i[b-a81or57462]{width:5px;height:5px;border-radius:50%}.state.live[b-a81or57462]{color:#7ce7bd;border-color:rgba(52,211,153,.17)}.state.live i[b-a81or57462]{background:#34d399;box-shadow:0 0 7px rgba(52,211,153,.6)}.state.upcoming[b-a81or57462]{color:#fcd97c;border-color:rgba(251,191,36,.17)}.state.upcoming i[b-a81or57462]{background:#fbbf24}.state.dormant i[b-a81or57462]{background:#64748b}.variant-card-copy footer .warning[b-a81or57462]{color:#f6bd73;border-color:rgba(245,158,11,.15)}@keyframes card-enter-b-a81or57462{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.variant-card[b-a81or57462]{animation:none;transition:none}.variant-art-stage img[b-a81or57462]{transition:none}}

.variant-card[b-a81or57462] {
    --wishlist-color: #9e9e9e;
    border-color: color-mix(in srgb, var(--wishlist-color) 28%, rgba(138, 180, 190, .12));
    background: linear-gradient(155deg, color-mix(in srgb, var(--wishlist-color) 5%, #0b1421) 0%, #0b1421 42%);
}

.variant-card[b-a81or57462]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: 4;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--wishlist-color) 24%, var(--wishlist-color) 76%, transparent);
    box-shadow: 0 0 13px color-mix(in srgb, var(--wishlist-color) 38%, transparent);
}

.variant-card:hover[b-a81or57462] {
    border-color: color-mix(in srgb, var(--wishlist-color) 58%, transparent);
    box-shadow: 0 24px 46px rgba(0, 0, 0, .3), 0 0 22px color-mix(in srgb, var(--wishlist-color) 10%, transparent);
}

.variant-card .contact-number[b-a81or57462] {
    border-color: color-mix(in srgb, var(--wishlist-color) 30%, transparent);
    color: color-mix(in srgb, var(--wishlist-color) 78%, white);
}

.wishlist-tier-badge[b-a81or57462] {
    position: absolute;
    right: .48rem;
    bottom: .48rem;
    z-index: 3;
    display: grid;
    width: 3.05rem;
    height: 2.05rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--wishlist-color) 35%, transparent);
    border-radius: 7px;
    background: rgba(5, 10, 17, .78);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .4), 0 0 12px color-mix(in srgb, var(--wishlist-color) 14%, transparent);
    backdrop-filter: blur(8px);
}

.wishlist-tier-badge img[b-a81or57462] {
    width: 2.65rem;
    height: 1.5rem;
    object-fit: contain;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .5));
    transition: transform .18s ease;
}

.variant-card:hover .wishlist-tier-badge img[b-a81or57462] {
    transform: scale(1.08);
}
/* /Components/VariantGallery/VariantGalleryFilters.razor.rz.scp.css */
.variant-filter-deck[b-rqnqb0nfbv] {
    position: relative;
    padding: 1.1rem;
    border: 1px solid rgba(122, 230, 255, .14);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(15, 26, 42, .96), rgba(7, 13, 24, .98));
    box-shadow: 0 22px 50px rgba(0, 0, 0, .2);
}

.variant-filter-deck[b-rqnqb0nfbv]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(74, 222, 128, .025) 1px, transparent 1px),
                linear-gradient(rgba(74, 222, 128, .018) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to bottom, black, transparent 70%);
}

.filter-heading[b-rqnqb0nfbv],
.filter-grid[b-rqnqb0nfbv],
.filter-state-grid[b-rqnqb0nfbv],
.wishlist-tier-filter[b-rqnqb0nfbv],
.selected-types[b-rqnqb0nfbv] {
    position: relative;
    z-index: 1;
}

.filter-heading[b-rqnqb0nfbv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

.filter-heading span[b-rqnqb0nfbv],
.selected-types > span[b-rqnqb0nfbv] {
    color: #55d6b2;
    font-size: .57rem;
    font-weight: 900;
    letter-spacing: .18em;
}

.filter-heading h2[b-rqnqb0nfbv] {
    margin: .2rem 0 0;
    color: #f1f7f8;
    font: 800 1.05rem/1.2 Georgia, serif;
}

.filter-reset[b-rqnqb0nfbv] {
    padding: .35rem .55rem;
    border: 0;
    border-bottom: 1px solid rgba(125, 211, 252, .28);
    color: #83c7d9;
    background: transparent;
    font-size: .61rem;
    font-weight: 750;
    cursor: pointer;
}

.filter-reset:hover[b-rqnqb0nfbv] {
    color: #d5f7ff;
    border-color: #7dd3fc;
}

.filter-grid[b-rqnqb0nfbv] {
    display: grid;
    grid-template-columns: minmax(260px, 1.55fr) minmax(260px, 1.35fr) minmax(180px, .8fr);
    gap: .75rem;
}

.filter-grid[b-rqnqb0nfbv]  .mud-input-control { margin: 0; }
.filter-grid[b-rqnqb0nfbv]  .mud-input-outlined-border { border-color: rgba(148, 196, 207, .15); }
.filter-grid[b-rqnqb0nfbv]  .mud-input-label { color: #7c929d; }

.image-type-option[b-rqnqb0nfbv] {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    width: 100%;
}

.image-type-option > b[b-rqnqb0nfbv] {
    display: grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border: 1px solid rgba(45, 212, 191, .18);
    border-radius: 5px;
    color: #99f6e4;
    background: rgba(13, 148, 136, .08);
    font: 800 .7rem Georgia, serif;
}

.image-type-option strong[b-rqnqb0nfbv],
.image-type-option small[b-rqnqb0nfbv] { display: block; }
.image-type-option strong[b-rqnqb0nfbv] { font-size: .68rem; }
.image-type-option small[b-rqnqb0nfbv] { color: #71838e; font: .53rem ui-monospace, SFMono-Regular, Consolas, monospace; }
.image-type-option i[b-rqnqb0nfbv] { color: #fbbf24; font-size: .46rem; font-style: normal; font-weight: 900; letter-spacing: .08em; }

.filter-state-grid[b-rqnqb0nfbv] {
    display: grid;
    grid-template-columns: minmax(340px, 1.25fr) minmax(280px, 1fr) minmax(230px, .7fr);
    gap: .65rem;
    margin-top: .8rem;
}

.state-filter[b-rqnqb0nfbv] {
    min-width: 0;
    margin: 0;
    padding: .55rem .65rem .65rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 10px;
    background: rgba(255, 255, 255, .012);
}

.state-filter legend[b-rqnqb0nfbv] {
    display: flex;
    align-items: baseline;
    gap: .42rem;
    padding: 0 .25rem;
    color: #a8bcc2;
}

.state-filter legend strong[b-rqnqb0nfbv] { font-size: .6rem; }
.state-filter legend small[b-rqnqb0nfbv] { color: #5f747e; font-size: .48rem; }

.state-options[b-rqnqb0nfbv] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    gap: .28rem;
}

.state-option[b-rqnqb0nfbv] {
    min-width: 0;
    padding: .46rem .35rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #718792;
    background: rgba(7, 13, 24, .62);
    font-size: .56rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.state-option:hover[b-rqnqb0nfbv] {
    border-color: rgba(94, 234, 212, .18);
    color: #b6d8d3;
}

.state-option.is-active[b-rqnqb0nfbv] {
    border-color: rgba(45, 212, 191, .3);
    color: #c9f7ed;
    background: rgba(13, 148, 136, .13);
    box-shadow: inset 0 -2px rgba(45, 212, 191, .28);
}

.filter-switch[b-rqnqb0nfbv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    padding: .65rem .72rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 10px;
    color: #8da0ad;
    background: rgba(255, 255, 255, .015);
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.filter-switch:hover[b-rqnqb0nfbv] { transform: translateY(-1px); border-color: rgba(94, 234, 212, .24); }
.filter-switch.is-active[b-rqnqb0nfbv] { border-color: rgba(45, 212, 191, .28); background: rgba(13, 148, 136, .075); color: #c9f7ed; }
.filter-switch.warning.is-active[b-rqnqb0nfbv] { border-color: rgba(251, 191, 36, .28); background: rgba(180, 83, 9, .07); color: #fde68a; }
.switch-light[b-rqnqb0nfbv] { width: 8px; height: 8px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 50%; background: #1b2938; box-shadow: 0 0 0 4px rgba(148, 163, 184, .035); }
.is-active .switch-light[b-rqnqb0nfbv] { border-color: #5eead4; background: #2dd4bf; box-shadow: 0 0 12px rgba(45, 212, 191, .55); }
.warning.is-active .switch-light[b-rqnqb0nfbv] { border-color: #fcd34d; background: #f59e0b; box-shadow: 0 0 12px rgba(245, 158, 11, .5); }
.filter-switch strong[b-rqnqb0nfbv],
.filter-switch small[b-rqnqb0nfbv] { display: block; }
.filter-switch strong[b-rqnqb0nfbv] { font-size: .65rem; }
.filter-switch small[b-rqnqb0nfbv] { margin-top: .12rem; color: #657985; font-size: .54rem; }

.wishlist-tier-filter[b-rqnqb0nfbv] {
    margin-top: .8rem;
    padding: .65rem;
    border: 1px solid rgba(148, 163, 184, .1);
    border-radius: 10px;
    background: rgba(255, 255, 255, .012);
}

.wishlist-filter-heading[b-rqnqb0nfbv] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    margin: 0 .2rem .52rem;
}

.wishlist-filter-heading span[b-rqnqb0nfbv] {
    color: #8aa1a8;
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.wishlist-filter-heading small[b-rqnqb0nfbv] {
    color: #526770;
    font-size: .48rem;
}

.wishlist-tier-options[b-rqnqb0nfbv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .35rem;
}

.wishlist-tier-option[b-rqnqb0nfbv] {
    --wishlist-color: #9e9e9e;
    position: relative;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .48rem .5rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .08);
    border-radius: 8px;
    color: #82969e;
    background: rgba(7, 13, 24, .58);
    text-align: left;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.wishlist-tier-option[b-rqnqb0nfbv]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    opacity: .18;
    background: var(--wishlist-color);
    transition: opacity .15s ease, box-shadow .15s ease;
}

.wishlist-tier-option:hover[b-rqnqb0nfbv] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--wishlist-color) 35%, transparent);
}

.wishlist-tier-option.is-active[b-rqnqb0nfbv] {
    border-color: color-mix(in srgb, var(--wishlist-color) 48%, transparent);
    color: #e4eeee;
    background: color-mix(in srgb, var(--wishlist-color) 9%, rgba(7, 13, 24, .88));
}

.wishlist-tier-option.is-active[b-rqnqb0nfbv]::after {
    opacity: .9;
    box-shadow: 0 0 12px var(--wishlist-color);
}

.wishlist-tier-option img[b-rqnqb0nfbv] {
    width: 2rem;
    height: 1.35rem;
    object-fit: contain;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .4));
}

.wishlist-tier-option span:not(.wishlist-any-mark)[b-rqnqb0nfbv],
.wishlist-tier-option strong[b-rqnqb0nfbv],
.wishlist-tier-option small[b-rqnqb0nfbv] {
    display: block;
    min-width: 0;
}

.wishlist-tier-option strong[b-rqnqb0nfbv] {
    overflow: hidden;
    color: color-mix(in srgb, var(--wishlist-color) 76%, white);
    font-size: .56rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wishlist-tier-option small[b-rqnqb0nfbv] {
    margin-top: .1rem;
    color: #526770;
    font-size: .47rem;
}

.wishlist-any-mark[b-rqnqb0nfbv] {
    display: grid;
    width: 2rem;
    height: 1.35rem;
    place-items: center;
    border: 1px solid rgba(94, 234, 212, .15);
    border-radius: 4px;
    color: #61bba9;
    background: rgba(13, 148, 136, .06);
    font: 900 .47rem ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .08em;
}

.wishlist-any.is-active[b-rqnqb0nfbv] {
    --wishlist-color: #5eead4;
}

.selected-types[b-rqnqb0nfbv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .38rem;
    margin-top: .8rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(148, 163, 184, .07);
}

.selected-types > span[b-rqnqb0nfbv] { margin-right: .25rem; }
.selected-types button[b-rqnqb0nfbv] { display: flex; align-items: center; gap: .3rem; padding: .28rem .4rem; border: 1px solid rgba(45, 212, 191, .16); border-radius: 6px; color: #9ccbc3; background: rgba(13, 148, 136, .055); font: .55rem ui-monospace, SFMono-Regular, Consolas, monospace; cursor: pointer; }
.selected-types button:hover[b-rqnqb0nfbv] { border-color: rgba(45, 212, 191, .35); color: #d5fff7; }
.selected-types b[b-rqnqb0nfbv] { color: #5eead4; font-family: Georgia, serif; }
.selected-types i[b-rqnqb0nfbv] { color: #637b7b; font-style: normal; font-size: .7rem; }

@media (max-width: 1100px) {
    .filter-grid[b-rqnqb0nfbv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filter-grid > :last-child[b-rqnqb0nfbv] { grid-column: 1 / -1; }
    .filter-state-grid[b-rqnqb0nfbv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filter-switch[b-rqnqb0nfbv] { grid-column: 1 / -1; }
    .wishlist-tier-options[b-rqnqb0nfbv] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .filter-grid[b-rqnqb0nfbv],
    .filter-state-grid[b-rqnqb0nfbv] { grid-template-columns: 1fr; }
    .filter-grid > :last-child[b-rqnqb0nfbv],
    .filter-switch[b-rqnqb0nfbv] { grid-column: auto; }
    .filter-heading[b-rqnqb0nfbv] { align-items: center; }
    .filter-heading h2[b-rqnqb0nfbv] { font-size: .95rem; }
    .variant-filter-deck[b-rqnqb0nfbv] { padding: .85rem; }
    .state-options[b-rqnqb0nfbv] { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wishlist-tier-options[b-rqnqb0nfbv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wishlist-filter-heading[b-rqnqb0nfbv] { align-items: flex-start; flex-direction: column; gap: .15rem; }
}
/* /Components/VariantGallery/VariantGalleryGrid.razor.rz.scp.css */
.variant-gallery-grid[b-pulouepns0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:.85rem}.variant-skeleton[b-pulouepns0]{aspect-ratio:225/450;overflow:hidden;border:1px solid rgba(148,163,184,.08);border-radius:14px;background:#0b1421}.variant-skeleton[b-pulouepns0]  .mud-skeleton{background:linear-gradient(90deg,#0b1421,#122234,#0b1421);background-size:300% 100%;animation-duration:1.4s}.gallery-empty[b-pulouepns0]{display:flex;min-height:280px;align-items:center;justify-content:center;gap:1rem;border:1px dashed rgba(94,234,212,.17);border-radius:18px;color:#72858f;background:radial-gradient(circle at center,rgba(13,148,136,.04),transparent 60%)}.gallery-empty>span[b-pulouepns0]{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(94,234,212,.17);border-radius:50%;color:#52b9a4;font:800 1.1rem Georgia,serif}.gallery-empty strong[b-pulouepns0],.gallery-empty small[b-pulouepns0]{display:block}.gallery-empty strong[b-pulouepns0]{color:#afc4c5;font:.84rem Georgia,serif}.gallery-empty small[b-pulouepns0]{margin-top:.25rem;font-size:.6rem}@media(max-width:600px){.variant-gallery-grid[b-pulouepns0]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.gallery-empty[b-pulouepns0]{padding:1rem}.gallery-empty>span[b-pulouepns0]{display:none}}@media(max-width:410px){.variant-gallery-grid[b-pulouepns0]{grid-template-columns:1fr}}
