html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{height:100%}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#444}::-webkit-scrollbar-thumb:hover{background:#333}.main-container{display:flex;flex-flow:row nowrap;height:100%;padding:0}.sub-container{height:100%}.map-menu-options{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between}.tools-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999;padding:1.5rem}.tools-modal{background:#141414;border:1px solid #2c2c2c;border-radius:12px;width:min(960px,95vw);height:min(760px,85vh);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.metadata-modal{background:#141414;border:1px solid #2c2c2c;border-radius:12px;width:min(720px,92vw);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.metadata-modal.storage-modal{height:min(640px,80vh)}.metadata-modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.metadata-field{display:flex;flex-direction:column;gap:.35rem;color:#e6e6e6;font-size:.9rem}.metadata-field input,.metadata-field textarea{width:100%;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#f0f0f0;padding:.55rem .7rem}.metadata-modal-footer{padding:.85rem 1.25rem 1.1rem;display:flex;justify-content:flex-end;border-top:1px solid #2c2c2c;gap:.75rem;align-items:center}.metadata-save{background:#202020;border:1px solid #333;border-radius:8px;color:#e6e6e6;padding:.45rem 1.1rem;cursor:pointer}.storage-info{color:#c9c9c9;font-size:.85rem;margin-bottom:.5rem}.storage-actions{display:flex;justify-content:flex-start;margin-bottom:.75rem}.storage-actions-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.75rem;margin-bottom:.75rem}.storage-actions-col{display:flex;flex-direction:column;justify-content:flex-end}.storage-list{display:flex;flex-direction:column;gap:.6rem;max-height:320px;overflow-y:auto;padding-right:4px}.storage-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;border:1px solid #2a2a2a;border-radius:8px;background:#101010;position:relative}.storage-thumb{width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #2a2a2a;background:#0b0b0b;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.storage-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.storage-thumb-placeholder{font-size:.65rem;color:#6f6f6f;text-align:center;padding:.25rem}.storage-item-wrapper{display:flex;flex-direction:column}.storage-item-info{display:flex;flex-direction:column;gap:.2rem}.storage-item-title{color:#f0f0f0;font-weight:600}.storage-item-meta{color:#9d9d9d;font-size:.8rem}.storage-item-actions{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.autosave-badge{position:absolute;top:6px;left:8px;font-size:.7rem;background:#1f3b4d;border:1px solid #2c5a70;color:#cde7f7;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.storage-divider{border:none;border-top:1px solid #2a2a2a;margin:.6rem 0}.btn-danger{background:#7a1f1f;border:1px solid #9a2b2b;color:#ffe5e5}.btn-warning{background:#7a5a1f;border:1px solid #9a742b;color:#fff2d6}.metadata-error{color:#ff9b9b;font-size:.85rem;margin-right:auto}.resize-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.resize-preview{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.resize-preview-outer{position:relative;border:1px solid #3a3a3a;background:#000;overflow:hidden}.resize-preview-outer.crop{border-color:#ff6b6b}.resize-preview-inner{position:absolute;top:0;left:0;border:2px solid #5cc1ff;background:#5cc1ff1a;cursor:grab;background-size:100% 100%;image-rendering:pixelated;z-index:2;opacity:.75}.resize-preview-axes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.resize-preview-axis-v{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#fff3;transform:translate(-.5px)}.resize-preview-axis-h{position:absolute;left:0;right:0;top:50%;height:1px;background:#fff3;transform:translateY(-.5px)}.resize-preview-inner:active{cursor:grabbing}.test-server-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.test-server-list .metadata-save{transition:background-color .15s ease-in-out}.test-server-list .metadata-save:hover{background-color:#333}.form-group{display:flex;flex-direction:column;gap:.6rem;color:#e6e6e6;font-size:.9rem}.radio-group{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.radioLabel{display:inline-flex;align-items:center;gap:.45rem;background:#101010;border:1px solid #2a2a2a;border-radius:8px;padding:.35rem .6rem;cursor:pointer}.radioLabel.inline{width:auto;background:transparent;border:none;padding:0}.radioLabel input{margin:0}.radioSpan{color:#d8d8d8;font-size:.85rem}.radioLabel.inline input[type=number]{margin-left:.5rem;width:6em;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#f0f0f0;padding:.35rem .45rem}.tools-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2c2c2c;color:#f5f5f5}.tools-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.modal-close{background:transparent;border:none;color:#ddd;font-size:1.5rem;line-height:1;cursor:pointer}.tools-modal-search{padding:.75rem 1.25rem;border-bottom:1px solid #2c2c2c}.tools-modal-search input{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid #2a2a2a;background:#0f0f0f;color:#f0f0f0}.tools-modal-list{padding:1rem 1.25rem 1.25rem;overflow-y:auto;display:grid;gap:.75rem}.tools-modal-empty{padding:2rem 1rem;text-align:center;color:#9a9a9a;font-size:.9rem}.tool-card{border:1px solid #262626;border-radius:10px;background:#101010;color:#e6e6e6}.tool-card.active{border-color:#5cc1ff;box-shadow:0 0 0 1px #5cc1ff59}.tool-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid #202020}.tool-card-title{font-weight:600}.tool-card-order{display:flex;gap:.4rem}.tool-card-move{background:#202020;border:1px solid #333;border-radius:6px;color:#e6e6e6;padding:.2rem .5rem;cursor:pointer;font-size:.75rem}.tool-card-move:disabled{opacity:.5;cursor:not-allowed}.tool-hotkey-btn{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:.25rem .6rem;font-size:.8rem;cursor:pointer;width:100%}.tool-hotkey-btn.conflict{border-color:#ff4d4d;color:#ffb3b3}.tool-card-body{padding:.75rem .9rem .9rem;font-size:.85rem}.tool-card-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.75rem}.tool-card-col-actions{display:flex;flex-direction:column;gap:.5rem}.tool-card-col-actions button{width:100%}.tool-card-meta{color:#c7c7c7;margin-bottom:.35rem}.tool-card-meta span{color:#8e8e8e}.tool-card-description{color:#d8d8d8;margin-top:.5rem}.tool-card-footer{margin-top:.75rem;display:flex;justify-content:flex-end}.tool-card-select,.tool-card-settings{background:#202020;border:1px solid #333;border-radius:6px;color:#e6e6e6;padding:.35rem .7rem;cursor:pointer}.tool-card-toggle{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e6e6e6;padding:.35rem .7rem;cursor:pointer;width:100%}.tool-card-toggle.inactive{border-color:#444;color:#9a9a9a}.map-menu-options-item,.map-menu-options-item button{width:100%}.tool-container{flex:0 0 400px;width:25vw;padding:.5rem;overflow-y:auto}.map-container{flex:1;width:0;background-color:#000;display:flex;align-items:center;justify-content:center;position:relative}.tile-btn{width:calc((100% / var(--buttons-per-row)) - (var(--button-margin)));margin-bottom:var(--button-margin);margin-right:var(--button-margin);aspect-ratio:1 / 1;background-color:#ffffff40;border:1px solid rgba(255,255,255,.5);transform:scale(1);cursor:pointer;transition:all 75ms ease-in-out;display:flex;align-items:center;justify-content:center;color:#e6e6e6;font-size:.7rem;text-align:center;padding:4px}.tile-btn:hover{background-color:#00000080;border:1px solid rgba(0,0,0,.75)}.tile-btn:active{background-color:#000000bf;border:1px solid rgba(0,0,0,.9);transform:scale(.95)}.tool-btn.active{border-color:#5cc1ff;box-shadow:0 0 0 1px #5cc1ff66}.palette-btn.active{border-color:#fc6;box-shadow:0 0 0 1px #ffcc6680}.palette-btn{padding:0}.palette-canvas{width:100%;height:100%;display:block}.tool-btn-label{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.1;max-height:2.2em}.tool-btn-wrapper{position:relative;width:calc((100% / var(--buttons-per-row)) - (var(--button-margin)));margin-bottom:var(--button-margin);margin-right:var(--button-margin)}.tool-btn-wrapper .tool-btn{width:100%;margin-right:0;margin-bottom:0}.tool-variant-toggle{position:absolute;right:4px;bottom:4px;width:0;height:0;border-left:7px solid transparent;border-top:7px solid transparent;border-right:7px solid rgba(255,255,255,.7);border-bottom:7px solid rgba(255,255,255,.7);background:transparent;padding:0;cursor:pointer}.tool-variant-menu{position:absolute;top:100%;left:0;width:100%;background:#101010;border:1px solid #2c2c2c;border-radius:8px;padding:4px;z-index:10;display:grid;gap:4px}.tool-variant-menu-portal{position:fixed;z-index:1000;max-width:240px}.tool-variant-item{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e6e6e6;padding:6px 8px;cursor:pointer;text-align:left;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-variant-item.active{border-color:#5cc1ff;box-shadow:0 0 0 1px #5cc1ff59}.tile-container{--buttons-per-row: 7;--button-margin: 4px;width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start}.tile-palette.is-erasing{opacity:.1;transition:opacity .12s ease-in-out}.tool-box{height:150px;overflow-y:auto}.layers-container{width:100%}.layers-container .layer-control{width:100%;margin-bottom:8px}.layer-control{filter:brightness(1)}.layer-control.selected{filter:brightness(1.25)}.layers-container .layer-control:last-child{margin-bottom:0}.layer-control .form-check-input{transform:scale(1.5)}.input-heading{flex:auto}.map-tile-selector{--buttons-per-row: 7}.palette-break{flex-basis:100%;height:0}.tilemap{position:relative;width:100%;height:100%}.layer{top:0;left:0;position:absolute;width:100%;height:100%}.layer .tile{position:absolute;width:40px;height:40px}.layer .tile .quadrant{width:20px;height:20px}.map-stage{position:relative;display:inline-block;overflow:hidden;width:100%;height:100%}.map-canvas{display:block;image-rendering:auto;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.map-preview{position:absolute;top:0;left:0;pointer-events:none;image-rendering:auto;z-index:2}.map-cursor-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:4}.map-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:3}.tile-cursor{position:absolute;border:2px solid rgba(120,255,80,.7);background:#78ff501f;pointer-events:none;box-sizing:border-box}.map-transform{transform-origin:0 0;position:relative}.vector-shape>*{fill:none;stroke:#fff9;stroke-width:2;vector-effect:non-scaling-stroke}.vector-shape.selected>*{stroke:#5cc1ff}.vector-handle{fill:#101010;stroke:#5cc1ff;stroke-width:1;vector-effect:non-scaling-stroke}.vector-handle.is-selected{fill:#fff;stroke:#fff}.vector-selection-bbox{fill:#5cc1ff14;stroke:#5cc1ff99;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.suggestions-container{flex:0 0 320px;background:#101010;color:#e0e0e0;border-left:1px solid #222;display:flex;flex-direction:column}.suggestions-header{padding:12px;font-weight:600;border-bottom:1px solid #222}.suggestions-list{padding:12px;overflow-y:auto;gap:8px;display:flex;flex-direction:column}.suggestion-card{background:#181818;border:1px solid #2a2a2a;border-radius:6px;padding:8px}.suggestion-card summary{cursor:pointer;font-weight:600}.suggestion-message{margin-top:6px;font-size:.9rem;line-height:1.2rem}.suggestion-scope{margin-top:6px;font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.suggestion-empty{opacity:.6}.suggestion-error{border-color:#5d1b1b}.suggestion-warning{border-color:#5a4a1a}.suggestion-info{border-color:#1b3c5d}.suggestion-ack-btn{background:transparent;border:none;color:#666;font-size:1.1rem;line-height:1;cursor:pointer;position:absolute;right:-3px;top:-2px;opacity:.6;transition:opacity .1s}.suggestion-card summary{position:relative;padding-right:24px}.suggestion-ack-btn:hover{opacity:1;color:#fff}.suggestions-hr{border:none;border-top:1px solid #333;margin:12px 0 4px}.suggestion-dismissed{opacity:.4;background:transparent;border-style:dashed}.suggestion-dismissed:hover{opacity:.7}.suggestion-popup{position:absolute;top:16px;right:16px;background:#2a1111;border:1px solid #5d1b1b;color:#f2dede;padding:10px 12px;border-radius:6px;max-width:320px}.suggestion-popup-title{font-weight:700;margin-bottom:4px}.suggestion-popup-message{font-size:.9rem;line-height:1.2rem}