.north-explorer{margin:28px 0;clear:both}
.north-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.north-toolbar p{margin:0;font-size:13px;color:var(--muted)}
.north-toolbar label{width:280px;max-width:100%;flex-shrink:0}.north-toolbar label span,.north-floor span{display:block;font-size:11px;font-weight:700;margin-bottom:6px;color:var(--muted)}
.north-toolbar select,.north-floor select{display:block;width:100%;min-height:42px;padding:9px 12px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;font:13px var(--body)}
.north-map{position:relative;isolation:isolate;line-height:0;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.north-map>img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important}
.north-cell{position:absolute;appearance:none;min-width:0;min-height:0;padding:0;border:1px solid transparent;border-radius:1px;background:transparent;cursor:pointer;transition:background .16s,box-shadow .16s}
.north-cell:hover,.north-cell:focus-visible,.north-cell.is-selected{background:#f6ce6250;border:2px solid #ffdf84;box-shadow:inset 0 0 12px #f4bd5c66,0 0 12px #23110999;outline:none;z-index:2}
.north-dialog{box-sizing:border-box;width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:27px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 24px 90px #0008;overflow:auto}
.north-dialog::backdrop{background:#07040bbb;backdrop-filter:blur(5px)}.north-close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:36px;height:36px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:50%;font-size:23px;cursor:pointer}
.north-dialog .north-eyebrow{margin:0 42px 10px 0;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold)}.north-dialog h2{margin:0 28px 8px 0;font:28px/1.2 var(--title);color:var(--text)}.north-dialog .north-meta{margin:0 0 17px;font-size:12px;color:var(--muted)}
.north-floor{display:block;margin:0 0 15px}.north-preview{display:grid;place-items:center;min-height:170px;background:#21171b;border:1px solid var(--line);border-radius:9px;overflow:hidden;color:#e9d4b7}.north-preview:hover{box-shadow:0 0 0 2px var(--gold)}
.north-preview img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;margin:0!important;border:0!important;border-radius:0!important;image-rendering:auto}.north-no-picture{max-width:250px;padding:35px 18px;text-align:center;font-size:13px;line-height:1.8}
.north-open{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:13px 16px;border:1px solid var(--gold);border-radius:7px;background:linear-gradient(100deg,#f8dfa0,#e8bf6b);color:#291b0b!important;font-size:14px;font-weight:700}.north-open:hover{filter:brightness(1.06)}
.north-dialog [hidden]{display:none!important}
@media(max-width:640px){.north-toolbar{display:block}.north-toolbar p{margin-bottom:12px}.north-toolbar label{width:100%}.north-toolbar select,.north-floor select{font-size:16px}.north-dialog{padding:23px}.north-dialog h2{font-size:25px}}
