:root{color-scheme:dark;--bg:#090d14;--panel:#111827;--line:#263248;--text:#eef4ff;--muted:#94a3b8;--cyan:#22d3ee;--yellow:#facc15;--red:#ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}header{height:86px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#0c121d}h1{margin:0;font-size:25px}header p{margin:4px 0 0;color:var(--muted)}button,input,select{font:inherit}button{border:1px solid #334155;background:#172033;color:var(--text);border-radius:9px;padding:9px 12px;cursor:pointer}button:hover{border-color:var(--cyan)}button.primary{background:#0e7490;border-color:#22d3ee}button.danger{background:#7f1d1d;border-color:#ef4444}.toolbar{display:flex;gap:8px;flex-wrap:wrap}main{height:calc(100vh - 86px);display:grid;grid-template-columns:265px minmax(0,1fr) 280px}.panel{background:var(--panel);padding:16px;overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}h2{margin:0 0 14px}h3{font-size:15px;margin:20px 0 9px;color:var(--cyan)}label{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}input,select{width:100%;margin-top:5px;background:#0b1220;border:1px solid #334155;color:var(--text);border-radius:8px;padding:9px}.panel button{width:100%;margin-top:7px}.workspace{min-width:0;position:relative;background:#070b11;overflow:hidden}.workspace-head{height:40px;padding:9px 14px;display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--line)}canvas{display:block;width:100%;height:calc(100% - 40px);cursor:crosshair;background:#080d15}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:6px}.legend{margin-top:18px;font-size:13px;color:var(--muted)}.legend div{margin:7px 0}.swatch{display:inline-block;width:15px;height:15px;margin-right:8px;border-radius:3px;vertical-align:-2px}.wall{background:#f8fafc}.iron{background:#38bdf8}.storage{background:#facc15}.crop{background:#4ade80}.animal{background:#fb923c}.object{border:1px solid #334155;border-radius:8px;padding:9px;margin-bottom:8px;background:#0b1220}.object strong{display:block}.object small{color:var(--muted)}#details{color:var(--muted);line-height:1.55}@media(max-width:980px){main{grid-template-columns:220px minmax(0,1fr)}.right-panel{display:none}}@media(max-width:700px){header{height:auto;align-items:flex-start;gap:10px;flex-direction:column}main{height:auto;display:block}.panel{border:none}.workspace{height:70vh}.left-panel{max-height:none}.toolbar{width:100%}.toolbar button{flex:1}}