:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#10171c;color:#e8edf0}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1220px;margin:auto;padding:28px}.eyebrow{color:#69d5bc;font-size:12px;letter-spacing:3px}h1{font-size:clamp(32px,5vw,58px);margin:14px 0}h2{font-size:20px;margin:0 0 18px}p{color:#b8c5cb;line-height:1.6}.panel{background:#19232b;border:1px solid #2c3d47;border-radius:16px;padding:26px;margin-bottom:22px}.controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{font-size:12px;display:flex;gap:8px;flex-direction:column;color:#b8c5cb}input,select,button{font:inherit;border:1px solid #42555f;border-radius:7px;background:#101b22;color:#edf7fa;padding:10px}input[type=number]{width:110px}input[type=file]{max-width:250px}button{cursor:pointer;background:#24443f}button:hover{background:#326257}button:disabled{opacity:.5;cursor:wait}a{color:#82e6ce}canvas{display:block;width:100%;height:auto;margin-top:22px;background:#0d151b;border-radius:8px}.small{font-size:12px}#status{color:#82e6ce}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #31424b}.tablewrap{overflow:auto}td button{padding:5px 12px}footer{color:#8a9fa9;font-size:12px}#metrics{font-variant-numeric:tabular-nums}input:focus,select:focus,button:focus{outline:2px solid #83e9d0}@media(max-width:600px){header,main,footer{padding:18px}.panel{padding:18px}}