*{box-sizing:border-box}body{color:#354a3d;background:#eee9d8;margin:0;font-family:system-ui,sans-serif}header{border-bottom:1px solid #b7bea6;padding:20px 28px}header h1{margin:8px 0;font-size:24px}header p{margin:5px 0;font-size:14px}a{color:inherit}.editor-layout{grid-template-columns:290px minmax(0,1fr);gap:24px;padding:24px;display:grid}aside{align-content:start;gap:12px;display:grid}label{gap:7px;font-size:14px;font-weight:600;display:grid}select,button{font:inherit;color:#354a3d;cursor:pointer;background:#faf8ed;border:1px solid #9cae96;border-radius:6px;padding:11px}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e18c4d}button:hover{background:#e0e8d6}button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #3e6652}.primary{color:#fff;background:#3c654e}fieldset{border:1px solid #b3bea6;border-radius:6px;padding:12px}.choices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.palette{gap:8px;display:flex}.palette button{width:36px;height:36px;padding:0}.note,#map-size{color:#60715b;margin:0;font-size:12px;line-height:1.7}hr{border:0;border-top:1px solid #b7bea6;width:100%}.work-area{min-width:0}#status{min-height:42px;margin-top:0;font-weight:600}#canvas-scroll{background:#dfe5d4;border:2px solid #a9b89b;border-radius:8px;max-height:78vh;overflow:auto}canvas{image-rendering:pixelated;touch-action:none;cursor:crosshair;display:block}button:disabled{opacity:.5;cursor:default}@media (width<=760px){.editor-layout{grid-template-columns:1fr;gap:16px;padding:12px}aside{grid-template-columns:1fr 1fr}aside .note{grid-column:1/-1}header{padding:16px}header h1{font-size:20px}#canvas-scroll{max-height:65vh}}[hidden]{display:none!important}input[type=number]{width:100%;font:inherit;border:1px solid #9cae96;border-radius:4px;padding:8px}#selection-controls button,#selection-controls .note{margin-top:8px}.file-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.file-actions button{min-width:120px}.work-area{align-self:start;position:sticky;top:16px}input[type=text]{width:100%;font:inherit;color:inherit;background:#faf8ed;border:1px solid #9cae96;border-radius:6px;padding:10px}input:focus-visible{outline-offset:2px;outline:3px solid #e18c4d}details{border:1px solid #b3bea6;border-radius:6px;padding:12px}summary{cursor:pointer;font-weight:600}details button,details label{width:100%;margin-top:10px}dialog{color:#354a3d;background:#eee9d8;border:1px solid #9cae96;border-radius:12px;width:min(420px,90vw);padding:24px}dialog::backdrop{background:#263b30aa}dialog form{gap:18px;display:grid}dialog h2{margin:0}#tool-tip{margin-top:12px;font-weight:600}@media (width<=760px){.work-area{position:static}aside{grid-template-columns:1fr}header .file-actions button{flex:1;min-width:140px}}.primary:hover{background:#315740}