:root{color-scheme:dark;--bg:#111;--bg-canvas:#1e1e1e;--bg-panel:#1a1a1a;--bg-panel-alt:#222;--border:#333;--border-dim:#292929;--text:#eee;--text-dim:#aaa;--text-faint:gray;--hover:#2a2a2a;--accent:#9d5cff;--accent-dim:#322a47;--danger:#e07a7a}*{box-sizing:border-box;border-radius:0!important}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}#viewer-wrap{flex:1;min-height:0;position:relative}.icon{flex-shrink:0;width:1em;height:1em;display:block}#gpu-canvas{background:var(--bg-canvas);width:100%;height:100%;display:block}#status{background:#0000008c;padding:.3rem .6rem;font-size:.85rem;position:absolute;top:.5rem;left:.5rem}#top-right-controls{align-items:center;gap:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}#top-left-controls{align-items:center;gap:.5rem;display:flex;position:absolute;top:2.6rem;left:.5rem}#about-button,#settings-button{width:28px;height:28px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#0000008c;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1rem;display:flex}#about-button:hover,#settings-button:hover{border-color:var(--accent);color:var(--accent)}#freecam-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#0000008c;padding:.3rem .6rem;font-family:inherit;font-size:.8rem}#freecam-button:hover{border-color:var(--accent);color:var(--accent)}#freecam-button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}#fps{font-variant-numeric:tabular-nums;background:#0000008c;padding:.3rem .6rem;font-size:.85rem}#version-badge{color:var(--text-dim);cursor:pointer;background:#0000008c;border:none;padding:.3rem .6rem;font-family:inherit;font-size:.85rem}#version-badge:hover{color:var(--accent)}#loading-overlay{z-index:90;background:var(--bg);opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}#loading-overlay.subtle{background:#111111d9}#loading-box{flex-direction:column;gap:.7rem;width:min(340px,80vw);display:flex}#loading-box.has-detail{width:min(560px,88vw)}#loading-title{letter-spacing:.02em;font-size:1.6rem;font-weight:700;line-height:1}#loading-track{background:var(--border-dim);height:3px;overflow:hidden}#loading-fill{background:var(--accent);width:0;height:100%;transition:width .3s}#loading-step{min-height:2.4em;color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:1rem;font-size:.85rem;line-height:1.2;display:flex}#loading-percent{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none}#loading-overlay.subtle #loading-title{display:none}#loading-detail{border-top:1px solid var(--border-dim);max-height:50vh;color:var(--text-dim);flex-direction:column;gap:.6rem;padding-top:.8rem;font-size:.85rem;line-height:1.45;display:flex;overflow-y:auto}#loading-detail.hidden{display:none}#loading-detail p{margin:0}#loading-detail ul{flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;display:flex}#loading-detail .loading-detail-note{color:var(--text-faint)}.loading-detail-error summary{cursor:pointer;color:var(--text-faint);user-select:none}.loading-detail-error summary:hover{color:var(--text-dim)}.loading-detail-error pre{background:var(--bg-panel);border:1px solid var(--border-dim);color:var(--text-faint);white-space:pre-wrap;overflow-wrap:break-word;margin:.6rem 0 0;padding:.6rem;font-size:.75rem;line-height:1.45}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-box{background:var(--bg-panel);border:1px solid var(--border);width:90%;max-width:420px;max-height:80vh;padding:1.2rem 1.4rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-header h2{margin:0;font-size:1.2rem}#about-close,#settings-close,#patch-notes-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .4rem;font-size:1.15rem;line-height:1;display:flex}#about-close:hover,#settings-close:hover,#patch-notes-close:hover{color:var(--text)}.modal-box h3{margin:1rem 0 .5rem;font-size:1rem}.modal-box p{color:var(--text-dim);margin:0 0 .8rem;font-size:.9rem;line-height:1.5}.modal-box ul{color:var(--text-dim);margin:0 0 1rem;padding-left:1.2rem;font-size:.9rem;line-height:1.4}.modal-box li{margin-bottom:.3rem}.modal-box a{color:var(--accent);text-decoration:none}.modal-box a:hover{text-decoration:underline}.modal-footnote{color:var(--text-faint)!important;margin-top:1rem!important;font-size:.8rem!important}.setting-row .sliding-toggle{margin-top:0}.setting-row+.setting-row{margin-top:1.2rem}.modal-box .setting-hint{margin:.4rem 0 0;font-size:.85rem}.modal-box .setting-status{min-height:1.2em;color:var(--text-faint);margin:.5rem 0 0;font-size:.8rem}#about-modal .modal-box{max-width:900px}#patch-notes-modal .modal-box{max-width:720px;overflow:hidden}.patch-notes-columns{align-items:stretch;gap:1.2rem;max-height:60vh;display:flex}#patch-notes-versions:empty{display:none}#patch-notes-versions{border-right:1px solid var(--border);flex-shrink:0;width:160px;overflow-y:auto}.patch-note-version{border:none;border-bottom:1px solid var(--border-dim);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;padding:.5rem .8rem;font-family:inherit;font-size:.9rem;display:block}.patch-note-version:hover{background:var(--hover)}.patch-note-version.selected{background:var(--accent-dim);color:var(--accent)}#patch-notes-body{flex:1;min-width:0;overflow-y:auto}#patch-notes-body h3:first-child{margin-top:0}.patch-note-body{color:var(--text-dim);white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-family:inherit;font-size:.9rem;line-height:1.5}.about-columns{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.about-column{flex-direction:column;display:flex}.gecko-overlay{z-index:1000;background:var(--bg-panel);text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.gecko-overlay.hidden{display:none}.gecko-content{max-width:46rem}.gecko-content h1{color:var(--accent);margin:0 0 1.5rem;font-size:clamp(1.8rem,5vw,3rem)}.gecko-content p{margin:0 0 1rem;font-size:1.05rem;line-height:1.6}.gecko-recommend{font-weight:700;margin-bottom:2.5rem!important}#gecko-proceed{color:var(--text-faint);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.25rem;font-size:.7rem;text-decoration:underline}#gecko-proceed:hover{opacity:1}.styled-slider{-webkit-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);outline:none;width:100%;height:6px}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);cursor:pointer;border:none;width:16px;height:16px}.styled-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;width:16px;height:16px}.customization-row{align-items:center;gap:.8rem;display:flex}.customization-row.hidden{display:none}.customization-row>label{color:var(--text-dim);flex-shrink:0;width:3.5rem;font-size:.85rem}.customization-row select{-webkit-appearance:none;appearance:none;background-color:var(--bg-panel-alt);color:var(--text);border:1px solid var(--border);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23aaaaaa' stroke-width='1.5'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:.7rem;padding:.4rem 1.9rem .4rem .7rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,background-color .15s}.customization-row select:hover{border-color:var(--accent);background-color:var(--hover)}.customization-row select:focus{border-color:var(--accent);outline:none}#gender-radio{border:1px solid var(--border);display:flex}#gender-radio label{color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;padding:.4rem .95rem;font-size:.85rem;transition:background .15s,color .15s;display:flex}#gender-radio label:not(:last-child){border-right:1px solid var(--border)}#gender-radio label:hover{background:var(--hover);color:var(--text)}#gender-radio label:has(input:checked){background:var(--accent-dim);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}#gender-radio input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.sliding-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:.5rem;margin:1rem 0 .3rem;font-size:.85rem;display:flex}.sliding-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--bg-panel-alt);border:1px solid var(--border);flex-shrink:0;width:36px;height:18px;margin:0;transition:background .15s,border-color .15s;position:relative}.sliding-toggle input[type=checkbox]:after{content:"";background:var(--text-dim);width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.sliding-toggle input[type=checkbox]:hover{border-color:var(--accent)}.sliding-toggle input[type=checkbox]:checked{background:var(--accent-dim);border-color:var(--accent)}.sliding-toggle input[type=checkbox]:checked:after{background:var(--accent);transform:translate(18px)}#drawer{background:var(--bg-panel);border-top:1px solid var(--border);flex-direction:column;display:flex}#drawer-resize{cursor:ns-resize;background:var(--bg-panel-alt);flex-shrink:0;justify-content:center;align-items:center;height:8px;display:flex}#drawer-resize:before{content:"";background:var(--border);border-radius:2px;width:40px;height:2px}#drawer-resize:hover:before{background:var(--accent)}#drawer.collapsed #drawer-resize{display:none}#drawer-bar{background:var(--bg-panel-alt);align-items:center;gap:.6rem;display:flex}#drawer-tabs{gap:.3rem;display:flex}.drawer-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .9rem;font-family:inherit;font-size:.85rem}.drawer-tab:hover{color:var(--text);background:var(--hover)}.drawer-tab.active{color:var(--text);border-bottom-color:var(--accent)}#drawer-body{height:320px;display:flex;overflow:hidden}#drawer.collapsed #drawer-body{display:none}.drawer-panel{width:100%;display:none}.drawer-panel.active{display:flex}#customization-detail{flex:1;min-width:0;padding:.8rem 1rem;overflow-y:auto}.custom-panel{display:none}.custom-panel.active{display:block}.category-color-preview{border:1px solid var(--border);flex-shrink:0;width:22px;height:22px;margin-top:.3rem}#face-features-list:not(:empty){border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.shape-group+.shape-group{margin-top:.8rem}.shape-group-label{color:var(--text-dim);margin:0 0 .2rem .6rem;font-size:.85rem}#face-features-list .item-grid{flex:none;padding:.3rem .6rem;overflow:visible}.hetero-label{color:var(--text-faint);margin:.6rem 0 .4rem;font-size:.8rem}#eye2-section.hidden{display:none}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:.5rem;max-width:100%;display:grid}.skin-swatch,.hair-swatch{cursor:pointer;border:1px solid var(--border);width:28px;height:28px;padding:0}.skin-swatch:hover,.hair-swatch:hover{outline:1px solid var(--accent)}.skin-swatch.selected,.hair-swatch.selected{outline:2px solid var(--accent);outline-offset:1px}#slot-list,#customization-category-list{border-right:1px solid var(--border);flex-shrink:0;width:240px;overflow-y:auto}#item-list{flex-direction:column;flex:1;min-width:0;display:flex}.slot-row{border-bottom:1px solid var(--border-dim);cursor:pointer;padding:.6rem 1rem}.slot-row:hover{background:var(--hover)}.slot-row.selected{background:var(--accent-dim)}.slot-row.blocked{color:var(--text-faint);cursor:not-allowed}.slot-name{font-weight:700}.slot-item{color:var(--text-dim);font-size:.85rem}.slot-blocked-note{color:var(--danger);font-size:.75rem}.slot-dye-row{gap:.4rem;margin-top:.4rem;display:flex}.dye-swatch{cursor:pointer;border:1px solid var(--border);background:repeating-conic-gradient(#555 0% 25%,#333 0% 50%) 0 0/8px 8px;width:20px;height:20px;padding:0}.dye-swatch:hover{outline:1px solid var(--accent)}.dye-swatch.selected{outline:2px solid var(--accent);outline-offset:1px}#item-search-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;gap:.5rem;padding:.5rem .75rem;display:flex}#picker-modes{flex-shrink:0;display:flex}.picker-mode{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;padding:.35rem .7rem;font-family:inherit;font-size:.85rem}.picker-mode+.picker-mode{margin-left:-1px}.picker-mode:hover{color:var(--text);background:var(--hover)}.picker-mode.active{color:var(--text);background:var(--accent-dim);border-color:var(--accent);position:relative}#item-search-field{flex:1;min-width:0;display:flex;position:relative}.picker-tool{background:var(--bg);min-width:2rem;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem .6rem;font-family:inherit;font-size:.85rem;display:flex}.picker-tool:hover{color:var(--text);background:var(--hover)}.picker-tool.active{color:var(--text);background:var(--accent-dim);border-color:var(--accent)}.picker-tool .icon{width:1.05rem;height:1.05rem}#item-lock,#preview-size{display:none}#app.picker-fullscreen #item-lock{display:flex}#app.picker-fullscreen #preview-size{display:block}#item-search{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);padding:.35rem 1.8rem .35rem .6rem;font-family:inherit;font-size:.85rem}#item-search:focus{outline:1px solid var(--accent);border-color:var(--accent)}#item-search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .3rem;font-size:.95rem;line-height:1;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}#item-search-clear:hover{color:var(--text)}#item-search-clear.hidden{display:none}#item-grid,.item-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:.5rem;min-height:0;padding:.6rem;display:grid;overflow-y:auto}.item-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;padding:.3rem;display:flex}.item-card:hover{background:var(--hover)}.item-card.equipped{outline:2px solid var(--accent);background:var(--accent-dim)}.item-thumb{background:var(--bg-canvas);width:80px;height:80px;display:block}.item-card-name{color:var(--text-dim);word-break:break-word;max-height:2.3em;margin-top:.3rem;font-size:.7rem;line-height:1.15;overflow:hidden}.item-card-name mark{color:var(--text);background:0 0;font-weight:600}.unequip-card .item-thumb{color:var(--text-faint);justify-content:center;align-items:center;font-size:1.4rem;display:flex}#app.picker-fullscreen #drawer{z-index:40;border-top:none;position:fixed;inset:0}#app.picker-fullscreen #drawer-resize{display:none}#app.picker-fullscreen #drawer-body{flex:1;min-height:0;height:auto!important}#item-grid.grid-large{grid-template-columns:repeat(auto-fill, minmax(var(--preview-col,208px), 1fr));gap:.9rem;padding:.9rem}#item-grid.grid-large .item-thumb{aspect-ratio:2/3;width:100%;height:auto}#item-grid.grid-large .unequip-card .item-thumb{font-size:3rem}#item-grid.grid-large .item-card-name{max-height:2.6em;font-size:.85rem}#item-grid.grid-sets:not(.grid-large){grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}#item-grid:not(.grid-large) .set-card .item-thumb{width:96px;height:144px}.set-card-count{color:var(--text-faint);font-size:.65rem}.grid-empty{color:var(--text-faint);grid-column:1/-1;padding:1rem .4rem;font-size:.85rem}.item-card-swatch{flex-shrink:0;width:100%;height:6px}#tab-saved{flex-direction:row;width:100%;height:100%}.saved-section{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.saved-section:last-child{border-right:none}.saved-header{border-bottom:1px solid var(--border-dim);background:var(--bg-panel-alt);padding:.8rem 1rem}.saved-header h3{margin:0 0 .5rem;font-size:.95rem}.saved-actions{gap:.4rem;display:flex}.saved-actions button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;padding:.3rem .6rem;font-family:inherit;font-size:.75rem}.saved-actions button:hover{background:var(--hover);color:var(--text);border-color:var(--accent)}.saved-list{flex-direction:column;flex:1;gap:.4rem;padding:.5rem;display:flex;overflow-y:auto}.preset-item{background:var(--bg);border:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.preset-item:hover{border-color:var(--accent);background:var(--hover)}.preset-name{font-size:.85rem;font-weight:500}.preset-action{color:var(--accent);cursor:pointer;opacity:.5;background:0 0;border:none;align-items:center;padding:0 .3rem;font-size:1rem;line-height:1;display:flex}.preset-item:hover .preset-action{opacity:1}.preset-action:hover{opacity:1;filter:drop-shadow(0 0 3px var(--accent))}#scene-panel{flex:1;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-content:start;gap:0 2rem;min-width:0;padding:.8rem 1rem;display:grid;overflow-y:auto}.scene-section h3{color:var(--text-dim);margin:0 0 .9rem;font-size:.9rem}#scene-skybox-list{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.scene-skybox{background:var(--bg-panel-alt);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s,color .15s}.scene-skybox:hover{border-color:var(--accent);background:var(--hover);color:var(--text)}.scene-skybox.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.scene-skybox.loading{border-color:var(--accent);animation:1.1s ease-in-out infinite scene-skybox-pulse}@keyframes scene-skybox-pulse{50%{opacity:.45}}#scene-skybox-status:empty{display:none}#scene-skybox-status{color:var(--danger)}.scene-row{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.scene-row label,.scene-slider-head{color:var(--text-dim);font-size:.85rem}.scene-color{-webkit-appearance:none;appearance:none;border:1px solid var(--border);cursor:pointer;background:0 0;width:44px;height:24px;padding:0}.scene-color:hover{border-color:var(--accent)}.scene-color::-webkit-color-swatch-wrapper{padding:2px}.scene-color::-webkit-color-swatch{border:none}.scene-color::-moz-color-swatch{border:none}.scene-slider{margin-bottom:1rem}.scene-slider-head{justify-content:space-between;margin-bottom:.5rem;display:flex}.scene-slider-head span{font-variant-numeric:tabular-nums}.scene-hint{color:var(--text-faint);margin:0 0 1rem;font-size:.75rem}#scene-reset{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s,color .15s}#scene-reset:hover{border-color:var(--accent);background:var(--hover);color:var(--text)}