:root{--ink:#080808;--paper:#fefefe;--surface:#f4f3f1;--line:#0808081f;--muted:#6b6b6b;--brass:#c9a27a;--brass-dark:#8c7155;--reserved:#8c8c8c;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:14px/1.45 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:2px solid var(--brass-dark);outline-offset:2px}.bar{background:var(--ink);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.bar :focus-visible{outline-color:var(--brass)}.brand{align-items:baseline;gap:12px;display:flex}.logo{letter-spacing:.16em;font-size:15px;font-weight:600}.tool{color:#9a9a9a;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.group{align-items:center;gap:4px;display:inline-flex}.zoom{text-align:center;font-variant-numeric:tabular-nums;color:#cdcdcd;min-width:48px;font-size:12px}.btn{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fefefe33;border-radius:10px;padding:9px 13px;font-size:13px;line-height:1}.btn:hover{border-color:#fefefe73}.btn:disabled{opacity:.4;cursor:default}.btn.icon{text-align:center;width:34px;padding:9px 0}.btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.bar select{font:inherit;background:var(--ink);color:var(--paper);border:1px solid #fefefe33;border-radius:10px;padding:8px 10px;font-size:13px}label.btn input[type=file]{opacity:0;width:1px;height:1px;position:absolute}label.btn:focus-within{outline:2px solid var(--brass);outline-offset:2px}.layout{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.canvas{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.stage{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-height:320px;position:relative;overflow:hidden}.stage[data-mode=select]{cursor:default}.stage.can-pan,.stage.panning{cursor:grab}.stage.panning{cursor:grabbing}.stage.drop{box-shadow:inset 0 0 0 3px var(--brass-dark)}.stage:focus-visible{outline-offset:-3px}.world{transform-origin:0 0;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);box-shadow:0 1px 0 var(--line), 0 12px 32px #08080814;background-size:50px 50px;position:absolute;top:0;left:0}.world img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.zones{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.empty{pointer-events:none;text-align:center;color:var(--muted);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.empty p{background:var(--paper);border:1px dashed #08080840;border-radius:16px;margin:16px;padding:18px 22px}.caption{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:8px 16px;font-size:12px}.zone polygon{fill:#c9a27a47;stroke:var(--brass-dark);cursor:inherit}.stage[data-mode=select] .zone polygon{cursor:pointer}.zone.reserved polygon{fill:#8c8c8c4d;stroke:#5e5e5e}.zone.sold polygon{fill:url(#hatch);stroke:var(--ink)}.zone.selected polygon{stroke:var(--ink);fill-opacity:1}.zone text{fill:var(--ink);font-family:var(--sans);paint-order:stroke;stroke:#fefefed9;stroke-width:calc(4px * var(--k,1));pointer-events:none;font-weight:500}.handle{fill:var(--paper);stroke:var(--ink);cursor:grab}.handle:focus{outline:none}.handle:focus-visible{fill:var(--brass);stroke:var(--brass-dark)}.snap-dot{fill:var(--ink);opacity:.35;pointer-events:none}.draft{fill:none;stroke:var(--ink);pointer-events:none}.draft-pt,.draft-first{fill:var(--paper);stroke:var(--ink);pointer-events:none}.draft-first{fill:var(--brass)}.panel{border-left:1px solid var(--line);flex-direction:column;gap:10px;padding:16px 18px 24px;display:flex;overflow:auto}.modes{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;display:flex}.modes label{position:relative}.modes input{opacity:0;position:absolute}.modes label span{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:inline-flex}.modes input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.modes input:focus-visible+span{outline:2px solid var(--brass-dark);outline-offset:2px}kbd{font-family:var(--mono);opacity:.6;font-size:11px}.panel .btn{border-color:var(--line)}.panel .btn:hover{border-color:#08080859}.panel .btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hint{color:var(--muted);margin:0;font-size:12px}.head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:12px;display:flex}h2{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:500}.count{color:var(--muted);font-size:12px}.zone-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.zone-list li{border:1px solid var(--line);border-radius:12px;padding:6px}.zone-list li.selected{border-color:var(--ink)}.row{grid-template-columns:26px minmax(0,1fr) 104px 30px;align-items:center;gap:6px;display:grid}.zone-list input,.zone-list select,textarea{font:inherit;border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:8px;padding:7px 9px;font-size:13px}.swatch{border:1px solid var(--line);cursor:pointer;background:var(--brass);border-radius:8px;width:26px;height:26px;padding:0}.swatch.reserved{background:var(--reserved)}.swatch.sold{background:repeating-linear-gradient(45deg, var(--ink) 0 2px, var(--paper) 2px 5px)}.icon.del{border:1px solid var(--line);background:var(--paper);cursor:pointer;width:30px;height:30px;color:var(--ink);border-radius:8px;font-size:16px}.more{color:var(--muted);gap:4px;margin-top:8px;font-size:12px;display:grid}.more span{opacity:.8}textarea{font-family:var(--mono);resize:vertical;white-space:pre;min-height:140px;font-size:12px;line-height:1.5}.json-actions{gap:8px;display:flex}.errors{color:#a3392d;margin:0;padding-left:18px;font-size:12px}.errors:empty{display:none}@media (max-width:899px){html,body{height:auto}body,.layout{display:block}.canvas{height:60vh;min-height:340px}.stage{min-height:0}.panel{border-left:0;border-top:1px solid var(--line);overflow:visible}.bar{padding:10px 14px}.actions{gap:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}