:root{--bg:#f4f5f7;--panel:#fff;--panel2:#eef0f3;--fg:#1d2129;--muted:#5f6673;--line:#d6d9df;--accent:#2563eb;--accent-fg:#fff;--ok:#15803d;--warn:#b45309;--err:#b91c1c;--chart-bg:#fff;--tile:#c9d6f2;--tile-line:#3a4a75;color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--panel:#171a21;--panel2:#1f232c;--fg:#e6e8ec;--muted:#9aa1ad;--line:#2c313c;--accent:#3b82f6;--ok:#4ade80;--warn:#fbbf24;--err:#f87171;--chart-bg:#0b0d11;--tile:#2d4373;--tile-line:#9db4ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg)}button,select,input{font:inherit;color:inherit}button{background:var(--panel2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.danger{color:var(--err)}button.small{padding:2px 7px;font-size:12px}button.link{text-align:left;white-space:normal;background:0 0;border:none;padding:0}select,input[type=number]{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:0;padding:4px 6px}input.bad{border-color:var(--err)}input[type=range]{accent-color:var(--accent)}label{color:var(--muted);font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}.app{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:8px 12px;display:flex}.toolbar .brand{font-size:16px;font-weight:700}.body{grid-template-columns:330px minmax(0,1fr);align-content:start;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);padding:10px 12px}.section{margin-bottom:14px}.section h3,.box h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 6px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.spacer{flex:1}.grid2{grid-template-columns:1fr 1fr;gap:0 6px;display:grid}.field{flex-direction:column;gap:2px;min-width:0;margin-bottom:6px;display:flex}.field input{width:100%;font-size:14px}.hint{color:var(--muted);margin:0 0 6px;font-size:12px;line-height:1.4}.err-text{color:var(--err)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.presets{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px;display:grid}.preset{text-transform:capitalize;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:11px;display:flex}.preset svg{width:100%;height:36px}.preset.on{border-color:var(--accent);background:var(--panel);box-shadow:inset 0 0 0 1px var(--accent)}.preset path{fill:var(--accent);fill-opacity:.25;stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke}.pad{aspect-ratio:1;background:var(--chart-bg);border:1px solid var(--line);touch-action:none;cursor:crosshair;border-radius:8px;width:100%;margin-bottom:6px;display:block}.main{flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex}.box{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px}.views{grid-template-columns:1fr 1fr;gap:8px;display:grid}.view{position:relative}.view svg{aspect-ratio:1;background:var(--chart-bg);border:1px solid var(--line);border-radius:6px;width:100%;display:block}.view .tag{color:var(--muted);font-size:12px;position:absolute;top:6px;left:8px}.view .busy{color:var(--warn);font-size:12px;position:absolute;top:6px;right:8px}.tile-c{fill:var(--tile);stroke:none}.tile-d{fill:var(--tile);stroke:var(--tile-line);stroke-linejoin:round}.cut{fill:none;stroke:#e11d2e;stroke-linecap:round;stroke-linejoin:round}.target{fill:none;stroke:var(--accent);stroke-dasharray:5 4;vector-effect:non-scaling-stroke;stroke-width:1.5px}.slider-row input[type=range]{flex:1;min-width:140px}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}table.data td{text-align:left;border-bottom:1px solid var(--line);padding:4px 6px}table.data td:last-child{text-align:right}.foot{border-top:1px solid var(--line);margin:0;padding:8px 12px}@media (width<=800px){.body{grid-template-columns:minmax(0,1fr)}.side{border-right:none;border-bottom:1px solid var(--line)}.side,.main,.toolbar,.foot{padding-left:16px;padding-right:16px}button{min-height:36px}input[type=number]{min-height:36px;font-size:16px}}@media (width<=560px){.views{grid-template-columns:1fr}}