:root{--bg: #0f1318;--panel: #171c23;--line: #2a323d;--text: #eef1f4;--muted: #9aa5b1;--accent: #2f8fff;--warn: #ffc21a;--ok: #ff7a5c;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);overscroll-behavior:none}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 8px}h3{margin:0 0 8px;font-size:1.1rem}p{margin:0 0 8px;line-height:1.4}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:#ff8f8f}.warn-text{color:var(--warn)}button,select,input[type=text],input[type=email],input[type=password],input[type=search],input:not([type]){min-height:44px;font:inherit;color:var(--text);background:#212833;border:1px solid var(--line);border-radius:8px;padding:0 14px}button{cursor:pointer}button:disabled{opacity:.5}button.primary,button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.link{min-height:44px;background:none;border:none;color:var(--accent);padding:0 8px;text-decoration:underline}input[type=search],input:not([type]),input[type=email],input[type=password],select{width:100%}label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:10px}label input,label select{margin-top:4px}.login{display:grid;place-items:center;height:100%;padding:16px}.login form{width:min(380px,100%);background:var(--panel);padding:24px;border-radius:14px;border:1px solid var(--line)}.login button{width:100%;margin-top:8px}.shell{display:grid;height:100%;grid-template:"head head head" auto "left stage right" 1fr / 260px 1fr 300px}header{grid-area:head;display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}header strong{margin-right:auto}.seg{display:flex}.seg button{border-radius:0}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}aside{background:var(--panel);overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.left{grid-area:left;border-right:1px solid var(--line)}.right{grid-area:right;border-left:1px solid var(--line)}.stage{grid-area:stage;position:relative;min-width:0;min-height:0}.stage canvas{touch-action:none;display:block}.disclaimer{position:absolute;left:12px;bottom:10px;margin:0;padding:6px 10px;background:#0f1318d9;border:1px solid var(--line);border-radius:8px;font-size:.875rem;pointer-events:none}.legend{position:absolute;right:12px;bottom:10px;margin:0;padding:6px 10px;list-style:none;background:#0f1318d9;border:1px solid var(--line);border-radius:8px;font-size:.8rem;pointer-events:none}.legend li{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.blue{background:#2f8fff}.dot.orange{background:#ff5a36}.dot.yellow{background:#ffc21a}.layers,.results{list-style:none;margin:0;padding:0}.layer{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font-size:1rem;margin:0;cursor:pointer}.layer input{width:22px;height:22px;flex:none}.swatch{width:14px;height:14px;border-radius:4px;flex:none}.layer-name{flex:1}.tag{font-size:.75rem;color:var(--muted)}.opacity{width:100%;height:44px;margin:0}.results button{width:100%;text-align:left;margin-top:6px;height:auto;padding:10px 14px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 10px;font-size:.9rem}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.badge{display:inline-block;padding:6px 10px;border-radius:8px;font-size:.85rem;border:1px solid var(--line)}.badge.warn{border-color:var(--warn);color:var(--warn)}.badge.ok{border-color:var(--ok);color:var(--ok)}.row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.stack button{width:100%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:16px}.modal>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;max-width:520px}@media(max-width:900px){.shell{grid-template:"head" auto "stage" 55vh "left" auto "right" auto / 1fr;height:auto;min-height:100%}header{flex-wrap:wrap}}.note{border-top:1px solid var(--line);padding:8px 0}.note p{margin-bottom:4px}header{flex-wrap:wrap}.viewbar{position:absolute;top:10px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;pointer-events:none}.viewbar .group{display:flex;pointer-events:auto;background:#0f1318d9;border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewbar .group button{min-width:44px;min-height:44px;border:none;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:0 12px;font-size:.95rem}.viewbar .group button:last-child{border-right:none}.viewbar .group button:active{background:var(--accent)}.viewbar .hint{flex-basis:100%;margin:0;padding:6px 10px;font-size:.85rem;color:var(--muted);background:#0f1318d9;border:1px solid var(--line);border-radius:8px;width:fit-content}