:root{--bg-main: #0f1116;--bg-section: #161a22;--bg-input: #0f1116;--border-main: #222631;--border-soft: #1f2530;--border-input: #2a2f3a;--text-primary: #e6e6e6;--text-secondary: #bfc6d2;--text-muted: #9aa4b2;--accent: #4da3ff;--plot-bg: #0a0f17;--plot-grid-major: #2a3242;--plot-grid-minor: #1f2530;--plot-axis: #3a4353;--plot-text: #9aa4b2;--plot-satellite: #4da3ff;--tm-low: #08101c;--tm-mid: #4da3ff;--tm-high: #dfeeff}:root[data-theme=light]{--bg-main: #f4f7fb;--bg-section: #ffffff;--bg-input: #f1f3f7;--border-main: #e5e7eb;--border-soft: #d1d5db;--border-input: #d1d5db;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--accent: #2563eb;--plot-bg: #ffffff;--plot-grid-major: #d1d5db;--plot-grid-minor: #e5e7eb;--plot-axis: #000000;--plot-text: #000000;--plot-satellite: #2563eb;--tm-low: #ffffff;--tm-mid: #60a5fa;--tm-high: #1e3a8a}:root[data-theme=oled]{--bg-main: #000000;--bg-section: #000000;--bg-input: #000000;--border-main: #101010;--border-soft: #151515;--border-input: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cfcfcf;--text-muted: #9a9a9a;--accent: #4da3ff;--plot-bg: #000000;--plot-grid-major: #1f2937;--plot-grid-minor: #111827;--plot-axis: #374151;--plot-text: #cbd5e1;--plot-satellite: #3b82f6;--tm-low: #000000;--tm-mid: #3b82f6;--tm-high: #dbeafe}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-main);color:var(--text-primary)}.page{width:100%;max-width:1100px;margin:0 auto;padding:100px 24px 120px;display:flex;flex-direction:column;gap:80px}h1{text-align:center;font-size:2.4rem;font-weight:300;letter-spacing:2px}h2{font-size:1.4rem;font-weight:400;border-bottom:1px solid var(--border-input);padding-bottom:12px;margin-bottom:30px}section{background:var(--bg-section);padding:30px 30px 40px;border-radius:8px;box-shadow:0 0 0 1px var(--border-main);display:flex;flex-direction:column;gap:25px}.array-container{display:flex;flex-direction:column;gap:28px;width:100%;max-width:100%;min-width:0}.form-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.form-row .form-row-controls{display:inline-flex;align-items:center;gap:8px}.restore-btn{width:32px;height:32px;border-radius:999px;border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.restore-btn:hover{border-color:var(--accent);color:var(--accent)}.restore-btn:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4da3ff33}.form-row>label{margin:0;flex:1 1 220px}.form-row>select{flex:0 1 280px;min-width:220px}@media(max-width:640px){.form-row>label,.form-row>select{flex-basis:100%}}.form-block{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-bottom:1px solid var(--border-soft)}.form-label{font-size:.95rem;letter-spacing:.5px;color:var(--text-secondary)}.form-input-line{display:flex;align-items:center;gap:12px}input{width:140px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-primary);border-radius:4px;transition:all .2s ease}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4da3ff33}.form-unit{color:var(--text-muted);font-size:.9rem}select{width:180px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-primary);border-radius:4px}select:focus{outline:none;border-color:var(--accent)}@media(max-width:768px){.page{padding:40px 16px 80px;gap:60px}section{padding:30px 24px 40px;border-radius:10px;box-shadow:0 0 0 1px var(--border-soft),0 10px 30px #00000059}}.layout-container{display:flex;justify-content:center;align-items:center}.layout-canvas{width:100%;max-width:650px;aspect-ratio:1 / 1;background:radial-gradient(circle at center,var(--bg-section) 0%,var(--bg-main) 100%);border:1px solid var(--border-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}html{scrollbar-gutter:stable}.layout-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1.4fr);gap:24px;align-items:start}.layout-controls{display:grid;gap:12px;min-width:0;overflow:visible}.layout-plot{border:1px solid var(--border-soft);border-radius:12px;background:var(--bg-section);padding:12px;overflow:hidden;min-height:420px;min-width:0}@media(max-width:900px){.layout-grid{grid-template-columns:1fr}.layout-plot{min-height:320px}}.nav{position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-section);border-bottom:1px solid var(--border-soft);z-index:2000}.navInner{max-width:1100px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navLeft{display:flex;align-items:center}.navLinks a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;letter-spacing:.5px;transition:color .2s ease}.navLinks a:hover{color:var(--accent)}.themeControl{display:flex;align-items:center;gap:10px;margin-left:24px}.themeLabel{font-size:.8rem;color:var(--text-muted)}.themeSelect{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-primary);padding:4px 8px;font-size:.85rem;border-radius:4px;height:28px;width:100px}.brand{text-decoration:none;color:var(--text-primary);font-weight:500;letter-spacing:1px}.burger{width:28px;height:20px;background:none;border:none;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.burger span{background:var(--text-primary);height:2px;width:100%;display:block}.overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:999}.overlay.open{opacity:1;pointer-events:auto}.panel{position:absolute;top:0;right:0;width:320px;height:100%;background:var(--bg-section);border-left:1px solid var(--border-soft);padding:48px 28px;display:flex;flex-direction:column}.close{background:none;border:none;color:var(--text-primary);font-size:1.6rem;cursor:pointer;align-self:flex-end}.menu{display:flex;flex-direction:column;gap:18px}.item{text-decoration:none;color:var(--text-primary);font-size:.95rem}.item:hover{color:var(--accent)}.themeControlMobile{margin-top:28px;display:flex;align-items:center;gap:12px}.themeControlMobile .themeLabel{font-size:.85rem;color:var(--text-muted)}.themeControlMobile .themeSelect{width:140px;height:30px;padding:4px 8px;font-size:.85rem}.navLinks{display:none}@media(min-width:900px){.navLinks{display:flex;align-items:center;gap:28px}.burger{display:none}}