: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:2.6rem;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:.5rem;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)}#gear-live,#gear-live-glass{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#gear-live-glass{display:none}#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}.setting-select{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.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}.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,.setting-select 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,.setting-select select:hover{border-color:var(--accent);background-color:var(--hover)}.customization-row select:focus,.setting-select 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;position:relative;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}.group-stack{position:relative}.group-stack:before,.group-stack:after{content:"";border:1px solid var(--border);background:var(--bg-canvas);position:absolute;inset:0}.group-stack:before{opacity:.45;transform:translate(6px,-6px)}.group-stack:after{opacity:.75;transform:translate(3px,-3px)}.group-stack .item-thumb{z-index:1;position:relative}.group-count{z-index:2;background:var(--accent);color:#fff;text-align:center;min-width:1.3em;padding:.05rem .3rem;font-size:.65rem;font-weight:700;line-height:1.3;position:absolute;bottom:3px;right:3px}.group-card.group-open{background:var(--hover);outline:1px solid var(--accent)}.group-card.group-open.equipped{background:var(--accent-dim);outline-width:2px}#item-grid.grid-large .group-stack .item-thumb,#item-grid.grid-large .group-stack{width:100%}#item-grid.grid-large .group-count{font-size:.85rem;bottom:6px;right:6px}.group-popout{z-index:30;background:var(--bg-panel-alt);border:1px solid var(--accent);flex-direction:column;max-width:calc(100% - 16px);display:flex;position:absolute;box-shadow:0 8px 24px #0000008c}.group-popout-heading{border-bottom:1px solid var(--border);color:var(--text-faint);flex-shrink:0;padding:.4rem .6rem;font-size:.75rem}.group-popout-grid{grid-template-columns:repeat(var(--group-columns,4), var(--group-col,88px));gap:var(--group-gap,.5rem);min-height:0;padding:var(--group-gap,.5rem);display:grid;overflow-y:auto}.group-popout.grid-large .item-thumb{aspect-ratio:2/3;width:100%;height:auto}.group-popout.grid-large .item-card-name{max-height:2.6em;font-size:.85rem}#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,.share-action{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,.share-action:hover:not(:disabled){border-color:var(--accent);background:var(--hover);color:var(--text)}#share-panel{flex:1;gap:1.25rem;min-width:0;padding:.8rem 1rem;display:flex;overflow:hidden}#share-preview{max-width:55%;height:100%;aspect-ratio:var(--share-aspect,16 / 9);background:repeating-linear-gradient(45deg, transparent 0 10px, #ffffff05 10px 20px), var(--bg-panel-alt);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}#share-preview-img{max-width:100%;max-height:100%;display:block}#share-preview-img.hidden,#share-preview-empty.hidden{display:none}#share-preview-empty{text-align:center;color:var(--text-faint);padding:0 1rem;font-size:.8rem}#share-settings{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex;overflow-y:auto}.share-grid{grid-template-columns:6rem 1fr;align-items:center;gap:.55rem .9rem;display:grid}.share-label{color:var(--text-dim);font-size:.8rem}.segmented{flex-wrap:wrap;display:flex}.segmented-option{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;margin-left:-1px;padding:.32rem .75rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,background .15s,color .15s;position:relative}.segmented-option:first-child{margin-left:0}.segmented-option:hover{z-index:1;border-color:var(--accent);color:var(--text)}.segmented-option.selected{z-index:2;background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.share-input{max-width:16rem;color:var(--text);border:1px solid var(--border);background:0 0;padding:.32rem .6rem;font-family:inherit;font-size:.8rem;transition:border-color .15s}.share-input:focus{border-color:var(--accent);outline:none}.share-input:disabled{opacity:.45}.share-toggle{margin:0}.share-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.share-action.primary{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.share-action:disabled{opacity:.45;cursor:default}#share-status{color:var(--text-faint);margin-left:.4rem;font-size:.78rem}.share-post-row{border-top:1px solid var(--border-dim);grid-template-columns:6rem 1fr;align-items:center;gap:.4rem .9rem;margin-top:auto;padding-top:.8rem;display:grid}.share-post-buttons{flex-wrap:wrap;gap:.4rem;display:flex}#share-native-btn.hidden{display:none}@media (width<=768px){#share-panel{flex-direction:column;overflow-y:auto}#share-preview{align-self:center;max-width:100%;height:220px}#share-settings{overflow:visible}.share-grid,.share-post-row{grid-template-columns:1fr}}#pose-panel{flex:1;min-width:0;padding:.8rem 1rem;overflow-y:auto}#pose-list{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.4rem;margin-bottom:1rem;display:grid}.pose-option{background:var(--bg-panel-alt);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:.3rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,background .15s,color .15s;display:flex}.pose-option:hover{border-color:var(--accent);background:var(--hover);color:var(--text)}.pose-option.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.pose-thumb{background:var(--bg-canvas);width:96px;height:144px;display:block}.pose-label{line-height:1.15}.battle-clips{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.battle-clip{background:var(--bg-panel-alt);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;padding:.35rem .7rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,background .15s,color .15s}.battle-clip:hover{border-color:var(--accent);background:var(--hover);color:var(--text)}.battle-clip.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.battle-clips.hidden{display:none}.battle-clip.unavailable{opacity:.45}.look-row{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.look-toggles{flex-direction:column;gap:.5rem;display:flex}.look-row .sliding-toggle{margin:0}.clip-player{background:var(--bg-panel-alt);border:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.4rem .6rem;display:flex}.clip-play{background:var(--accent-dim);width:2rem;height:2rem;color:var(--text);border:1px solid var(--accent);cursor:pointer;flex:none;justify-content:center;align-items:center;font-size:.95rem;transition:background .15s;display:flex}.clip-play:hover:not(:disabled){background:var(--accent)}.clip-timeline{flex:1;min-width:0}.clip-time{font-variant-numeric:tabular-nums;color:var(--text-dim);flex:none;font-size:.75rem}.clip-player.still{opacity:.45}.clip-player.still .clip-play,.clip-player.still .clip-timeline{cursor:default}#menu-button,#menu-close{color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;display:none}#menu-button{border:1px solid var(--border);background:#0000008c;width:40px;height:40px;font-size:1.3rem}#menu-close{border:none;border-left:1px solid var(--border);background:0 0;align-self:stretch;width:44px;margin-left:auto;font-size:1.2rem}#menu-button:hover,#menu-close:hover{color:var(--accent)}#gpu-canvas{touch-action:none}#status:empty{display:none}@media (hover:none) and (pointer:coarse){#freecam-button{display:none}}@media (width<=768px){html,body{height:100dvh}#menu-button,#menu-close{display:flex}#top-left-controls{top:calc(.5rem + env(safe-area-inset-top));left:calc(.5rem + env(safe-area-inset-left))}#top-right-controls{top:calc(.5rem + env(safe-area-inset-top));right:calc(.5rem + env(safe-area-inset-right))}#status{top:calc(3.2rem + env(safe-area-inset-top));left:calc(.5rem + env(safe-area-inset-left))}#fps{display:none}#about-button,#settings-button{width:40px;height:40px;font-size:1.2rem}#version-badge{height:40px}#drawer,#app.picker-fullscreen #drawer{visibility:hidden;z-index:40;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:none;transition:transform .25s,visibility 0s linear .25s;position:fixed;inset:0;transform:translate(-100%)}#app.menu-open #drawer{visibility:visible;transition:transform .25s,visibility;transform:none}#drawer-resize{display:none}#drawer-bar{border-bottom:1px solid var(--border);flex-shrink:0}#drawer-tabs{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.drawer-tab{flex-shrink:0;padding:.8rem .9rem;font-size:.9rem}#drawer-body,#drawer.collapsed #drawer-body{flex:1;min-height:0;display:flex;height:auto!important}#tab-equipment.active,#tab-customization.active,#tab-saved.active{flex-direction:column}#slot-list,#customization-category-list{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:38%}#customization-detail,#item-list{flex:1;min-height:0}#custom-panel-race .customization-row:first-child{flex-wrap:wrap}#race-select{flex:1;min-width:0}#gender-radio{flex-basis:100%}#gender-radio label{flex:1}#item-search-bar{flex-wrap:wrap;padding:.5rem}#item-search-field{flex-basis:100%;order:1}#app.picker-fullscreen #drawer-bar,#app.picker-fullscreen #slot-list{display:none}#item-grid.grid-large{grid-template-columns:repeat(var(--preview-columns,2), minmax(0, 1fr))}#item-search,.picker-mode,.picker-tool{font-size:1rem}.saved-section{border-right:none;border-bottom:1px solid var(--border);min-height:0}.saved-actions{flex-wrap:wrap}.modal-box{width:calc(100% - 2rem);max-height:85dvh;padding:1rem}#about-modal,#settings-modal,#patch-notes-modal{background:var(--bg-panel);align-items:stretch;transition:transform .25s,visibility}#about-modal.hidden,#settings-modal.hidden,#patch-notes-modal.hidden{visibility:hidden;transition:transform .25s,visibility 0s linear .25s;display:flex;transform:translate(100%)}#about-modal .modal-box,#settings-modal .modal-box,#patch-notes-modal .modal-box{width:100%;max-width:none;max-height:none;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));border:none}#about-close,#settings-close,#patch-notes-close{padding:.4rem;font-size:1.4rem}.about-columns{grid-template-columns:1fr;gap:0}#patch-notes-modal .modal-box{flex-direction:column;display:flex}.patch-notes-columns{flex-direction:column;flex:1;gap:.8rem;min-height:0;max-height:none}#patch-notes-versions{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;width:100%;max-height:30%}}@media (width<=768px) and (prefers-reduced-motion:reduce){#drawer,#app.picker-fullscreen #drawer,#app.menu-open #drawer,#about-modal,#settings-modal,#patch-notes-modal,#about-modal.hidden,#settings-modal.hidden,#patch-notes-modal.hidden{transition:none}}