:root{--bg: #15151a;--bg-2: #1b1b21;--bg-3: #222228;--bg-4: #2c2c34;--line: #2c2c34;--line-2: #3a3a44;--text: #e8e8ec;--text-2: #9c9ca6;--text-3: #6a6a76;--accent: #4d8bb5;--accent-2: #3f769b;--accent-tint: rgba(77, 139, 181, .16);--accent-line: rgba(77, 139, 181, .55);--map-diffuse: #d98a5a;--map-normal: #5a93d6;--map-metallic: #c4ccd6;--map-roughness: #4fb5aa;--map-ao: #d99a45;--map-height: #93a0ae;--map-transparency: #62b6cc;--map-emissive: #d6655f;--r: 9px;--r-sm: 6px;--r-xs: 4px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--ch: var(--accent)}*,*:before,*:after{box-sizing:border-box}.is-hidden{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;margin:0;cursor:pointer}canvas{display:block}h2{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:focus:not(:focus-visible){outline:none}#app{height:100dvh;display:grid;grid-template-rows:1fr}#topRail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--bg-2);border-bottom:1px solid var(--line)}#body{display:grid;grid-template-columns:270px 1fr 300px;min-height:0}.sidebar{background:var(--bg-2);overflow-y:auto;display:flex;flex-direction:column}#sidebarLeft{border-right:1px solid var(--line)}#sidebarRight{border-left:1px solid var(--line)}#sidebarRight{overflow:hidden}#sidebarRight #adjustPanel{flex:1 1 auto;min-height:0;overflow-y:auto}#sidebarRight>.panel:last-child{border-top:1px solid var(--line)}#sidebarRight #renderPanel{min-height:0;overflow-y:auto}#sidebarRight #adjustPanel::-webkit-scrollbar,#sidebarRight #renderPanel::-webkit-scrollbar{width:10px}#sidebarRight #adjustPanel::-webkit-scrollbar-thumb,#sidebarRight #renderPanel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px;border:3px solid var(--bg-2)}#sidebarLeft{overflow:hidden}#sidebarLeft #mapsPanel{flex:1 1 auto;min-height:0;overflow-y:auto}#sidebarLeft>.panel:last-child{border-top:1px solid var(--line)}#sidebarLeft #mapsPanel::-webkit-scrollbar{width:10px}#sidebarLeft #mapsPanel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px;border:3px solid var(--bg-2)}#viewportWrap{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1d1d24,#131318 70%);min-width:0}.brand{display:flex;align-items:center;gap:10px}.logo-mark{width:20px;height:20px;background:url(../Mapsmith_logo.png) center / contain no-repeat}.wordmark{font-size:15px;font-weight:600;letter-spacing:-.01em}.toolbar-end{display:flex;align-items:center;gap:8px}.btn{height:32px;padding:0 13px;font-size:13px;font-weight:500;color:var(--text-2);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-sm);white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.btn:hover{background:var(--bg-4);color:var(--text);border-color:var(--line-2)}.btn-primary{color:#fff;background:var(--accent);border-color:transparent}.btn-primary:hover{background:var(--accent-2);color:#fff}.btn-sm{height:26px;padding:0 10px;font-size:12px}.preset-row{display:flex;gap:6px;margin-bottom:6px}.preset-row .btn{flex:1;text-align:center}.btn-reset-all{width:100%;text-align:center;color:var(--text-3);margin-bottom:14px}.btn-reset-all:hover{color:#d6655f;border-color:#d6655f80;background:#d6655f1a}.export-row{display:flex;gap:6px}.export-row .select{height:26px;flex:0 0 auto}.export-row .btn{flex:1;text-align:center;background:var(--bg-4)}.panel-export{background:var(--bg-3)}.panel{padding:16px;border-bottom:1px solid var(--line)}.panel:last-child{border-bottom:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px}.panel-head .panel-title{margin:0}.panel-hint{font-size:12px;line-height:1.45;color:var(--text-3);margin:-2px 0 12px}.panel-actions{display:flex;gap:6px}.panel-toggle,.subtitle-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;background:none;border:0;text-align:left;cursor:pointer}.panel-toggle .panel-title{margin:0}.panel-toggle:hover .panel-title,.subtitle-toggle:hover .modal-subtitle{color:var(--text-2)}.panel-caret{width:14px;height:14px;flex:none;color:var(--text-3);transition:transform .15s}.panel-toggle[aria-expanded=true] .panel-caret,.subtitle-toggle[aria-expanded=true] .panel-caret{transform:rotate(180deg)}.panel-collapse{margin-top:12px}.panel-collapsible.is-collapsed .panel-collapse{display:none}.subtitle-toggle .modal-subtitle{margin:0}.modal-collapse{display:flex;flex-direction:column;gap:9px;margin-top:9px}.modal-section.is-collapsed .modal-collapse{display:none}.dropzone{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;background:var(--bg-3);border:1.5px dashed var(--line-2);border-radius:var(--r);transition:border-color .12s,background .12s}.dropzone:hover{border-color:var(--accent-line);background:var(--bg-4)}.dropzone.drag{border-color:var(--accent);background:var(--accent-tint)}.dropzone-thumb{flex:none;width:56px;height:56px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--line)}.dropzone-text{font-size:12.5px;color:var(--text-2);line-height:1.4}.dropzone-text strong{color:var(--text);font-weight:600}.map-list{display:flex;flex-direction:column;gap:2px}.map-row{position:relative;display:flex;align-items:center;gap:11px;padding:7px 9px;border-radius:var(--r-sm);cursor:pointer;transition:background .12s}.map-row:hover{background:var(--bg-3)}.map-row.is-selected{background:var(--bg-4);box-shadow:inset 0 0 0 1px var(--line-2)}.map-row.is-selected .map-row-name{color:var(--text);font-weight:600}.map-check{flex:none;width:17px;height:17px;border-radius:5px;background:var(--bg);border:1.5px solid var(--line-2);transition:background .12s,border-color .12s}.map-row.is-on .map-check{background:var(--accent);border-color:var(--accent)}.map-row.is-on .map-check:after{content:"";display:block;width:4px;height:8px;margin:1px auto 0;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.map-thumb{flex:none;width:34px;height:34px;border-radius:var(--r-xs);background:var(--bg-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch) 55%,transparent);opacity:.45;transition:opacity .12s}.map-row.is-on .map-thumb{opacity:1}.map-row-name{flex:1;min-width:0;font-size:13px;color:var(--text-2);display:flex;align-items:baseline;gap:7px}.map-row.is-on .map-row-name{color:var(--text)}.control-stack{display:flex;flex-direction:column;gap:13px}.control{display:flex;flex-direction:column;gap:7px}.control-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.control-name{font-size:12.5px;color:var(--text-2)}.control-val{font-family:var(--mono);font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.control-subhead{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin:3px 0 -4px}.slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ch) var(--fill, 50%),var(--bg-4) var(--fill, 50%));cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:0;border-radius:50%;background:var(--ch);border:3px solid var(--bg-2);box-shadow:0 1px 3px #0006;transition:transform .1s}.slider::-webkit-slider-thumb:active{transform:scale(1.12)}.slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--ch);border:3px solid var(--bg-2)}.slider::-moz-range-track{height:4px;background:transparent}.control-toggle{flex-direction:row;align-items:center;justify-content:space-between}.switch{flex:none;width:38px;height:22px;border-radius:999px;background:var(--bg-4);border:1px solid var(--line-2);padding:0;position:relative;transition:background .14s,border-color .14s}.switch>span{position:absolute;top:50%;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-2);transform:translateY(-50%);transition:transform .14s,background .14s}.switch.is-on{background:var(--ch);border-color:var(--ch)}.switch.is-on>span{transform:translate(15px,-50%);background:#fff}.select{height:28px;padding:0 8px;font-family:var(--font);font-size:12.5px;color:var(--text);background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer}.select:hover{border-color:var(--accent-line)}.select:focus{outline:none;border-color:var(--accent)}.btn-export-open{width:100%;text-align:center}.modal-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#08080b9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-overlay[hidden]{display:none}.modal{width:384px;max-width:100%;max-height:88vh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 24px 64px #0000008c}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--bg-2);border-bottom:1px solid var(--line)}.modal-title{margin:0;font-size:14px;font-weight:600}.modal-close{width:28px;height:28px}.modal-close svg{width:16px;height:16px}.modal-body{padding:16px;display:flex;flex-direction:column;gap:18px}.modal-section{display:flex;flex-direction:column;gap:9px}.modal-subtitle{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2)}.modal-hint{margin:0;font-size:11.5px;color:var(--text-3);line-height:1.45}.modal-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-label{font-size:12.5px;color:var(--text-2)}.modal-row .select{flex:0 0 auto;min-width:168px}.thismap-row{display:flex;gap:12px;align-items:center}.thismap-col{display:flex;flex-direction:column;gap:8px;min-width:0}.thismap-col .modal-hint{margin:0}.thismap-col .btn{align-self:flex-start}.pack-grid{display:flex;flex-direction:column;gap:6px}.pack-chan{display:flex;align-items:center;gap:8px}.pack-chan-tag{width:22px;height:22px;flex:none;border-radius:var(--r-xs);display:grid;place-items:center;font:600 11px var(--mono);color:#fff}.pack-chan .select{flex:1;min-width:0}.pack-inv{flex:none;height:24px;padding:0 9px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-xs);cursor:pointer}.pack-inv:hover{color:var(--text)}.pack-inv.is-on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint)}.pack-inv:disabled{opacity:.35;cursor:default}.pack-foot{display:flex;align-items:center;gap:11px;margin-top:2px}.pack-foot .btn{flex:1}.pack-preview{flex:none;width:72px;height:72px;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-sm);image-rendering:pixelated}.export-view{align-items:flex-start;padding:0}.export-sheet{display:flex;flex-direction:column;width:100%;max-width:920px;margin:0 auto;max-height:100vh;overflow-y:auto;background:var(--bg-2);border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);box-shadow:0 0 80px #00000080}.export-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:var(--bg-2);border-bottom:1px solid var(--line)}.export-controls{display:flex;flex-direction:column;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line)}.export-targets{display:flex;gap:6px;flex-wrap:wrap}.target-btn{height:30px;padding:0 14px;font:500 12.5px var(--font);color:var(--text-2);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.target-btn:hover{background:var(--bg-4);color:var(--text)}.target-btn.is-active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint)}.export-meta{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.export-field{display:flex;flex-direction:column;gap:5px}.export-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.export-field .select{min-width:112px}.export-all{margin-left:auto;align-self:flex-end;height:32px}.text-input{height:32px;padding:0 10px;font:500 13px var(--mono);color:var(--text);background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-sm);min-width:160px}.text-input:hover{border-color:var(--accent-line)}.text-input:focus{outline:none;border-color:var(--accent)}.export-summary{margin:0;padding:14px 22px 0;font-size:12.5px;color:var(--text-3);line-height:1.5}.export-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;padding:14px 22px}.export-empty{grid-column:1 / -1;margin:8px 0;color:var(--text-3);font-size:13px}.export-tile{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r)}.export-tile.is-pack{border-color:var(--line-2)}.export-tile.is-editing{grid-column:1 / -1}.tile-preview{width:100%;height:auto;aspect-ratio:1 / 1;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);image-rendering:pixelated}.tile-name{font-size:13px;font-weight:600;color:var(--text)}.tile-file{font:500 11.5px var(--mono);color:var(--text-3);word-break:break-all;margin-top:-3px}.tile-actions{display:flex;gap:7px;margin-top:2px}.tile-btn{display:grid;place-items:center;height:30px;flex:none;color:var(--text-2);background:var(--bg-4);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tile-btn svg{width:16px;height:16px}.tile-btn:hover{color:var(--text);border-color:var(--line-2)}.tile-btn:disabled,.tile-btn.is-busy{opacity:.55;cursor:default}.tile-gear{width:34px}.tile-dl{flex:1;color:var(--ch)}.tile-dl:hover{background:var(--accent-tint);border-color:var(--accent-line);color:var(--ch)}.pack-editor{display:flex;flex-direction:column;gap:10px;margin-top:2px;padding-top:12px;border-top:1px solid var(--line)}.pack-editor-suffix{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text-2)}.pack-editor-suffix .text-input{flex:1;min-width:0;height:28px}.pack-editor-foot{display:flex;justify-content:flex-end}.export-addpack{margin:0 22px 22px;align-self:flex-start}.model-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.model-chip{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:5px 6px;font-size:11px;color:var(--text-2);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-sm);transition:background .12s,border-color .12s,color .12s}.model-chip:hover{background:var(--bg-4);color:var(--text)}.model-icon{width:15px;height:15px;flex:none;fill:currentColor}.model-chip.is-active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint)}.model-chip.is-loading{opacity:.55;pointer-events:none}.half-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}.half-left{clip-path:inset(0 calc(100% - var(--splitpct, 50%)) 0 0);opacity:.4}.half-right{clip-path:inset(0 0 0 var(--splitpct, 50%));opacity:.85}#viewportWrap.no-compare #splitHandle,#viewportWrap.no-compare #wipeLabels,#viewportWrap.no-compare .half-left{display:none}#viewportWrap.no-compare .half-right{clip-path:none}#view{position:absolute;inset:0;width:100%;height:100%;z-index:2}#splitHandle{position:absolute;top:0;left:50%;width:2px;height:100%;z-index:6;cursor:ew-resize}.seam{position:absolute;inset:0;width:2px;background:#fff9;box-shadow:0 0 0 .5px #00000059}#splitHandle.is-dragging .seam,#splitHandle:hover .seam{background:var(--accent)}.puck{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:var(--bg-2);border:1.5px solid var(--line-2);box-shadow:0 3px 12px #0009;transition:border-color .12s,background .12s,transform .1s}.puck:before,.puck:after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:2px solid var(--text);border-right:2px solid var(--text)}.puck:before{left:9px;transform:translateY(-50%) rotate(-135deg)}.puck:after{right:9px;transform:translateY(-50%) rotate(45deg)}#splitHandle:hover .puck{background:var(--bg-3)}#splitHandle:hover .puck,#splitHandle.is-dragging .puck{border-color:var(--accent)}#splitHandle.is-dragging .puck{transform:translate(-50%,-50%) scale(1.06)}#wipeLabels{position:absolute;inset:0;z-index:5;pointer-events:none}.wipe-region{position:absolute;top:14px;left:0;right:0;display:flex;padding:0 16px}.wipe-left{justify-content:flex-start;clip-path:inset(0 calc(100% - var(--splitpct, 50%)) 0 0)}.wipe-right{justify-content:flex-end;clip-path:inset(0 0 0 var(--splitpct, 50%))}#wipeLabels span{font-size:15px;font-weight:500;color:var(--text-2);background:#1414188c;padding:4px 13px;border-radius:999px;border:1px solid var(--line);backdrop-filter:blur(4px);opacity:.72}#viewBtns{position:absolute;bottom:14px;right:14px;z-index:7;display:flex;gap:4px;padding:5px;background:#1414188c;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(4px)}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:var(--text-2);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);transition:color .12s,border-color .12s,background .12s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{color:var(--text);background:#ffffff0d}.icon-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint)}.light-ball{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:7;width:92px;height:92px;border-radius:50%;background:#12121680;box-shadow:0 3px 14px #00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:grab;touch-action:none;opacity:.5;transition:box-shadow .12s,opacity .12s}.light-ball:hover,.light-ball.is-dragging{opacity:1}.light-ball:hover{box-shadow:0 0 0 1px var(--accent-line),0 3px 14px #00000073}.light-ball.is-dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--accent),0 4px 18px #00000080}.light-ball canvas{display:block;width:92px;height:92px;border-radius:50%;pointer-events:none}#fpsCounter{position:absolute;left:14px;bottom:14px;z-index:7;padding:2px 7px;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-3);background:#14141866;border:1px solid var(--line);border-radius:var(--r-sm);backdrop-filter:blur(4px);opacity:.7;pointer-events:none;user-select:none}#fpsCounter.low{color:var(--map-emissive)}#dropHint{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#131318c7;opacity:0;pointer-events:none;transition:opacity .15s}#dropHint.show{opacity:1}#dropHint span{font-size:16px;font-weight:500;color:var(--accent);padding:22px 34px;border:2px dashed var(--accent-line);border-radius:var(--r)}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px;border:3px solid var(--bg-2)}.sidebar{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}@media(max-width:1000px){body{overflow:auto}#app{height:auto;min-height:100dvh;grid-template-rows:auto}#body{grid-template-columns:1fr 1fr}#viewportWrap{grid-column:1 / -1;height:56vh;min-height:340px;order:-1}#sidebarLeft,#sidebarRight{border:none}#sidebarLeft{border-right:1px solid var(--line)}#sidebarRight{overflow:visible}#sidebarRight #adjustPanel{flex:none;overflow:visible}#sidebarRight #renderPanel,#sidebarLeft{overflow:visible}#sidebarLeft #mapsPanel{flex:none;overflow:visible}}@media(max-width:620px){#body{grid-template-columns:1fr}#sidebarLeft{border-right:none;border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}