:root{color-scheme:dark;--bg:#0c1422;--panel:#121f30;--ink:#edf3fa;--muted:#aebed0;--line:#304259;--gold:#f4c768;--green:#5fdfa2;--purple:#d493e2;--blue:#74b9fb;--pink:#f697b5;--cyan:#62dce2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:var(--blue);text-underline-offset:4px}header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);font-size:.9rem}header span{color:var(--muted)}main{max-width:1600px;margin:auto;padding:20px 28px}h1{font-family:Georgia,serif;font-size:2.4rem;font-weight:400;margin:0 0 15px}h2{font-size:1rem;font-weight:650;margin:0 0 12px}nav{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}button,select,input{font:inherit;color:var(--ink)}button,select{background:var(--panel);border:1px solid var(--line);padding:9px 15px;border-radius:5px;cursor:pointer}button:hover,button:focus-visible{border-color:var(--blue)}nav button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px}aside{font-size:.94rem}aside h2{margin-top:2px}#options label{display:flex;align-items:flex-start;gap:9px;padding:8px 0}input[type=checkbox]{width:18px;height:18px;margin-top:3px;accent-color:var(--green);flex-shrink:0}.swatch{display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid currentColor;background:currentColor;border-radius:2px}.preset{display:block;margin:18px 0 12px;color:var(--muted)}select{width:100%;margin-top:5px;padding:9px 8px}.actions{display:flex;gap:10px}.actions button{flex:1}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);font-size:.94rem;margin:12px 0 0}.hint{color:var(--muted);font-size:.9rem;margin:16px 0}.visual{min-width:0}.canvas-wrap{position:relative;background:#101c2c;border:1px solid var(--line);border-radius:6px;height:clamp(410px,60vh,700px);overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-4px}#status{position:absolute;bottom:10px;left:14px;max-width:90%;color:var(--muted);font-size:.82rem;pointer-events:none;background:#101c2cd9;padding:3px 6px;border-radius:3px}#tooltip{position:absolute;pointer-events:none;max-width:260px;padding:7px 11px;background:#eff5ff;color:#152031;border-radius:4px;font-size:.85rem;box-shadow:0 2px 14px #0008}#legend{display:flex;gap:18px;flex-wrap:wrap;padding:12px 2px;font-size:.9rem;color:var(--muted)}.metrics{border-top:1px solid var(--line);padding-top:15px}.metrics h2{margin-bottom:0}.metrics p{margin:3px 0 10px;color:var(--muted);font-size:.87rem}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:.92rem}th,td{text-align:right;padding:7px 9px;border-bottom:1px solid #30425970}th:first-child,td:first-child{text-align:left}th{font-size:.82rem;color:var(--muted);font-weight:500}tr.total td{font-weight:700;color:var(--cyan);border-top:1px solid var(--line)}.about{margin-top:32px;max-width:1050px}.about details p{font-size:1rem}footer{max-width:1600px;margin:24px auto;padding:20px 28px;color:var(--muted);font-size:.85rem}#coordinates{display:grid;gap:8px;margin-top:10px}.coord-row{display:flex;gap:6px;align-items:center}.coord-row strong{width:20px}.coord-row input{width:calc((100% - 30px)/3);min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:5px;font-size:.86rem}.small{font-size:.84rem;color:var(--muted)}@media(max-width:900px){main{padding:16px}.workspace{grid-template-columns:230px minmax(0,1fr);gap:15px}header{padding:14px 16px}header span{display:none}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}.visual{order:-1}.canvas-wrap{height:430px}aside{display:block}#options{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.preset{max-width:360px}.actions{max-width:360px}header{font-size:.8rem;gap:12px}h1{font-size:2rem}th,td{padding:6px 4px}nav button{padding:8px 10px;font-size:.9rem}}