:root{--bg:#141618;--panel:#16181be0;--border:#2d3136;--text:#e8e9ea;--muted:#9aa0a6;--accent:#ff7a1a;--accent2:#37d67a;--font:"Segoe UI Variable", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:13px/1.4 var(--font);margin:0;overflow:hidden}#view{position:absolute;inset:0}#view canvas{display:block}#topbar{pointer-events:none;background:linear-gradient(#000000a6,#0000);justify-content:space-between;align-items:center;height:44px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.brand .dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 8px var(--accent);border-radius:50%}.badge{background:var(--panel);border:1px solid var(--border);color:var(--muted);pointer-events:auto;border-radius:6px;padding:4px 10px;font-size:12px}.badge b{color:var(--text)}#toolbar{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;flex-direction:column;gap:4px;width:150px;padding:8px;display:flex;position:absolute;top:56px;left:12px}#toolbar button{all:unset;cursor:pointer;color:var(--text);text-align:left;border:1px solid #0000;border-radius:5px;padding:6px 8px}#toolbar button:hover{background:#ffffff0f}#toolbar button.active{background:var(--accent);color:#111;font-weight:600}#toolbar hr{border:0;border-top:1px solid var(--border);margin:4px 0}#toolbar label{color:var(--muted);align-items:center;gap:6px;padding:3px 4px;display:flex}#toolbar label.slider{flex-direction:column;align-items:stretch;gap:2px;font-size:11px}#toolbar input[type=range]{width:100%;accent-color:var(--accent)}#budgetVal{text-align:right;font-size:11px}#coordbar{background:var(--panel);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:6px;padding:6px 12px;font-family:Consolas,Cascadia Mono,monospace;font-size:12.5px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#coordbar .k{color:var(--muted);margin-left:10px}#coordbar .k:first-child{margin-left:0}#toast{background:var(--panel);border:1px solid var(--accent);border-radius:8px;max-width:70%;padding:8px 14px;font-size:13px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.muted{color:var(--muted);padding:2px 6px;font-size:11px}#status{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#status.error{border-color:#d44}.hidden{display:none}@media (max-width:700px){#toolbar{width:120px}}.ov-root{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.ov{will-change:transform;position:absolute;top:0;left:0}.ov-dot{border:2px solid #111;border-radius:50%;margin:-6px 0 0 -6px;box-shadow:0 0 0 1px #ffffff59}.ov-pin{filter:drop-shadow(0 2px 2px #0009);margin:-34px 0 0 -12px}.ov-pin svg{display:block}.ov-label{transform-origin:50%;font:600 12.5px/1.3 var(--font);white-space:nowrap;background:#0f1114d9;border:1.5px solid;border-radius:6px;margin:0;padding:2px 8px;translate:-50% -50%;box-shadow:0 1px 4px #00000080}#view.cursor-erase{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><g transform='rotate(-45 13 13)'><rect x='3' y='8' width='20' height='10' rx='2' fill='%23ff7a1a' stroke='%23111' stroke-width='1.5'/><rect x='3' y='8' width='8' height='10' rx='2' fill='%23fff' stroke='%23111' stroke-width='1.5'/></g><circle cx='13' cy='13' r='1.5' fill='%23111'/></svg>") 13 13,pointer}