.item-preview{position:absolute;inset:0;z-index:3;pointer-events:none}.item-preview button{font:inherit;cursor:pointer;border-radius:4px}.item-preview button:focus-visible,.ip-wardrobe summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.ip-modes{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;pointer-events:auto}.ip-modes button{min-height:28px;min-width:36px;padding:.25rem .5rem;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:.7rem;font-weight:600}.ip-modes button:hover,.ip-modes button[aria-pressed=true]{background:var(--bg-card-hover);color:var(--accent)}.ip-stage{position:absolute;inset:0;pointer-events:auto;background:var(--bg-secondary)}.ip-canvas,.ip-canvas>div{position:absolute!important;inset:0;width:100%!important;height:100%!important}.ip-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.ip-loading{position:absolute;inset:0;pointer-events:none}.ip-stage[aria-busy=true] .ip-canvas{visibility:hidden}.ip-status{position:absolute;inset:0;display:grid;place-content:center;padding:3.5rem 2.8rem 4rem;font-size:.78rem;line-height:1.5;text-align:center;pointer-events:none;color:var(--text-secondary)}.ip-status:empty{display:none}.ip-status.is-error{background:color-mix(in srgb,var(--bg-card) 90%,transparent);color:var(--text-primary)}.ip-retry{position:absolute;left:50%;bottom:3.8rem;transform:translate(-50%);padding:.45rem .65rem;border:1px solid var(--border-light);color:var(--text-primary);background:var(--bg-card);font-size:.75rem!important}.ip-login{position:absolute;left:50%;bottom:3.8rem;transform:translate(-50%);white-space:nowrap;padding:.45rem .65rem;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-card);color:var(--text-primary);font-size:.75rem}.ip-camera-controls{position:absolute;right:.45rem;top:3.6rem;display:grid;gap:1px}.ip-camera-controls button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:1.05rem;line-height:1}.ip-wardrobe{position:absolute;top:.45rem;left:.45rem;width:min(140px,calc(100% - 3.5rem));background:var(--bg-card);border:1px solid var(--border-light);border-radius:5px;overflow:hidden;z-index:2;text-align:left}.ip-wardrobe summary{min-height:30px;display:flex;align-items:center;gap:.3rem;padding:.3rem .4rem;cursor:pointer;list-style:none;font-size:.67rem;font-weight:600}.ip-wardrobe summary::-webkit-details-marker{display:none}.ip-wardrobe summary>span{flex:1;min-width:0}.ip-wardrobe summary small{color:var(--text-muted);font-weight:400}.item-preview .ip-wardrobe summary img{width:20px;height:20px;object-fit:cover}.ip-wardrobe[open] summary{border-bottom:1px solid var(--border)}.ip-wardrobe[open] summary svg{transform:rotate(180deg)}.ip-wardrobe-panel{max-height:210px;max-height:min(240px,calc(100cqw - 6rem));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:.35rem}.ip-wardrobe-panel>p{font-size:.65rem;line-height:1.45;color:var(--text-secondary);margin:0 0 .4rem}.ip-worn-items{display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem}.ip-worn-item{display:flex;align-items:center;gap:.3rem;min-width:0;padding:.25rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.item-preview .ip-worn-item img{width:36px;height:36px;flex:none;object-fit:contain}.ip-worn-item span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.6rem;line-height:1.35;min-width:0;overflow-wrap:anywhere;text-align:left}.ip-worn-item.is-removed{opacity:.45;filter:grayscale(1)}.ip-worn-item[aria-pressed=true]{border-color:var(--accent)}.item-detail-media:has(.item-preview){container-type:inline-size}.item-detail-media:has(.item-preview[data-active=true])>.item-owned-overlay{visibility:hidden}@media(max-width:600px){.ip-modes button{min-height:32px;min-width:38px}.ip-camera-controls button{width:34px;height:34px}}