:root{color-scheme:dark;--bg:#0c1118;--panel:#141c27;--line:#273344;--muted:#a5b3c4;--text:#edf3fa;--accent:#7edcc2;--warning:#f0c67b;font:16px/1.55 'Segoe UI',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{border:1px solid transparent;background:var(--accent);color:#0b2420;border-radius:8px;padding:10px 17px;font-size:.9rem;font-weight:650;cursor:pointer}button:hover:enabled{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#1d2938;color:var(--text);border-color:#354456}.danger{background:#48232d;color:#ffd0da;border-color:#784050}.text-button{padding:3px 8px;background:transparent;color:inherit}.preview{min-height:42px;background:#19273a;color:#c3d5ed;display:flex;align-items:center;gap:18px;padding:8px 26px;font-size:.8rem;border-bottom:1px solid #34465c}.preview strong{font-size:.7rem;letter-spacing:.12em}.preview .text-button{margin-left:auto;font-size:.8rem}.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 42px)}aside{background:#101721;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;gap:12px;align-items:center;font-size:.95rem;line-height:1.35;margin:0 8px 28px}.brand strong{font-size:1.15rem}.brand-mark{display:grid;place-items:center;background:#204039;color:var(--accent);border:1px solid #3d7266;border-radius:10px;width:43px;height:43px;font-size:.85rem;font-weight:750;letter-spacing:.07em}.nav-label{display:block;font-size:.7rem;letter-spacing:.14em;font-weight:700;color:#94a8c0;margin:16px 12px 5px}nav{display:grid;gap:5px}nav a{padding:10px 12px;border-radius:7px;font-size:.9rem;color:#aebdd0;display:flex;align-items:center;gap:12px}nav a:hover{background:#1c2837;color:white}nav a[aria-current=page]{background:#203a36;color:#a9f1db;border-left:3px solid var(--accent);padding-left:9px}.small-tag{margin-left:auto;font-size:.65rem;color:#a3bbe1;background:#26374f;padding:2px 6px;border-radius:4px}.nav-divider{height:1px;background:var(--line);margin:20px 12px 4px}select,input:not([type=checkbox]):not([type=range]){background:#0f1722;color:var(--text);border:1px solid #3c4d63;border-radius:7px;padding:10px 12px;max-width:100%;width:100%}aside select{font-size:.9rem;margin-bottom:9px}.host-note{border-top:1px solid var(--line);margin-top:auto;padding:26px 10px 4px;font-size:.85rem}.host-note>span:last-child{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}main{padding:44px clamp(24px,4vw,64px);width:100%;max-width:1550px;margin:auto;align-self:start}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:var(--accent);font-weight:650;margin:0 0 8px}h1{font-size:2rem;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px}h2{font-size:1.15rem;margin:0 0 9px}h3{font-size:1rem;margin:0 0 8px}p{margin:0 0 16px}.muted,.subtext{color:var(--muted)}.subtext{font-size:.9rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-head p:last-child{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:35px}.stat{padding:22px 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat span{display:block;font-size:.85rem;color:var(--muted)}.stat strong{display:block;font-size:1.65rem;font-weight:600;margin:4px 0}.stat small{font-size:.75rem;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px;gap:15px}.section-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.card-top{padding:22px;border-top:3px solid var(--accent)}.card.sand .card-top{border-color:#e6b878}.card.blue .card-top{border-color:#96b3f2}.card h2{font-size:1.3rem;margin-top:23px}.card-top>p{font-size:.85rem;color:var(--muted);margin-bottom:22px}.card-bottom{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}.card-bottom button{padding:8px 12px}.badge{display:inline-flex;align-items:center;gap:7px;background:#18392f;color:#99e6ca;border:1px solid #2b5c4b;border-radius:30px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge.off{background:#263142;border-color:#3a485c;color:#c2cddd}.badge.warn{color:#f0cd91;background:#3e3021;border-color:#665134}.card-metrics{display:flex;justify-content:space-between;font-size:.9rem;gap:8px}.card-metrics span{color:var(--muted)}.two-column{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:24px}.panel{padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.panel p:last-child{margin-bottom:0}.callout{border:1px solid #39516e;background:#162334;border-radius:9px;padding:17px 20px;font-size:.9rem;margin:20px 0;color:#c4d5eb}.callout.warn{border-color:#685435;background:#29241d;color:#e9d5af}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:0;font-size:.85rem;color:var(--muted)}.row strong{display:block;font-size:.95rem;margin-bottom:3px}.row .actions{margin:0;flex-shrink:0}.pill-link{font-size:.85rem;color:var(--accent)}.timeline{padding:0;list-style:none}.timeline li{padding:10px 0;font-size:.9rem}.timeline time{font-size:.8rem;color:var(--muted);display:inline-block;min-width:62px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:0 0 25px;overflow:auto}.tabs a{padding:12px 0;white-space:nowrap;color:var(--muted);font-size:.9rem}.tabs .active{color:var(--accent);border-bottom:2px solid var(--accent)}label{display:block;font-size:.9rem;margin-bottom:10px}label input{margin-top:7px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;vertical-align:middle;margin-right:10px}input[type=range]{accent-color:var(--accent);width:100%}.wizard{max-width:850px}.steps{display:flex;justify-content:space-between;gap:12px;list-style:none;padding:0;margin:28px 0;color:var(--muted);font-size:.85rem}.steps .active{color:var(--accent);font-weight:650}.choice{display:flex;align-items:center;border:1px solid var(--line);padding:18px;border-radius:9px;margin:12px 0;gap:8px}.choice:has(input:checked){border-color:#6eb7a6;background:#182f2c}.choice span{display:block;color:var(--muted);font-size:.8rem}.choice input{flex-shrink:0}.wizard-footer{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.transfer-path{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}.transfer-path span{border:1px solid #395268;padding:12px 18px;border-radius:9px}.transfer-path b{color:var(--accent)}.rule{display:flex;align-items:flex-start;gap:8px;padding:15px 0;border-bottom:1px solid var(--line)}.rule small{display:block;color:var(--muted);font-size:.85rem}.field{max-width:600px;padding:20px 0;border-bottom:1px solid var(--line)}.field .row{padding:0;border:0}.field input[type=number]{width:90px}.field p{font-size:.85rem;color:var(--muted);margin:8px 0}.savebar{position:sticky;bottom:15px;border:1px solid #467265;background:#1e3732;border-radius:10px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.toast{position:fixed;bottom:24px;right:24px;max-width:430px;background:#24483e;border:1px solid #73bdab;color:white;padding:16px 22px;border-radius:10px;box-shadow:0 8px 30px #0008;z-index:9}dialog{background:var(--panel);border:1px solid #496078;color:var(--text);border-radius:14px;max-width:510px;width:calc(100% - 32px);padding:30px}dialog::backdrop{background:#050a12c9}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c5aaff;outline-offset:4px}pre{white-space:pre-wrap;font: .85rem/1.8 Consolas,monospace;color:#bdcadb;background:#0b121b;padding:20px;border-radius:8px}details{margin-top:18px}summary{cursor:pointer;color:var(--muted)}.empty{text-align:center;padding:45px 20px}.empty h2{font-size:1.4rem}.empty p{max-width:480px;margin:10px auto 22px}.error-text{color:#ffc2c2}.hidden,[hidden]{display:none!important}@media(min-width:1100px){aside{position:sticky;top:0;height:calc(100vh - 42px)}}@media(max-width:1100px){.shell{grid-template-columns:200px 1fr}.cards{grid-template-columns:1fr}.card h2{margin-top:12px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.two-column{grid-template-columns:1fr}.preview{flex-wrap:wrap}}@media(max-width:640px){.shell{display:block}aside{padding:15px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 8px}.nav-label,.nav-divider,.host-note{display:none}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{padding:7px 10px}aside select{margin:10px 0}main{padding:25px 18px}.page-head{align-items:flex-start;flex-direction:column}h1{font-size:1.65rem}.stats{margin-bottom:24px}.stat{padding:15px}.stat strong{font-size:1.35rem}.row{align-items:flex-start;flex-wrap:wrap}.preview{padding:8px 14px;gap:5px 15px}.preview span{font-size:.75rem}.preview .text-button{margin:0}.steps{flex-wrap:wrap;justify-content:flex-start}.savebar{flex-wrap:wrap}.toast{left:14px;right:14px;bottom:14px}.panel{padding:20px}}
:root main{margin:0 auto}.card-bottom button{white-space:nowrap}.steps li[aria-current=step]{border-bottom:2px solid var(--accent);padding-bottom:5px}
.savebar .actions{margin:0}
/* Adapt the existing controls to the approved full application layout. */
.live-shell .shell{min-height:100vh}.live-shell aside{height:100vh;top:0}.live-shell main{max-width:1550px;padding:44px clamp(24px,4vw,64px)}.live-shell main>header{display:block;margin-bottom:30px}.live-shell header h1{font-size:2rem}.live-shell header p{font-size:16px;color:var(--muted)}.live-shell section{margin:0 0 24px;box-shadow:none}.live-shell .controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.live-shell button{font-size:14px}.live-shell p,.live-shell label{font-size:16px}.live-shell .muted,.live-shell footer p,.live-shell .roster-note{font-size:14px}.live-shell .setting-row{padding:22px 0;border-bottom:1px solid var(--line);max-width:760px}.live-shell .setting-row input[type=range]{max-width:540px}.live-shell #settings-fields{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:12px}.live-shell #settings-form>.controls{position:sticky;bottom:16px;background:#1e3732;border:1px solid #467265;padding:15px;border-radius:10px;z-index:2}.live-shell .map-card{background:var(--panel);border-color:var(--line);border-top-color:var(--accent)}.live-shell .badge{font-size:14px}.live-shell nav{margin-top:0}.live-shell .brand{font-size:16px}.live-shell .brand-mark{font-size:14px}.live-shell aside #shell-message{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.live-shell pre{height:350px;overflow:auto}.live-shell .state-row{display:flex;justify-content:space-between;align-items:center}.live-shell dl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.live-shell dd{margin:6px 0;font-size:20px}.live-shell .backup-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.live-shell .backup-row p{font-size:14px}.live-shell a{text-decoration:none}.live-shell a:hover{text-decoration:underline}.live-shell .eyebrow,.live-shell .nav-label{font-size:14px}.live-shell .host-note>span:last-child{font-size:14px}@media(max-width:640px){.live-shell aside{height:auto}.live-shell main{padding:25px 18px}.live-shell dl{grid-template-columns:1fr 1fr}.live-shell .backup-row{flex-direction:column}.live-shell .page-head{display:block}}.live-shell #settings-fields>section{background:transparent;border:0;padding:0;margin:0 0 24px}.live-shell #settings-fields>section>h2{font-size:14px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0}.live-shell .setting-row{padding:14px 0 22px;margin:0;max-width:620px}.live-shell .setting-row input[type=number]{max-width:120px}.live-shell .setting-row [id^=slider-toggle-]{display:none}.live-shell .setting-row .muted{line-height:1.55}.live-shell #settings-search{width:min(100%,520px);margin-left:0}.live-shell .controls{align-items:flex-end}.live-shell .confirm-copy{white-space:pre-line;overflow-wrap:anywhere}.live-shell #settings-savebar[hidden]{display:none!important}.live-shell header .selected-server-context{display:flex;flex-direction:column;gap:3px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line)}.live-shell .selected-server-context span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.live-shell .selected-server-context strong{font-size:20px;color:var(--accent);overflow-wrap:anywhere}.live-shell .tabs{flex-wrap:nowrap}.live-shell .tabs a[aria-current=page]{background:transparent;border-left:0;padding-left:0}.live-shell .map-card>button{margin-top:12px}