:root{color-scheme:dark;--page-bg: #061019;--panel-bg: rgba(8, 18, 31, .9);--panel-border: rgba(128, 186, 255, .2);--panel-shadow: rgba(0, 0, 0, .3);--text-main: #f5f7fb;--text-muted: #9fb3c8;--accent-strong: #9fe9ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:minmax(300px,380px) 1fr;background:radial-gradient(circle at top left,rgba(120,170,255,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(82,223,214,.12),transparent 24%),linear-gradient(180deg,#0a1525 0%,var(--page-bg) 60%);color:var(--text-main);font:15px/1.5 Avenir Next,Avenir,Segoe UI,sans-serif}aside,main{min-height:100vh}aside{padding:28px 24px;border-right:1px solid rgba(255,255,255,.08);background:#0409108f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{margin:0 0 10px;font-size:1.6rem;line-height:1.05}p,li{color:var(--text-muted)}ul{padding-left:18px}label{display:block;margin:18px 0 8px;color:var(--text-main);font-size:.95rem}select,input[type=number]{width:100%;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(115,213,255,.3);background:#0c1828d9;color:var(--text-main);font:inherit}.aside-section-title{margin:22px 0 0;color:var(--text-main);font-size:.95rem;font-weight:600}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(115,213,255,.35);background:#0c1828d9;color:var(--text-main);font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}.breadcrumb{margin:0 0 16px;font-size:.85rem}.breadcrumb a{color:var(--accent-strong);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--text-muted)}.status{margin:0 0 16px;color:var(--accent-strong);font-size:.95rem}pre{margin:0;padding:16px;overflow:auto;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel-bg);box-shadow:0 20px 40px var(--panel-shadow);color:#d9e7f6;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.meta-block{margin:0 0 16px}main{padding:24px}.viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;min-height:calc(100vh - 48px)}.viewer-shell{width:100%;height:calc(100vh - 48px);border:1px solid var(--panel-border);border-radius:30px;overflow:hidden;background:radial-gradient(circle at top,rgba(148,220,255,.08),transparent 20%),#02040b;box-shadow:0 25px 60px #00000059}@media(max-width:960px){body{grid-template-columns:1fr}aside{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.viewer-shell{height:52vh;min-height:340px}.viewer-grid{grid-template-columns:1fr;min-height:auto}}