:root{--bg:#1e2530;--panel:#262f3d;--card:#2f3a4a;--card-hover:#3c4a5e;--accent:#5aa9e6;--text:#eaeef3;--text-dim:#9aa7b8;color-scheme:dark}*{box-sizing:border-box}body,html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;min-height:100vh}body *{cursor:inherit!important}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel)}.topbar h1{font-size:18px;margin:0}.title-block{display:flex;align-items:baseline;gap:8px}.version-tag{font-size:11px;color:var(--text-dim)}.header-controls{display:flex;align-items:center;gap:16px}.combat-toggle{display:flex;gap:4px}.combat-toggle button{padding:6px 14px;border-radius:6px;border:1px solid transparent;background:var(--card);color:var(--text);cursor:pointer;font-weight:700}.combat-toggle button.active{background:#d9784a;color:#10151d}.gender-toggle{display:flex;gap:6px}.gender-toggle button{padding:6px 16px;border-radius:6px;border:1px solid transparent;background:var(--card);color:var(--text);cursor:pointer}.gender-toggle button.active{background:var(--accent);color:#10151d;font-weight:700}.layout{display:flex;gap:16px;padding:16px;align-items:flex-start;flex-wrap:wrap}.preview-pane{flex:0 0 340px;position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}.preview-frame-wrap{width:100%;overflow-x:auto}.preview-frame{position:relative;width:280px;height:300px;margin:0 auto;background:radial-gradient(circle at 50% 30%,#37505f,#1c2530 80%);border-radius:10px;overflow:hidden;transition:width .15s ease}.preview-frame.move-active{width:480px}.preview-frame img{position:absolute;top:50%;left:50%;width:280px;height:300px;margin-top:-150px;margin-left:-140px;image-rendering:pixelated}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);font-size:13px}.hidden{display:none!important}.ghost-img{pointer-events:none}.move-hint{font-size:10px;color:var(--text-dim)}.move-touch-controls{display:none}@media (hover:none),(pointer:coarse){.move-touch-controls:not(.hidden){display:flex;gap:8px;justify-content:center}}.move-touch-btn{flex:1 1 0;max-width:90px;padding:14px 0;border-radius:8px;border:none;background:var(--card);color:var(--text);font-size:18px;font-weight:700;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.move-touch-btn:active{background:var(--accent);color:#10151d}.controls{background:var(--panel);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.control-row{display:flex;align-items:center;gap:8px}.control-row span:first-child{flex:0 0 64px;color:var(--text-dim)}.control-row input[type=range],.control-row select{flex:1;min-width:0}#frameLabel{flex:0 0 44px;text-align:right;color:var(--text-dim)}.swatch-row{display:flex;gap:6px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:var(--accent)}.bg-picker{display:flex;gap:6px;background:var(--panel);border-radius:8px;padding:8px 10px}.bg-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.bg-swatch.active{border-color:var(--accent)}.presets-panel{background:var(--panel);border-radius:8px;padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:6px}.presets-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-dim)}.presets-header button{background:var(--card);color:var(--text);border:none;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.presets-header button:hover{background:var(--card-hover)}.presets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;max-height:220px;overflow-y:auto;color:var(--text-dim)}.presets-list.empty{display:block;white-space:nowrap;font-size:12px}.preset-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:6px;background:var(--card);cursor:pointer}.preset-card:hover{background:var(--card-hover)}.preset-card img{width:52px;height:52px;object-fit:contain;background:#10151d;border-radius:4px}.preset-card-name{font-size:9px;color:var(--text-dim);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-card-del{position:absolute;top:1px;right:1px;background:rgba(0,0,0,.55);border:none;color:#d97a7a;font-size:11px;line-height:1;padding:2px 5px;border-radius:4px;cursor:pointer}.equipped-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-dim)}.equipped-header-btns{display:flex;align-items:center;gap:6px}.save-bg-check{display:flex;align-items:center;gap:3px;font-size:11px;white-space:nowrap;cursor:pointer}.equipped-header-btns button{background:var(--card);color:var(--text);border:none;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.equipped-header-btns button:hover{background:var(--card-hover)}.equipped-header-btns button.undress-btn{background:#7a3535}.equipped-header-btns button.undress-btn:hover{background:#8f4141}.equipped-list{background:var(--panel);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.equipped-list .row{display:flex;justify-content:space-between;gap:8px}.equipped-list .row span:first-child{color:var(--text)}.equipped-list .clear-btn{background:0 0;border:none;color:#d97a7a;cursor:pointer;font-size:12px}.picker-pane{flex:1 1 480px;min-width:320px;display:flex;flex-direction:column;gap:10px}.subtab-bar,.tab-bar{display:flex;flex-wrap:wrap;gap:6px}.subtab-bar button,.tab-bar button{padding:6px 12px;border-radius:6px;border:none;background:var(--card);color:var(--text);cursor:pointer;font-size:13px;white-space:nowrap}.subtab-bar button.active,.tab-bar button.active{background:var(--accent);color:#10151d;font-weight:700}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.search-input{flex:1 1 160px;min-width:120px;background:var(--card);border:1px solid transparent;border-radius:6px;padding:6px 10px;color:var(--text);font-size:13px}.search-input:focus{outline:0;border-color:var(--accent)}.global-search-input{flex:1 1 240px;max-width:320px;background:#24405a}.fav-filter-btn,.view-switch-btn,.weapon-group-select{padding:6px 10px;border-radius:6px;border:none;background:var(--card);color:var(--text);cursor:pointer;font-size:12px;white-space:nowrap}.fav-filter-btn.active,.view-switch-btn.active{background:var(--accent);color:#10151d;font-weight:700}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;background:var(--panel);border-radius:8px;padding:10px;max-height:640px;overflow-y:auto}.item-grid.empty{display:block;color:var(--text-dim);font-size:13px}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:6px;background:var(--card);cursor:pointer;border:2px solid transparent;min-width:0}.item-card:hover{background:var(--card-hover)}.item-card.equipped{border-color:var(--accent)}.item-card img{width:48px;height:48px;object-fit:contain}.item-card .name{font-size:10px;color:var(--text-dim);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fav-star{position:absolute;top:2px;right:2px;background:0 0;border:none;color:#5a6472;font-size:13px;cursor:pointer;line-height:1;padding:2px}.fav-star.active{color:#e6c65a}.hide-star{position:absolute;top:2px;left:2px;background:0 0;border:none;color:#5a6472;font-size:12px;cursor:pointer;line-height:1;padding:2px}.hide-star:hover{color:#d97a7a}.hide-star.restore{color:#7ab88a;font-size:15px}.hide-star.restore:hover{color:#96d4a5}.item-tooltip{position:fixed;z-index:100;max-width:260px;background:#10151d;border:1px solid var(--accent);border-radius:6px;padding:8px 10px;font-size:12px;white-space:pre-line;color:var(--text);pointer-events:none}@media (max-width:720px){body{padding-top:240px}.preview-pane{position:static;flex:1 1 100%}.picker-pane{min-width:0}.layout{padding:8px;gap:10px}.topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.header-controls{flex-wrap:wrap;gap:10px}.preview-frame-wrap{position:fixed;top:0;left:0;right:0;z-index:15;background:var(--bg);padding:6px 0 10px;box-shadow:0 6px 10px -6px rgba(0,0,0,.5)}.preview-frame{width:200px;height:214px}.preview-frame.move-active{width:320px}.preview-frame img{width:200px;height:214px;margin-top:-107px;margin-left:-100px}.combat-toggle button,.gender-toggle button{padding:9px 16px;font-size:14px}.subtab-bar button,.tab-bar button{padding:9px 14px;font-size:14px}.fav-star,.hide-star{font-size:16px;padding:6px}.preset-card-del{padding:4px 7px;font-size:13px}.equipped-header-btns button{padding:7px 10px;font-size:12px}.global-search-input,.search-input{font-size:16px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:none;overflow-y:visible}.equipped-list,.presets-list{max-height:none;overflow-y:visible}}