:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12100e;--panel:#1c1814;--border:#3a322a;--text:#e8dfd2;--muted:#9a8b78;--accent:#c4a484;--accent-hot:#e0b87a;--btn:#2a241e;--btn-hover:#352e26;--primary:#5a7a4a;--primary-hover:#6b9158;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}button,input{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:.55rem .75rem;padding:.45rem .75rem;display:flex}.toolbar-brand{letter-spacing:.04em;color:var(--accent-hot);margin-right:.35rem;font-weight:700}.toolbar-group{flex-wrap:wrap;align-items:center;gap:.3rem;min-height:2rem;display:flex}.toolbar-end{margin-left:auto}.toolbar button,.file-btn{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.3rem .55rem}.toolbar button:hover,.file-btn:hover{background:var(--btn-hover)}.toolbar button.is-active{border-color:var(--accent-hot);color:var(--accent-hot)}.toolbar button.primary{background:var(--primary);border-color:#4a6640}.toolbar button.primary:hover{background:var(--primary-hover)}.toolbar button.rot-readout{font-variant-numeric:tabular-nums;min-width:2.6rem;color:var(--accent-hot)}.toolbar-fields label{color:var(--muted);align-items:center;gap:.3rem;font-size:.78rem;display:flex}.toolbar-fields input[type=text],.toolbar-fields input[type=number]{border:1px solid var(--border);background:#0e0c0a;border-radius:4px;width:4.2rem;padding:.2rem .35rem}.toolbar-fields input[type=number]{width:3.2rem}.toolbar-fields input[type=range]{width:5rem}.file-btn{align-items:center;display:inline-flex}.workspace{flex:1;grid-template-columns:360px 1fr;min-height:0;display:grid}.palette{border-right:1px solid var(--border);background:var(--panel);padding:.65rem;overflow:auto}.panel-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:flex}.palette-presets{flex-wrap:wrap;gap:.3rem;margin-bottom:.55rem;display:flex}.preset-btn{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.2rem .45rem;font-size:.75rem}.preset-btn:hover{border-color:var(--accent)}.palette-sheet{width:100%;image-rendering:pixelated;cursor:crosshair;border:1px solid var(--border);background:#0a0908;border-radius:4px}.palette-meta{color:var(--muted);margin:.45rem 0 0;font-size:.75rem}.stage{min-width:0;min-height:0;position:relative}.map-view{cursor:crosshair;background:#0a121a;width:100%;height:100%;display:block}.map-view[data-tool=pan]{cursor:grab}.map-view[data-tool=erase]{cursor:cell}.map-view[data-tool=eyedropper]{cursor:copy}@media (width<=900px){.workspace{grid-template-rows:auto 1fr;grid-template-columns:1fr}.palette{border-right:none;border-bottom:1px solid var(--border);max-height:280px}}.mode-switch button.is-active{background:#3a2e22}.toolbar-hint{color:var(--muted);font-size:.78rem}.tile-studio{flex:1;grid-template-columns:280px 1fr;min-height:0;display:grid}.tile-studio-side{border-right:1px solid var(--border);background:var(--panel);padding:.75rem;overflow:auto}.swatch-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:3px;padding:0}.swatch.is-active{border-color:var(--accent-hot);box-shadow:inset 0 0 0 1px #000}.tile-tools{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.tile-tools button{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:.35rem .5rem;display:flex}.tile-tools button.is-active{border-color:var(--accent-hot);color:var(--accent-hot)}.tile-tools kbd{color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:0 .25rem;font-size:.65rem}.tile-check,.tile-field{color:var(--muted);align-items:center;gap:.4rem;margin-top:.75rem;font-size:.8rem;display:flex}.tile-field input[type=text]{border:1px solid var(--border);background:#0e0c0a;border-radius:4px;flex:1;padding:.25rem .4rem}.tile-field input[type=range]{flex:1}.tile-actions{flex-wrap:wrap;gap:.35rem;margin-top:.85rem;display:flex}.tile-actions button,.tile-actions .file-btn{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.3rem .5rem}.tile-actions button.primary{background:var(--primary);border-color:#4a6640}.draft-meta .linkish{color:var(--accent-hot);cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.tile-studio-main{grid-template-columns:1fr 1fr;gap:1rem;min-height:0;padding:1rem;display:grid;overflow:auto}.tile-editor-block{min-width:0}.tile-editor-scroll{border:1px solid var(--border);background:#0a0908;border-radius:4px;max-height:min(78vh,920px);overflow:auto}.tile-editor{image-rendering:pixelated;cursor:crosshair;background:#0a0908;border:0;max-width:none;display:block}.editor-zoom{letter-spacing:0;text-transform:none;align-items:center;gap:.3rem;font-weight:500;display:flex}.editor-zoom button{background:var(--btn);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:4px;padding:.15rem .45rem;font-size:.75rem}.editor-zoom button.editor-zoom-readout{min-width:2.6rem;color:var(--accent-hot)}.editor-zoom input[type=range]{width:6.5rem}.tile-editor[data-tool=eraser]{cursor:cell}.tile-editor[data-tool=eyedropper]{cursor:copy}.tile-editor[data-pan=true]{cursor:grab}.tile-editor[data-pan=true][data-panning=true]{cursor:grabbing}.tile-previews{flex-direction:column;gap:1.25rem;display:flex}.tile-previews .panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-head-count{color:var(--muted);font-size:.7rem;font-weight:500}.tile-previews select{background:var(--btn);border:1px solid var(--border);color:var(--text);border-radius:4px;font-size:.75rem}.tile-stage{image-rendering:pixelated;border:1px solid var(--border);cursor:pointer;background:#0a0908;border-radius:4px;max-width:100%;display:block}.panel-head-btn{background:var(--btn);border:1px solid var(--border);cursor:pointer;color:var(--muted);border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.tile-library-actions{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.tile-library-actions button,.tile-library-actions .file-btn{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.3rem .5rem;font-size:.8rem}.tile-library-actions button.primary{background:var(--primary);border-color:#4a6640}.tile-library{flex-direction:column;gap:.35rem;max-height:220px;margin-bottom:.25rem;display:flex;overflow:auto}.tile-library-item{border:1px solid #0000;border-radius:4px;align-items:center;gap:.45rem;padding:.25rem;display:flex}.tile-library-item.is-active{border-color:var(--accent-hot);background:#e0b87a14}.tile-library-thumb{border:1px solid var(--border);cursor:pointer;background:#0a0908;border-radius:3px;padding:0;line-height:0}.tile-library-thumb canvas{width:40px;height:40px;image-rendering:pixelated;display:block}.tile-library-meta{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.tile-library-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.tile-library-btns{gap:.25rem;display:flex}.tile-library-btns button{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:.1rem .35rem;font-size:.68rem}.underlay-controls{margin-top:.35rem}.underlay-nudge{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.underlay-nudge button{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.neighbor-rot{align-items:center;gap:.35rem;margin:.35rem 0 .5rem;display:flex}.neighbor-rot button{background:var(--btn);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.neighbor-rot button.neighbor-rot-deg{cursor:default;min-width:2.75rem;color:var(--accent-hot)}.tile-buffer{display:none}@media (width<=1100px){.tile-studio,.tile-studio-main{grid-template-columns:1fr}}