:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#10141f}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.viewer-panel{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;background:#10141f}#app{width:100%;height:100%;min-width:0;overflow:hidden}canvas{display:block}.viewer-mode-bar{position:absolute;z-index:4;top:.6rem;left:50%;padding:.3rem .65rem;border:1px solid rgb(76 92 126 / 65%);border-radius:999px;color:#9eabc6;background:#171d2ab8;box-shadow:0 .25rem .75rem #0003;font-family:inherit;font-size:.68rem;line-height:1;cursor:pointer;transform:translate(-50%);-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}.viewer-mode-bar:hover{border-color:#7184aa;background:#232c3ee0}.viewer-mode-bar:focus-visible{outline:2px solid #84acff;outline-offset:2px}.viewer-mode-bar strong{color:#dbe5ff;font-weight:650}.viewer-notices{position:absolute;z-index:4;top:.75rem;left:.75rem;display:grid;width:min(24rem,calc(100% - 1.5rem));gap:.5rem;pointer-events:none}.viewer-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.65rem .7rem;border:1px solid #4c5c7e;border-radius:.45rem;color:#dbe5ff;background:#171d2aeb;box-shadow:0 .5rem 1.5rem #00000059;font-size:.78rem;line-height:1.4;pointer-events:auto}.viewer-notice[hidden]{display:none}.viewer-notice button{flex:0 0 auto;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;color:#dbe5ff;background:#35415a;font:inherit;font-size:1rem;line-height:1;cursor:pointer}.viewer-notice button:hover{color:#fff;background:#4b5c7d}#file-status.error{color:#ff9696}#camera-help{white-space:pre-line}.camera-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.65rem;border-top:1px solid #36415d;background:#171d2a}.camera-toolbar button{padding:.55rem .35rem;border:1px solid #4c5c7e;border-radius:.35rem;color:#eaf0ff;background:#242d40;font:inherit;font-size:.75rem;font-weight:650;cursor:pointer}#donation-toggle,.history-controls [data-undo],.history-controls [data-redo]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}#donation-toggle:before{content:"♥";color:#ff8ca1;font-size:.9rem;line-height:1}.history-controls [data-undo]:before,.history-controls [data-redo]:before{font-size:1rem;font-weight:400;line-height:1}.history-controls [data-undo]:before{content:"↶"}.history-controls [data-redo]:before{content:"↷"}.camera-toolbar button:hover:not(:disabled){border-color:#84acff;background:#315b9d}.camera-toolbar button:disabled{opacity:.35;cursor:default}.donation-control{position:relative}.donation-control>button{width:100%;height:100%}.donation-options{position:absolute;z-index:5;right:0;bottom:calc(100% + .45rem);display:grid;width:12rem;gap:.3rem;padding:.35rem;border:1px solid #4c5c7e;border-radius:.4rem;background:#171d2a;box-shadow:0 -.75rem 2rem #0006}.donation-options[hidden]{display:none}.donation-options button{width:100%;border:0;text-align:left}.voxel-editor{width:100%;height:100%;min-width:0;padding:.9rem;overflow:auto;border-left:1px solid #36415d;background:#10141ff0;box-shadow:-.75rem 0 2rem #0003}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.editor-header h2{margin:0;font-size:1rem}.level-controls{display:flex;align-items:center;gap:.55rem;font-size:.85rem}.level-controls button,.history-controls button,.editor-tools button,.direction-control{border:1px solid #4c5c7e;border-radius:.35rem;color:#eaf0ff;background:#242d40;font:inherit;cursor:pointer}.level-controls button{width:1.8rem;height:1.8rem;padding:0;font-size:1.2rem;line-height:1}.level-controls button:disabled{opacity:.35;cursor:default}.history-controls{display:grid;grid-template-columns:1fr 1fr .7fr;gap:.4rem;margin-bottom:.65rem}.history-controls button{padding:.4rem;font-size:.75rem;font-weight:650}.history-controls button:disabled{opacity:.35;cursor:default}.more-menu{position:relative}.more-menu>button{width:100%;height:100%}.more-options{position:absolute;z-index:5;top:calc(100% + .35rem);right:0;width:15rem;display:grid;gap:.3rem;padding:.35rem;border:1px solid #4c5c7e;border-radius:.4rem;background:#171d2a;box-shadow:0 .75rem 2rem #0006}.more-options[hidden]{display:none}.more-options button{display:block;width:100%;padding:.5rem;border:0;text-align:left;white-space:nowrap}.more-options button:hover{background:#35415a}.language-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.35rem .5rem;color:#aebbd8;font-size:.75rem}.language-control select{min-width:0;padding:.3rem .4rem;border:1px solid #4c5c7e;border-radius:.3rem;color:#eaf0ff;background:#242d40;font:inherit;cursor:pointer}.more-divider{display:block;height:1px;margin:.1rem 0;background:#3d4962}.editor-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.65rem}.editor-tools button{padding:.45rem .25rem;font-size:.78rem}.editor-tools button.active{border-color:#84acff;color:#fff;background:#315b9d}.direction-control{width:100%;margin:0 0 .65rem;padding:.45rem;font-size:.78rem}.editor-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));width:100%;aspect-ratio:1;border-top:1px solid #47526a;border-left:1px solid #47526a;-webkit-user-select:none;user-select:none;touch-action:none}.editor-cell{width:100%;height:100%;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;border-right:1px solid #47526a;border-bottom:1px solid #47526a;border-radius:0;color:#202634;background:#171d2a;font-size:clamp(.35rem,1vw,.65rem);line-height:1;cursor:crosshair}.editor-cell:hover{outline:2px solid #fff;outline-offset:-2px}.editor-cell.is-cursor{box-shadow:inset 0 0 0 2px #ffe083}.editor-cell.is-block{background:#58a6ff}.editor-cell.is-stairs{color:#56300b;background:#f2a65a}.editor-cell.is-archDoor{color:#311d16;background:#c9826b}.editor-cell.has-voxel-below{background:#b7bcc7}.editor-hint{margin:.6rem 0 0;color:#aebbd8;font-size:.75rem;text-align:center}.export-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.65rem}.export-map{width:100%;padding:.55rem .75rem;border:1px solid #6ebd88;border-radius:.4rem;color:#f3fff7;background:#287344;font:inherit;font-weight:650;cursor:pointer}.export-map:hover{background:#328c54}