.command-studio-page {
    --command-violet: #8d72ff;
    --command-cyan: #56d9c1;
    --command-blue: #57b8ff;
    --command-panel: rgba(10, 17, 31, .96);
    --command-border: rgba(148, 163, 184, .12);
    display: grid;
    gap: 1rem;
    max-width: 1800px;
    margin: 0 auto;
    padding-bottom: 4rem;
}
.discord-embed .discord-description{margin:.2rem 0;color:#b5bac1;line-height:1.45}

.command-studio-hero {
    isolation: isolate;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 210px;
    overflow: hidden;
    padding: 2.25rem 2.5rem;
    border: 1px solid rgba(141,114,255,.25);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 12% 110%, rgba(86,217,193,.14), transparent 34%),
        radial-gradient(circle at 78% -10%, rgba(141,114,255,.24), transparent 36%),
        linear-gradient(135deg, rgba(18,27,48,.99), rgba(6,12,24,.99));
    box-shadow: 0 30px 80px rgba(0,0,0,.27), inset 0 1px rgba(255,255,255,.04);
}
.command-studio-hero::before { content:"";position:absolute;inset:0;z-index:-1;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,#000,transparent 78%); }
.command-studio-hero::after { content:"";position:absolute;right:18%;top:-165px;z-index:-1;width:390px;height:390px;border:1px solid rgba(141,114,255,.14);border-radius:50%;box-shadow:0 0 0 42px rgba(141,114,255,.025),0 0 0 84px rgba(86,217,193,.015); }
.command-hero-copy { position:relative;z-index:1;max-width:720px; }
.command-kicker { display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;color:#a995ff;font-size:.68rem;font-weight:900;letter-spacing:.2em; }
.command-kicker span { width:24px;height:1px;background:linear-gradient(90deg,var(--command-cyan),var(--command-violet));box-shadow:0 0 12px var(--command-cyan); }
.command-hero-copy h1 { margin:0;color:#f7f8fd;font-size:clamp(2.2rem,4vw,3.55rem);font-weight:900;letter-spacing:-.065em;line-height:1; }
.command-hero-copy p { max-width:680px;margin:.9rem 0 0;color:#a8b4c7;font-size:1rem;line-height:1.65; }
.command-sync-line { display:flex;align-items:center;gap:.55rem;margin-top:1.15rem;color:#7e8ba1;font-size:.7rem;font-weight:750;letter-spacing:.035em;text-transform:uppercase; }
.command-sync-line i { width:3px;height:3px;border-radius:50%;background:#526078; }
.command-live-dot { width:7px;height:7px;border-radius:50%;background:var(--command-cyan);box-shadow:0 0 0 5px rgba(86,217,193,.08),0 0 14px rgba(86,217,193,.7); }
.command-hero-stats { position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(115px,1fr));gap:.65rem;margin-right:8.5rem; }
.command-hero-stats div { min-width:120px;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.12);border-radius:.9rem;background:rgba(5,11,23,.42);backdrop-filter:blur(12px); }
.command-hero-stats strong,.command-hero-stats span { display:block; }
.command-hero-stats strong { color:#f4f7fc;font-size:1.45rem;font-weight:900;line-height:1; }
.command-hero-stats span { margin-top:.35rem;color:#77859b;font-size:.61rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase; }
.command-hero-orbit { position:absolute;right:-24px;bottom:-45px;display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(141,114,255,.19);border-radius:50%;color:rgba(183,169,255,.32);font:900 2.7rem/1 monospace;transform:rotate(-8deg);box-shadow:inset 0 0 50px rgba(141,114,255,.035); }

.command-toolbar { position:sticky!important;top:.75rem;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:.75rem 1rem!important;overflow:hidden;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,rgba(13,21,38,.94),rgba(8,14,27,.95))!important; }
.command-toolbar:hover { transform:none!important; }
.command-toolbar-context { display:flex;align-items:center;gap:.8rem;min-width:0; }
.command-toolbar-mark { display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(141,114,255,.24);border-radius:.8rem;color:#c2b7ff;background:linear-gradient(135deg,rgba(141,114,255,.18),rgba(86,217,193,.07));font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.05); }
.command-toolbar-context div { display:grid;min-width:0; }
.command-toolbar-context div>span { color:#6f7d93;font-size:.58rem;font-weight:900;letter-spacing:.12em; }
.command-toolbar-context strong { overflow:hidden;color:#ecf0f7;font-size:.93rem;text-overflow:ellipsis;white-space:nowrap; }
.command-toolbar-context small { color:#77869c;font-size:.66rem; }
.command-toolbar-actions { display:flex;align-items:center;justify-content:flex-end;gap:.5rem; }
.command-restart-notice { display:flex;align-items:center;gap:.3rem;margin-right:.2rem;color:#fbbf72;font-size:.65rem;font-weight:800;text-transform:uppercase; }
.command-restart-notice .mud-icon-root { font-size:1rem; }
.command-toolbar-progress { position:absolute;right:0;bottom:0;left:0; }

.command-workspace { display:grid;grid-template-columns:minmax(265px,305px) minmax(520px,1fr) minmax(310px,360px);gap:1rem;align-items:start; }
.command-catalog,.command-designer,.command-preview,.command-health { overflow:hidden;background:linear-gradient(160deg,rgba(15,23,41,.97),rgba(7,13,25,.98))!important; }
.command-catalog { position:sticky!important;top:6.4rem;display:flex;flex-direction:column;height:calc(100vh - 8.2rem);padding:1rem!important; }
.command-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem; }
.command-panel-heading>div>span,.command-section-heading>div>span { display:block;margin-bottom:.24rem;color:#8171df;font-size:.58rem;font-weight:900;letter-spacing:.15em; }
.command-panel-heading h2,.command-section-heading h3 { margin:0;color:#eef1f8;font-weight:850;letter-spacing:-.035em; }
.command-panel-heading h2 { font-size:1.12rem; }
.command-count { display:grid;place-items:center;min-width:30px;height:25px;padding:0 .55rem;border:1px solid rgba(141,114,255,.18);border-radius:999px;color:#bdb2ff;background:rgba(141,114,255,.08);font-size:.68rem;font-weight:850; }
.command-catalog-search { flex:0 0 auto;min-height:40px; }
.command-module-filter { margin-top:.6rem;padding:.55rem;border:1px solid rgba(148,163,184,.09);border-radius:.8rem;background:rgba(3,8,18,.24); }
.command-module-filter-heading { display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.42rem;padding:0 .15rem; }.command-module-filter-heading span { color:#718096;font-size:.55rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase; }.command-module-filter-heading small { overflow:hidden;color:#9c8eef;font-size:.54rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap; }
.command-module-buttons { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;max-height:108px;overflow-y:auto;padding-right:.15rem; }
.command-module-buttons button { display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.4rem;min-width:0;padding:.38rem .42rem;border:1px solid transparent;border-radius:.55rem;color:#718096;text-align:left;background:transparent;transition:.14s ease; }.command-module-buttons button:hover { border-color:rgba(148,163,184,.1);color:#bdc7d5;background:rgba(255,255,255,.025); }.command-module-buttons button.active { border-color:rgba(141,114,255,.22);color:#d4ccff;background:linear-gradient(90deg,rgba(141,114,255,.12),rgba(86,217,193,.025)); }
.command-module-buttons button>span { display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(148,163,184,.1);border-radius:.42rem;color:#8e80dc;background:rgba(141,114,255,.055);font-size:.56rem;font-weight:900; }.command-module-buttons button>span .mud-icon-root { font-size:.82rem; }.command-module-buttons button>strong { overflow:hidden;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap; }.command-module-buttons button>small { color:#58667a;font-size:.49rem;font-weight:850; }.command-module-buttons button.active>small { color:#8274cd; }
.command-status-filter { display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;margin:.65rem 0; }
.command-status-filter button { min-width:0;padding:.42rem .2rem;border:1px solid transparent;border-radius:.55rem;color:#718096;background:transparent;font-size:.58rem;font-weight:800; }
.command-status-filter button:hover { color:#cbd4e3;background:rgba(255,255,255,.03); }
.command-status-filter button.active { border-color:rgba(141,114,255,.2);color:#d6ceff;background:rgba(141,114,255,.1); }
.command-catalog-list { display:flex;flex:1;flex-direction:column;gap:.32rem;min-height:0;overflow-y:auto;padding:.1rem .25rem .2rem 0; }
.command-catalog-row { display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:.65rem;width:100%;padding:.65rem;border:1px solid transparent;border-radius:.75rem;color:inherit;text-align:left;background:transparent;transition:.15s ease; }
.command-catalog-row:hover { border-color:rgba(148,163,184,.1);background:rgba(255,255,255,.025);transform:translateX(2px); }
.command-catalog-row.active { border-color:rgba(141,114,255,.24);background:linear-gradient(90deg,rgba(141,114,255,.14),rgba(86,217,193,.035));box-shadow:inset 3px 0 var(--command-violet); }
.command-row-icon { display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(148,163,184,.11);border-radius:.65rem;color:#8e9db4;background:#0a1222;font-size:.72rem;font-weight:900; }
.command-catalog-row.active .command-row-icon { border-color:rgba(141,114,255,.24);color:#c7bcff;background:rgba(141,114,255,.1); }
.command-row-copy { display:grid;min-width:0; }
.command-row-copy strong { overflow:hidden;color:#dfe5ef;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap; }
.command-row-copy strong small { color:#8f82db;font:inherit; }
.command-row-copy>small { overflow:hidden;margin-top:.18rem;color:#66758b;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap; }
.command-row-state { width:6px;height:6px;border-radius:50%;background:#58657a; }
.command-row-state.live { background:#4ad6b8;box-shadow:0 0 8px rgba(74,214,184,.55); }
.command-row-state.paused { background:#f5a85b;box-shadow:0 0 8px rgba(245,168,91,.5); }
.command-catalog-empty { display:grid;place-items:center;gap:.7rem;padding:2.5rem 1rem;color:#65748a;font-size:.72rem;text-align:center; }

.command-designer { min-width:0;padding:1rem!important; }
.command-designer:hover,.command-preview:hover,.command-health:hover,.command-catalog:hover { transform:none!important; }
.command-designer-heading { margin-bottom:.75rem; }
.command-designer-badges { display:flex;align-items:center;gap:.35rem; }
.command-designer-badges span { padding:.3rem .5rem;border:1px solid rgba(148,163,184,.11);border-radius:.45rem;color:#738197;background:rgba(255,255,255,.02);font-size:.54rem;font-weight:900;letter-spacing:.08em; }
.command-designer-badges span.public { border-color:rgba(86,217,193,.18);color:#69dbc6;background:rgba(86,217,193,.06); }
.command-designer-badges span.hidden { border-color:rgba(245,168,91,.2);color:#efb06f;background:rgba(245,168,91,.06); }
.command-tabs .mud-tabs-panels { min-height:610px; }
.command-editor-section { display:grid;gap:1.1rem;padding:1.1rem .85rem 1.35rem; }
.command-section-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(148,163,184,.08); }
.command-section-heading h3 { font-size:1.05rem; }
.command-section-heading p { margin:.25rem 0 0;color:#758399;font-size:.7rem;line-height:1.45; }
.command-impact { display:flex;align-items:center;gap:.35rem;flex:0 0 auto;padding:.38rem .55rem;border:1px solid;border-radius:999px;font-size:.56rem;font-weight:850;text-transform:uppercase; }
.command-impact .mud-icon-root { font-size:.9rem; }
.command-impact.restart { border-color:rgba(245,168,91,.2);color:#efae67;background:rgba(245,168,91,.06); }
.command-impact.live { border-color:rgba(86,217,193,.18);color:#60d7c0;background:rgba(86,217,193,.055); }
.command-module-suggestions { display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:-.35rem; }
.command-module-suggestions>span { margin-right:.3rem;color:#65748a;font-size:.61rem;font-weight:750; }
.command-module-suggestions button { padding:.28rem .48rem;border:1px solid rgba(148,163,184,.1);border-radius:999px;color:#8290a5;background:rgba(255,255,255,.018);font-size:.58rem;font-weight:750; }
.command-module-suggestions button:hover,.command-module-suggestions button.active { border-color:rgba(141,114,255,.25);color:#c7bcff;background:rgba(141,114,255,.08); }
.command-reference-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;height:100%; }
.command-reference-grid div { display:flex;flex-direction:column;justify-content:center;min-width:0;padding:.65rem;border:1px solid rgba(148,163,184,.1);border-radius:.75rem;background:rgba(4,9,19,.25); }
.command-reference-grid span { color:#647288;font-size:.52rem;font-weight:900;letter-spacing:.1em; }
.command-reference-grid strong { overflow:hidden;margin-top:.2rem;color:#cbd4e2;font:750 .68rem/1.3 monospace;text-overflow:ellipsis; }
.command-toggle-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem; }
.command-toggle-card { display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.75rem;border:1px solid rgba(148,163,184,.1);border-radius:.85rem;background:rgba(4,9,19,.22);transition:.15s ease;cursor:pointer; }
.command-toggle-card:hover { border-color:rgba(141,114,255,.2); }
.command-toggle-card.on { border-color:rgba(141,114,255,.2);background:linear-gradient(135deg,rgba(141,114,255,.08),rgba(86,217,193,.025)); }
.command-toggle-card>span { display:grid;grid-template-columns:20px 1fr;column-gap:.45rem;min-width:0; }
.command-toggle-card .mud-icon-root { grid-row:1/3;color:#718198;font-size:1.05rem; }
.command-toggle-card.on .mud-icon-root { color:#a998ff; }
.command-toggle-card strong { color:#cdd5e2;font-size:.68rem; }
.command-toggle-card small { grid-column:2;color:#68768a;font-size:.57rem;line-height:1.35; }

.command-field-label { display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem; }
.command-field-label strong { color:#cdd5e1;font-size:.72rem; }
.command-field-label span { color:#69778c;font-size:.59rem;text-align:right; }
.command-token-field { min-width:0; }
.command-token-list { display:flex;flex-wrap:wrap;gap:.35rem;min-height:45px;padding:.55rem;border:1px solid rgba(148,163,184,.13);border-radius:.8rem .8rem 0 0;background:rgba(3,8,18,.27); }
.command-token-list.long-values { display:grid; }
.command-token { display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.28rem .3rem .28rem .5rem;border:1px solid rgba(141,114,255,.17);border-radius:.5rem;color:#bfb4ff;background:rgba(141,114,255,.075);font-size:.65rem; }
.command-token code { overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap; }
.long-values .command-token { justify-content:space-between; }
.command-token button { display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;color:#766baf;background:transparent;font-size:1rem;line-height:1; }
.command-token button:hover { color:#ff9b9b;background:rgba(239,68,68,.1); }
.command-token-empty { align-self:center;color:#5f6d82;font-size:.64rem;font-style:italic; }
.command-token-add { display:flex;border:1px solid rgba(148,163,184,.13);border-top:0;border-radius:0 0 .8rem .8rem;overflow:hidden;background:rgba(4,9,19,.36); }
.command-token-add input { min-width:0;flex:1;padding:.68rem .75rem;border:0;outline:0;color:#dce3ed;background:transparent;font-size:.7rem; }
.command-token-add input::placeholder { color:#566479; }
.command-token-add button { display:flex;align-items:center;gap:.25rem;padding:0 .7rem;border:0;border-left:1px solid rgba(148,163,184,.1);color:#a99cff;background:rgba(141,114,255,.055);font-size:.62rem;font-weight:850; }
.command-token-add button:hover:not(:disabled) { background:rgba(141,114,255,.12); }
.command-token-add button:disabled { color:#4d596b;background:transparent; }
.command-token-add .mud-icon-root { font-size:1rem; }
.command-copy-count { margin-top:-.9rem;color:#59677b;font-size:.56rem;text-align:right; }
.command-markup-bar { display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:-.7rem; }
.command-markup-bar>span { margin-right:.25rem;color:#66758b;font-size:.6rem;font-weight:750; }
.command-markup-bar button { padding:.32rem .48rem;border:1px solid rgba(148,163,184,.1);border-radius:.45rem;color:#8f9db1;background:rgba(255,255,255,.018);font-size:.58rem; }
.command-markup-bar button:hover { border-color:rgba(141,114,255,.22);color:#c8bdff;background:rgba(141,114,255,.07); }
.command-media-field { display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:stretch;gap:.65rem; }
.command-media-preview { position:relative;min-height:82px;overflow:hidden;border:1px solid rgba(148,163,184,.11);border-radius:.8rem;background:#060b15; }
.command-media-preview img { width:100%;height:100%;object-fit:cover;opacity:.72; }
.command-media-preview span { position:absolute;right:.4rem;bottom:.35rem;padding:.2rem .35rem;border-radius:.35rem;color:#d1d8e4;background:rgba(3,7,15,.75);font-size:.52rem;text-transform:uppercase; }
.command-availability { display:flex;align-items:center;gap:.75rem;padding:.8rem;border:1px solid;border-radius:.85rem; }
.command-availability.online { border-color:rgba(86,217,193,.17);background:rgba(86,217,193,.045); }
.command-availability.paused { border-color:rgba(245,168,91,.2);background:rgba(245,168,91,.05); }
.command-availability-icon { display:grid;place-items:center;width:35px;height:35px;border-radius:.65rem; }
.online .command-availability-icon { color:#57d7bd;background:rgba(86,217,193,.09); }
.paused .command-availability-icon { color:#f0ad67;background:rgba(245,168,91,.09); }
.command-availability>div:last-child { display:grid; }
.command-availability strong { color:#d9e1eb;font-size:.72rem; }
.command-availability span { margin-top:.15rem;color:#718096;font-size:.6rem; }
.command-event-option { display:flex;align-items:center;gap:.65rem; }
.command-event-option>span { display:grid;place-items:center;width:28px;height:28px;border-radius:.5rem;background:rgba(141,114,255,.08); }
.command-event-option>div { display:grid; }.command-event-option strong { font-size:.7rem; }.command-event-option small { color:#718096;font-size:.58rem; }
.command-preset-section { min-width:0; }
.command-preset-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem; }
.command-preset-grid button { display:grid;grid-template-columns:30px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.55rem;padding:.65rem;border:1px solid rgba(148,163,184,.1);border-radius:.75rem;color:inherit;text-align:left;background:rgba(4,9,19,.22); }
.command-preset-grid button:hover { border-color:rgba(141,114,255,.2); }
.command-preset-grid button.active { border-color:rgba(86,217,193,.2);background:linear-gradient(135deg,rgba(86,217,193,.07),rgba(141,114,255,.04)); }
.command-preset-grid button>span { grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:.55rem;background:rgba(255,255,255,.035); }
.command-preset-grid button>span img { width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)); }
.command-preset-grid strong { color:#cbd4e2;font-size:.65rem; }.command-preset-grid small { grid-column:2;color:#647288;font-size:.54rem; }
.command-preset-grid .mud-icon-root { grid-column:3;grid-row:1/3;color:#5d6b80;font-size:1rem; }.command-preset-grid button.active .mud-icon-root { color:#58d7bf; }

.command-preview-column { position:sticky;top:6.4rem;display:grid;gap:1rem;max-height:calc(100vh - 8.2rem);overflow-y:auto;padding-right:.2rem; }
.command-preview,.command-health { padding:1rem!important; }
.command-preview-eye { display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(86,217,193,.16);border-radius:.55rem;color:#58d6bf;background:rgba(86,217,193,.055); }
.command-preview-eye .mud-icon-root { font-size:1rem; }
.discord-surface { padding:.9rem;border:1px solid rgba(148,163,184,.1);border-radius:.9rem;background:#313338;box-shadow:inset 0 1px rgba(255,255,255,.025); }
.discord-author { display:grid;grid-template-columns:36px auto 27px 1fr;align-items:center;gap:.4rem;color:#f2f3f5;font-size:.7rem; }
.discord-author>span { grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c5cff,#4abfab);font-size:.65rem;font-weight:900; }
.discord-author strong { font-size:.72rem; }.discord-author em { padding:.08rem .2rem;border-radius:.2rem;color:#fff;background:#5865f2;font-size:.45rem;font-style:normal;font-weight:850; }.discord-author small { color:#949ba4;font-size:.53rem; }
.discord-message { margin-left:44px; }
.discord-command-line { display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0;color:#b5bac1;font-size:.57rem; }
.discord-command-line>code { color:#d7dcff; }.discord-command-line span { padding:.17rem .3rem;border-radius:.3rem;background:rgba(0,0,0,.18); }
.discord-embed { overflow:hidden;padding:.8rem;border-left:4px solid #8d72ff;border-radius:.25rem;background:#2b2d31;color:#dbdee1;font-size:.62rem; }
.discord-embed-title { margin-bottom:.4rem;color:#fff;font-size:.68rem;font-weight:750; }
.discord-embed h4 { margin:.45rem 0 .25rem;color:#f2f3f5;font-size:.72rem;line-height:1.35; }
.discord-embed h5 { margin:.65rem 0 .2rem;color:#f2f3f5;font-size:.62rem; }
.discord-embed p { margin:.2rem 0;color:#b5bac1;line-height:1.45; }
.discord-description { max-height:120px;overflow:hidden;white-space:pre-wrap;mask-image:linear-gradient(#000 75%,transparent); }
.discord-embed code { padding:.08rem .2rem;border-radius:.2rem;color:#dbdee1;background:#1e1f22; }
.discord-field { margin-top:.65rem; }.discord-field>strong { color:#f2f3f5;font-size:.61rem; }
.discord-media { width:100%;max-height:130px;margin-top:.65rem;border-radius:.35rem;object-fit:cover; }
.discord-embed footer { margin-top:.7rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);color:#8d949d;font-size:.52rem; }
.command-panel-heading.compact { margin-bottom:.65rem; }
.command-health-score { color:#62dac3;font:850 .86rem/1 monospace; }
.command-health-meter { height:4px;overflow:hidden;margin-bottom:.8rem;border-radius:999px;background:rgba(255,255,255,.04); }
.command-health-meter span { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d72ff,#56d9c1);box-shadow:0 0 12px rgba(86,217,193,.35);transition:width .2s ease; }
.command-health-list { display:grid;gap:.4rem; }
.command-health-list>div,.command-sync-note { display:flex;align-items:flex-start;gap:.55rem;padding:.55rem;border:1px solid rgba(148,163,184,.08);border-radius:.65rem;background:rgba(4,9,19,.2); }
.command-health-list .mud-icon-root,.command-sync-note .mud-icon-root { margin-top:.08rem;font-size:1rem; }
.command-health-list .ok .mud-icon-root { color:#59d8c0; }.command-health-list .warning .mud-icon-root { color:#efb06c; }.command-health-list .error .mud-icon-root { color:#f47f88; }
.command-health-list span,.command-sync-note span { display:grid; }.command-health-list strong,.command-sync-note strong { color:#cbd4df;font-size:.61rem; }.command-health-list small,.command-sync-note small { margin-top:.12rem;color:#6d7b90;font-size:.55rem;line-height:1.4; }
.command-sync-note { margin-top:.65rem;border-color:rgba(141,114,255,.11); }.command-sync-note .mud-icon-root { color:#9f8cff; }

@media (max-width: 1500px) {
    .command-workspace { grid-template-columns:minmax(260px,300px) minmax(0,1fr); }
    .command-preview-column { position:static;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding:0; }
    .command-hero-stats { margin-right:5.5rem; }
}
@media (max-width: 1050px) {
    .command-studio-hero { align-items:flex-start;padding:1.8rem; }
    .command-hero-stats { grid-template-columns:repeat(2,1fr);margin:0 3rem 0 1rem; }
    .command-workspace { grid-template-columns:1fr; }
    .command-catalog { position:static!important;height:auto;max-height:520px; }
    .command-catalog-list { height:310px; }
    .command-preview-column { grid-column:1; }
}
@media (max-width: 760px) {
    .command-studio-page { gap:.75rem; }
    .command-studio-hero { display:block;min-height:auto;padding:1.5rem;border-radius:1.1rem; }
    .command-hero-copy p { font-size:.85rem; }
    .command-hero-stats { grid-template-columns:repeat(2,1fr);margin:1.25rem 0 0; }
    .command-hero-stats div { min-width:0; }
    .command-hero-orbit { display:none; }
    .command-toolbar { position:static!important;align-items:flex-start;flex-direction:column; }
    .command-toolbar-actions { width:100%;flex-wrap:wrap;justify-content:flex-start; }
    .command-restart-notice { width:100%; }
    .command-preview-column { grid-template-columns:1fr; }
    .command-section-heading { display:grid; }.command-impact { width:max-content; }
    .command-toggle-grid,.command-preset-grid { grid-template-columns:1fr; }
    .command-media-field { grid-template-columns:1fr; }
    .command-media-preview { height:130px; }
    .command-reference-grid { min-height:65px; }
}