.loot-tier-studio-page {
    --tier-violet:#8c73ff;--tier-cyan:#50d9c0;--tier-gold:#f3b45f;
    display:grid;gap:1rem;min-width:0;padding-bottom:2rem;
}
.loot-tier-studio-hero { position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:250px;padding:2.25rem;overflow:hidden;border:1px solid rgba(140,115,255,.17);border-radius:1.45rem;background:radial-gradient(circle at 74% 18%,rgba(80,217,192,.11),transparent 27%),radial-gradient(circle at 0 100%,rgba(140,115,255,.16),transparent 38%),linear-gradient(145deg,#111c32,#070d1a 68%);box-shadow:0 24px 70px rgba(0,0,0,.24); }
.loot-tier-studio-hero::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(90deg,#000,transparent 88%); }
.loot-tier-hero-copy { position:relative;z-index:1;max-width:690px; }.loot-tier-kicker { display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;color:#ad9fff;font-size:.66rem;font-weight:900;letter-spacing:.19em; }.loot-tier-kicker i { width:24px;height:1px;background:linear-gradient(90deg,var(--tier-cyan),var(--tier-violet));box-shadow:0 0 12px var(--tier-cyan); }
.loot-tier-hero-copy h1 { margin:0;color:#f7f8fd;font-size:clamp(2.15rem,4vw,3.45rem);font-weight:900;letter-spacing:-.065em;line-height:1; }.loot-tier-hero-copy p { max-width:650px;margin:.9rem 0 0;color:#a7b3c6;font-size:.96rem;line-height:1.65; }
.loot-tier-hero-actions { display:flex;align-items:center;gap:.55rem;margin-top:1.25rem; }
.loot-tier-hero-metrics { position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:.55rem;margin-right:4.5rem; }.loot-tier-hero-metrics>div { min-width:125px;padding:.85rem .95rem;border:1px solid rgba(148,163,184,.12);border-radius:.85rem;background:rgba(4,10,21,.5);backdrop-filter:blur(12px); }.loot-tier-hero-metrics span,.loot-tier-hero-metrics strong,.loot-tier-hero-metrics small { display:block; }.loot-tier-hero-metrics span { color:#68768c;font-size:.51rem;font-weight:900;letter-spacing:.1em; }.loot-tier-hero-metrics strong { margin-top:.24rem;color:#f0f3f8;font:900 1.12rem/1 ui-monospace,monospace; }.loot-tier-hero-metrics small { margin-top:.3rem;color:#65738a;font-size:.5rem; }
.loot-tier-hero-orbit { position:absolute;right:-42px;bottom:-58px;display:grid;place-items:center;width:205px;height:205px;border:1px solid rgba(140,115,255,.2);border-radius:50%;color:rgba(184,171,255,.27);transform:rotate(18deg);box-shadow:inset 0 0 55px rgba(140,115,255,.045); }.loot-tier-hero-orbit>.mud-icon-root { font-size:4rem; }.loot-tier-hero-orbit i { position:absolute;width:90px;height:90px;border:1px solid rgba(80,217,192,.16);border-radius:32%;transform:rotate(35deg); }

.loot-tier-studio-workspace { display:grid;grid-template-columns:minmax(285px,340px) minmax(650px,1fr);gap:1rem;align-items:start; }.loot-tier-library,.loot-tier-editor { overflow:hidden;padding:1rem!important;background:linear-gradient(160deg,rgba(15,23,41,.97),rgba(7,13,25,.98))!important; }.loot-tier-library:hover,.loot-tier-editor:hover { transform:none!important; }
.loot-tier-library { position:sticky!important;top:1rem;display:flex;flex-direction:column;height:calc(100vh - 2rem); }.loot-tier-library>header,.loot-tier-library>.mud-input-control,.loot-tier-library>.loot-tier-library-legend { flex:0 0 auto; }.loot-tier-library>header { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem; }.loot-tier-library>header span,.loot-tier-editor-heading>div:first-child>span { display:block;margin-bottom:.24rem;color:#8271e2;font-size:.56rem;font-weight:900;letter-spacing:.15em; }.loot-tier-library h2,.loot-tier-editor-heading h2 { margin:0;color:#edf1f7;font-size:1.08rem;font-weight:850;letter-spacing:-.035em; }.loot-tier-library>header>strong { color:#8172df;font-size:.7rem; }
.loot-tier-library-legend { display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.65rem 0 .3rem;padding:0 .45rem;color:#58667a;font-size:.46rem;font-weight:900;letter-spacing:.1em;text-align:right; }.loot-tier-library-list { flex:1;min-height:0;overflow-y:auto;padding-right:.18rem; }
.loot-tier-library-row { display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;margin-bottom:.28rem;padding:.62rem;border:1px solid transparent;border-radius:.78rem;color:inherit;text-align:left;background:transparent;transition:.15s ease; }.loot-tier-library-row:hover { border-color:rgba(148,163,184,.11);background:rgba(255,255,255,.026);transform:translateX(2px); }.loot-tier-library-row.active { border-color:rgba(140,115,255,.25);background:linear-gradient(90deg,rgba(140,115,255,.14),rgba(80,217,192,.03));box-shadow:inset 3px 0 var(--tier-violet); }.loot-tier-library-row.draft { border-style:dashed; }
.loot-tier-library-icon { display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(140,115,255,.15);border-radius:.62rem;color:#aa9cff;background:rgba(140,115,255,.07); }.loot-tier-library-icon.constant { color:#eeb266;border-color:rgba(243,180,95,.17);background:rgba(243,180,95,.06); }.loot-tier-library-icon img { width:23px;height:23px;object-fit:contain; }.loot-tier-library-icon .mud-icon-root { font-size:1.05rem; }.loot-tier-library-row>span:nth-child(2) { display:grid;min-width:0; }.loot-tier-library-row>span:nth-child(2) strong { overflow:hidden;color:#d7dfea;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap; }.loot-tier-library-row>span:nth-child(2) small { margin-top:.1rem;color:#647288;font-size:.49rem; }.loot-tier-library-row>span:last-child { display:grid;gap:.15rem;text-align:right; }.loot-tier-library-row b { color:#aeb9c8;font:850 .58rem ui-monospace,monospace; }.loot-tier-library-row em { color:#56ceb8;font:850 .52rem ui-monospace,monospace;font-style:normal; }.loot-tier-library-empty { display:grid;place-items:center;gap:.35rem;padding:2rem 1rem;color:#6d7b90;text-align:center; }.loot-tier-library-empty strong { color:#b9c3d2;font-size:.67rem; }

.loot-tier-editor-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem 1rem;border-bottom:1px solid rgba(148,163,184,.08); }.loot-tier-editor-heading small { color:#65748a;font-size:.54rem; }.loot-tier-editor-status { display:flex;gap:.35rem; }.loot-tier-editor-status span { padding:.3rem .48rem;border:1px solid rgba(148,163,184,.11);border-radius:.45rem;color:#8390a5;background:rgba(255,255,255,.02);font-size:.51rem;font-weight:900; }.loot-tier-editor-status .good { color:#59d8c0;border-color:rgba(80,217,192,.18);background:rgba(80,217,192,.06); }.loot-tier-editor-status .warn,.loot-tier-editor-status .dirty { color:#f0ad68;border-color:rgba(243,180,95,.18);background:rgba(243,180,95,.06); }
.loot-tier-validation { display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.65rem;border:1px solid rgba(243,180,95,.18);border-radius:.65rem;color:#d8a565;background:rgba(243,180,95,.055);font-size:.6rem;line-height:1.45; }.loot-tier-validation .mud-icon-root { font-size:1rem; }
.loot-tier-editor-grid { display:grid;grid-template-columns:minmax(430px,1fr) minmax(300px,.72fr);gap:.85rem;margin-top:.85rem; }.loot-tier-form-panel,.loot-tier-impact-panel { min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.085);border-radius:.95rem;background:rgba(4,9,19,.22); }.loot-tier-section-title { margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid rgba(148,163,184,.08); }.loot-tier-section-title span { display:block;color:#7566cc;font-size:.52rem;font-weight:900;letter-spacing:.13em; }.loot-tier-section-title h3 { margin:.15rem 0 0;color:#dfe5ee;font-size:.94rem; }.loot-tier-section-title small { display:block;margin-top:.22rem;color:#65748a;font-size:.54rem;line-height:1.45; }
.loot-tier-identity-row { display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.7rem;border:1px solid rgba(140,115,255,.11);border-radius:.8rem;background:linear-gradient(90deg,rgba(140,115,255,.07),transparent); }.loot-tier-emoji-preview { display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(140,115,255,.18);border-radius:.72rem;color:#a899ff;background:rgba(140,115,255,.08); }.loot-tier-emoji-preview img { width:30px;height:30px;object-fit:contain; }.loot-tier-identity-row>div:last-child { display:grid; }.loot-tier-identity-row strong { color:#dbe2ec;font-size:.76rem; }.loot-tier-identity-row small { color:#68768b;font-size:.53rem; }
.loot-tier-switch { display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.65rem;padding:.7rem;border:1px solid rgba(148,163,184,.09);border-radius:.75rem;background:rgba(4,9,19,.22);cursor:pointer; }.loot-tier-switch.on { border-color:rgba(80,217,192,.17);background:rgba(80,217,192,.035); }.loot-tier-switch.constant.on { border-color:rgba(243,180,95,.18);background:rgba(243,180,95,.04); }.loot-tier-switch>span { display:grid;grid-template-columns:22px 1fr;column-gap:.45rem; }.loot-tier-switch .mud-icon-root { grid-row:1/3;color:#7c899d;font-size:1.05rem; }.loot-tier-switch.on .mud-icon-root { color:#57d4bd; }.loot-tier-switch.constant.on .mud-icon-root { color:#eaae61; }.loot-tier-switch strong { color:#c9d2de;font-size:.63rem; }.loot-tier-switch small { grid-column:2;color:#627086;font-size:.5rem;line-height:1.4; }
.loot-tier-impact-panel { background:radial-gradient(circle at 50% 17%,rgba(80,217,192,.055),transparent 31%),rgba(4,9,19,.25); }.loot-tier-chance-dial { display:grid;place-items:center;width:180px;height:180px;margin:1.25rem auto;border-radius:50%;background:conic-gradient(var(--tier-cyan) var(--tier-progress),rgba(255,255,255,.035) 0);box-shadow:0 0 42px rgba(80,217,192,.08);position:relative; }.loot-tier-chance-dial::before { content:"";position:absolute;inset:10px;border:1px solid rgba(148,163,184,.09);border-radius:inherit;background:#09101e; }.loot-tier-chance-dial.constant { background:conic-gradient(var(--tier-gold) 360deg,transparent 0);box-shadow:0 0 42px rgba(243,180,95,.08); }.loot-tier-chance-dial>div { position:relative;z-index:1;display:grid;text-align:center; }.loot-tier-chance-dial strong { color:#f1f4f8;font:900 1.55rem ui-monospace,monospace; }.loot-tier-chance-dial span { color:#65748a;font-size:.48rem;font-weight:900;letter-spacing:.13em; }
.loot-tier-math-grid { display:grid;grid-template-columns:1fr 1fr;gap:.45rem; }.loot-tier-math-grid>div { padding:.68rem;border:1px solid rgba(148,163,184,.08);border-radius:.68rem;background:rgba(255,255,255,.018); }.loot-tier-math-grid span,.loot-tier-math-grid strong,.loot-tier-math-grid small { display:block; }.loot-tier-math-grid span { color:#66758a;font-size:.46rem;font-weight:900;letter-spacing:.1em; }.loot-tier-math-grid strong { margin-top:.2rem;color:#d7dee8;font:900 .76rem ui-monospace,monospace; }.loot-tier-math-grid small { margin-top:.14rem;color:#59677b;font-size:.47rem; }
.loot-tier-impact-warning { display:flex;align-items:flex-start;gap:.55rem;margin-top:.65rem;padding:.68rem;border:1px solid rgba(243,180,95,.15);border-radius:.72rem;color:#dda963;background:rgba(243,180,95,.035); }.loot-tier-impact-warning>.mud-icon-root { font-size:1.05rem; }.loot-tier-impact-warning>span { display:grid; }.loot-tier-impact-warning strong { color:#d6b27d;font-size:.58rem; }.loot-tier-impact-warning small { margin-top:.14rem;color:#7c715f;font-size:.49rem;line-height:1.42; }
.loot-tier-editor-actions { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:.8rem .25rem 0;border-top:1px solid rgba(148,163,184,.08); }.loot-tier-editor-actions>span { display:flex;align-items:center;gap:.35rem;color:#637188;font-size:.51rem; }.loot-tier-editor-actions>span .mud-icon-root { color:#7668cf;font-size:.9rem; }.loot-tier-editor-actions>div { display:flex;gap:.45rem; }

@media(max-width:1250px) { .loot-tier-hero-metrics { grid-template-columns:1fr;margin-right:4rem; }.loot-tier-studio-workspace { grid-template-columns:minmax(270px,320px) minmax(0,1fr); }.loot-tier-editor-grid { grid-template-columns:1fr; } }
@media(max-width:900px) { .loot-tier-studio-hero { align-items:flex-start;flex-direction:column;padding:1.7rem; }.loot-tier-hero-metrics { grid-template-columns:repeat(3,1fr);width:100%;margin:0; }.loot-tier-studio-workspace { grid-template-columns:1fr; }.loot-tier-library { position:static!important;height:auto;max-height:520px; }.loot-tier-library-list { max-height:390px; } }
@media(max-width:650px) { .loot-tier-studio-hero { border-radius:1.05rem; }.loot-tier-hero-copy p { font-size:.82rem; }.loot-tier-hero-actions { align-items:stretch;flex-direction:column; }.loot-tier-hero-metrics { grid-template-columns:1fr; }.loot-tier-hero-orbit { display:none; }.loot-tier-editor-heading,.loot-tier-editor-actions { align-items:flex-start;flex-direction:column; }.loot-tier-editor-status,.loot-tier-editor-actions>div { width:100%; }.loot-tier-editor-actions .mud-button-root { flex:1; }.loot-tier-math-grid { grid-template-columns:1fr; } }