.iw-panel{width:min(1240px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;background:linear-gradient(125deg,#292921,#161c1e 44%,#171e20)!important;border:1px solid #9b8455!important;box-shadow:0 0 0 3px #131819,0 0 0 4px #65583d,0 28px 80px #000c!important;border-radius:5px!important;overflow:auto}
.iw-panel>header{padding:13px 20px!important;border-bottom:1px solid #706044!important;background:linear-gradient(90deg,#45413170,transparent)}
.iw-panel>header h2{font-size:22px!important;letter-spacing:3px;margin:4px 0 0!important;color:#ecdbaf}.iw-panel #panel-content{padding:12px 16px!important}.iw-panel button{border-radius:3px;font-family:inherit}.iw-panel button:focus-visible,.iw-panel select:focus-visible,.iw-panel input:focus-visible{outline:2px solid #e4ca87;outline-offset:2px}.iw-panel button:disabled{cursor:default;opacity:.45}
.iw-nav,.iw-toolbar,.iw-footer,.iw-section-heading,.iw-paging,.iw-rotation{display:flex;align-items:center;gap:8px}.iw-nav{justify-content:space-between;margin-bottom:12px}.iw-nav>div{display:flex;gap:5px;flex-wrap:wrap}.iw-nav button{padding:7px 12px;font-size:12px}.iw-nav button.active,.iw-primary{background:linear-gradient(#6b5a36,#423923)!important;color:#fff0c3!important;border-color:#a18b58!important}
.iw-toolbar{padding:9px 10px;margin-bottom:12px;background:#0d141780;border:1px solid #5e583b;border-radius:3px;flex-wrap:wrap}.iw-toolbar input:not([type=checkbox]){width:205px;min-width:120px}.iw-toolbar select,.iw-toolbar input:not([type=checkbox]){height:31px;padding:3px 8px;font-size:12px;background:#172125;color:#decfae;border:1px solid #565a4e;border-radius:2px}.iw-toolbar label{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.iw-toolbar input[type=checkbox]{width:auto;accent-color:#c1a465}.iw-toolbar button{padding:6px 10px;font-size:12px}
.iw-layout{display:grid;grid-template-columns:minmax(290px,1.05fr) minmax(350px,1.16fr) minmax(245px,.9fr);gap:14px;align-items:start}.iw-layout.iw-warehouse{grid-template-columns:minmax(310px,1fr) minmax(310px,1fr) minmax(260px,.86fr)}
.iw-character,.iw-container,.iw-details{min-width:0;border:1px solid #716344;background:#0c1417c4;border-radius:3px;box-shadow:inset 0 0 15px #0006}.iw-section-heading{justify-content:space-between;min-height:36px;border-bottom:1px solid #5d513c;padding:7px 10px;background:linear-gradient(90deg,#39382f,#20282b);font-size:12px;color:#d8c598}.iw-section-heading h3{font-size:14px;margin:0;color:#ecdcb4}.iw-section-heading small{color:#9b9f94;font-size:11px}
.iw-dressing{height:337px;position:relative;overflow:hidden;background:#12191b}.iw-dressing canvas{position:absolute;left:50%;top:0;transform:translateX(-50%);width:262px;height:337px;max-width:none!important}.iw-slots{position:absolute;z-index:1;top:9px;display:grid;gap:7px}.iw-slots.left{left:7px}.iw-slots.right{right:7px}.iw-equip-slot{width:54px;text-align:center}.iw-equip-slot .iw-item{width:54px;height:56px;min-height:56px}.iw-equip-slot>small{display:block;color:#b8ac8c;font-size:10px;line-height:16px}.iw-equip-slot .iw-item-name{display:none}.iw-preview-label{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#e4cca0;font-size:11px;text-shadow:0 1px 3px #000;background:#111a1da6;padding:3px 10px;border-radius:8px}
.iw-rotation{justify-content:center;gap:8px;padding:6px;border-top:1px solid #514b38;font-size:11px;color:#b6b29f}.iw-rotation button{font-size:12px;padding:4px 9px}.iw-preview-note{text-align:center;line-height:1.5;font-size:10px;color:#acb0a3;margin:2px 4px 8px}.iw-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px;background:#26303160;border-top:1px solid #4f4b38;font-size:10px;text-align:center;color:#aab4ac}.iw-stats strong{display:block;font:17px Georgia,serif;color:#eedab1;margin-top:4px}.iw-set{font-size:10px;line-height:1.6;padding:8px;color:#c0ad7f;text-align:center}
.iw-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:10px}.iw-item{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;height:72px;padding:2px!important;border:1px solid color-mix(in srgb,var(--rarity,#72613c) 55%,#373935)!important;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity,#776241) 16%,#182123),#0e1416)!important;box-shadow:inset 0 0 0 2px #080d1066;border-radius:2px!important;overflow:hidden}.iw-item:disabled{opacity:.4!important}.iw-item .item-icon,.iw-item .art-icon{flex:none;max-width:44px}.iw-item:hover:not(:disabled){filter:brightness(1.2);border-color:#edd7a0!important}.iw-item.is-selected{outline:2px solid #ebd393;outline-offset:0;box-shadow:inset 0 0 16px #d4b46535}.iw-item.is-marked{outline:2px solid #8fd3b8}.iw-plus{position:absolute;right:3px;top:2px;font-size:11px;color:#ffe6a0;text-shadow:0 1px 3px #000}.iw-lock{position:absolute;left:3px;top:2px;font-size:9px;color:#c7b58b;background:#151a18bd}.iw-mark{position:absolute;bottom:13px;right:2px;background:#305b48;border:1px solid #a0dac2;font-size:11px;padding:0 2px}.iw-item-name{display:block;width:100%;height:14px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:9px;color:var(--rarity,#d9c498)}.iw-empty-glyph{font-size:20px;font-family:serif;color:#81724970}.iw-item.is-restricted .iw-item-name{color:#c09085}
.iw-paging{justify-content:center;min-height:39px;padding:4px;border-top:1px solid #4c4938;font-size:11px;color:#d2c299}.iw-paging button{padding:3px 11px;font-size:15px}.iw-paging button:last-child{font-size:11px}.iw-no-results{font-size:12px;text-align:center;color:#b0b6ac;margin:2px}.iw-detail-icon{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #5b5139;background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--rarity) 12%,#1a2425),transparent);font-size:14px;color:var(--rarity)}.iw-details .item-detail{border:none!important;background:none!important;margin:0!important;padding:12px!important}.iw-details .item-detail h3{font-size:16px;line-height:1.5;margin:0 0 8px}.iw-details .item-detail p{font-size:11px;line-height:1.8;color:#c0c8ba;margin:7px 0}.iw-details .item-detail>div{display:flex;flex-wrap:wrap;gap:5px}.iw-details button{font-size:11px;padding:6px 9px;line-height:1.4}.iw-details .panel-note{font-size:11px;line-height:1.8;margin:0 9px 7px!important;padding:8px!important;border:1px solid #514a34;background:#292b2266}.iw-details .fineprint{padding:0 10px;font-size:10px}.iw-details>.iw-primary{margin:2px 12px 10px;width:calc(100% - 24px);padding:9px}.iw-help{font-size:10px;line-height:1.8;color:#8e9f97;padding:10px;border-top:1px solid #494834}.iw-detail-empty{padding:40px 12px;text-align:center;font-size:12px;line-height:2;color:#b4b39d}.iw-requirement{color:#d3aa91;font-size:11px;padding:0 10px;line-height:1.5}.iw-footer{margin-top:12px;flex-wrap:wrap;padding:8px 0 0;border-top:1px solid #66573b;font-size:11px;color:#b8bca9}.iw-footer>span:first-child{margin-right:auto}.iw-footer b{color:#e3cb8b}.iw-footer button{font-size:10px;padding:5px 8px}
.iw-details{max-height:530px;overflow-y:auto;scrollbar-color:#786949 #152022;scrollbar-width:thin}.iw-records{margin-top:10px;border-top:1px solid #534e3a;padding-top:9px;color:#b6bdae;font-size:11px}.iw-records summary{cursor:pointer;color:#d7c698}.iw-records .iw-stats{margin-top:10px}.iw-records p{line-height:1.8}.iw-records button{font-size:11px;padding:6px 10px}
@media(max-width:1120px){.iw-layout{grid-template-columns:minmax(270px,.95fr) minmax(305px,1.05fr) minmax(220px,.8fr);gap:8px}.iw-grid{gap:3px;padding:6px}.iw-item{height:67px}.iw-layout.iw-warehouse{grid-template-columns:minmax(270px,1fr) minmax(270px,1fr) minmax(210px,.8fr)}.iw-panel #panel-content{padding:10px!important}.iw-nav button{padding:6px 8px}.iw-dressing{height:317px}.iw-dressing canvas{height:317px;width:246px}.iw-slots{gap:3px}}
@media(max-width:880px){.iw-layout,.iw-layout.iw-warehouse{grid-template-columns:minmax(250px,1fr) minmax(285px,1fr)}.iw-details{grid-column:1/-1}.iw-nav{align-items:start;gap:6px;flex-wrap:wrap}.iw-toolbar{gap:5px}.iw-panel{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}}
@media(max-width:600px){.iw-layout,.iw-layout.iw-warehouse{display:flex;flex-direction:column}.iw-character,.iw-container,.iw-details{width:100%}.iw-toolbar input:not([type=checkbox]){width:100%}.iw-panel>header{padding:9px 12px!important}.iw-panel>header h2{font-size:18px!important}}