.outfit-hotspot-viewer{position:relative!important;isolation:isolate}.outfit-hotspot-viewer>img{position:relative;z-index:0}.outfit-hotspot-layer,.hotspot-edit-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.outfit-hotspot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border:0;border-radius:999px;padding:0;background:rgba(8,5,13,.82);box-shadow:0 0 0 2px rgba(255,255,255,.88),0 3px 14px rgba(0,0,0,.42);display:grid;place-items:center;pointer-events:auto;touch-action:manipulation}.outfit-hotspot>span{width:10px;height:10px;border-radius:50%;background:#c084fc;box-shadow:0 0 0 3px rgba(192,132,252,.22)}.outfit-hotspot:active{transform:translate(-50%,-50%) scale(.92)}.outfit-hotspot.is-editing{width:38px;height:38px;background:rgba(12,8,18,.9)}.outfit-hotspot.is-editing.selected{box-shadow:0 0 0 3px #c084fc,0 4px 18px rgba(0,0,0,.5)}.outfit-hotspot.is-editing.selected>span{background:#fff}.outfit-hotspot-tools{display:grid;gap:6px;margin:10px 0 4px}.outfit-hotspot-tools .secondary-btn{min-height:46px}.outfit-hotspot-tools .secondary-btn:disabled{opacity:.45}.outfit-hotspot-tools small{display:block;text-align:center;color:var(--muted);font-size:10px;line-height:1.35;padding:0 8px}
.hotspot-editor-overlay{position:fixed;inset:0;z-index:180;background:#07060b;color:var(--text);display:block}.hotspot-editor{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#07060b}.hotspot-editor-header{min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;display:grid;grid-template-columns:78px minmax(0,1fr) 78px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);background:#0d0914;position:relative;z-index:4}.hotspot-editor-header strong{text-align:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotspot-editor-header button{min-height:44px;border:0;background:transparent;color:var(--text-soft);font-weight:800;font-size:12px;padding:0 6px}.hotspot-editor-header button[data-hotspot-done]{color:#e9dbff}.hotspot-editor-header button:disabled{opacity:.5}.hotspot-editor-body{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 14px calc(28px + env(safe-area-inset-bottom));scrollbar-width:none}.hotspot-editor-body::-webkit-scrollbar{display:none}.hotspot-editor-help{margin:0 auto 12px;max-width:520px;text-align:center;color:var(--muted);font-size:11px;line-height:1.45}.hotspot-edit-photo{position:relative;width:min(100%,520px);aspect-ratio:4/5;margin:0 auto;border-radius:20px;overflow:hidden;background:#050307;border:1px solid rgba(255,255,255,.08);touch-action:manipulation}.hotspot-edit-photo>img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none}.hotspot-selected-bar{width:min(100%,520px);margin:10px auto 0;min-height:48px;border:1px solid rgba(192,132,252,.28);border-radius:14px;background:rgba(192,132,252,.07);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px}.hotspot-selected-bar[hidden]{display:none!important}.hotspot-selected-bar span{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotspot-selected-bar button{flex:0 0 auto;min-height:34px;border:1px solid rgba(255,142,168,.28);border-radius:10px;background:rgba(255,142,168,.08);color:#ffc2d0;font-size:10px;font-weight:800;padding:0 10px}.hotspot-linked-summary{width:min(100%,520px);margin:18px auto 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.hotspot-linked-summary strong{font-size:13px}.hotspot-linked-summary span{min-width:27px;height:27px;border-radius:999px;background:rgba(192,132,252,.12);display:grid;place-items:center;color:#e4ccff;font-size:10px;font-weight:900}.hotspot-linked-list{width:min(100%,520px);margin:0 auto;display:grid;gap:8px}.hotspot-linked-row{width:100%;min-height:62px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.022);color:var(--text);padding:7px;display:flex;align-items:center;gap:10px;text-align:left}.hotspot-linked-row img,.hotspot-piece-fallback{width:46px;height:46px;flex:0 0 46px;border-radius:11px;object-fit:cover;background:#161020;display:grid;place-items:center;color:var(--muted)}.hotspot-linked-row>span:last-child{min-width:0}.hotspot-linked-row strong,.hotspot-linked-row small{display:block}.hotspot-linked-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotspot-linked-row small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.3}.hotspot-empty{margin:0;padding:16px;border:1px dashed rgba(255,255,255,.08);border-radius:14px;text-align:center;color:var(--muted);font-size:11px}
.hotspot-choice-backdrop{position:fixed;inset:0;z-index:190;background:rgba(0,0,0,.58);display:flex;align-items:flex-end;justify-content:center;padding-top:calc(40px + env(safe-area-inset-top))}.hotspot-choice-backdrop[hidden]{display:none!important}.hotspot-choice-sheet{width:min(760px,100%);max-height:min(72dvh,680px);overflow:hidden;border-radius:24px 24px 0 0;background:#100b18;border:1px solid rgba(255,255,255,.07);padding-bottom:env(safe-area-inset-bottom)}.hotspot-choice-title{min-height:62px;padding:10px 12px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.hotspot-choice-title strong,.hotspot-choice-title span{display:block}.hotspot-choice-title strong{font-size:14px}.hotspot-choice-title span{font-size:10px;color:var(--muted);margin-top:3px}.hotspot-choice-title button{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:rgba(255,255,255,.05);color:var(--text-soft);font-size:18px}.hotspot-piece-list{max-height:calc(min(72dvh,680px) - 62px - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hotspot-piece-choice{min-width:0;min-height:68px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);color:var(--text);display:flex;align-items:center;gap:9px;padding:7px;text-align:left}.hotspot-piece-choice:active{background:rgba(192,132,252,.08)}.hotspot-piece-choice img{width:48px;height:52px;flex:0 0 48px;border-radius:10px;object-fit:cover}.hotspot-piece-choice>span:last-child{min-width:0}.hotspot-piece-choice strong,.hotspot-piece-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotspot-piece-choice strong{font-size:11px}.hotspot-piece-choice small{font-size:9px;color:var(--muted);margin-top:3px}
@media(max-width:430px){.outfit-hotspot{width:32px;height:32px}.hotspot-editor-body{padding-left:10px;padding-right:10px}.hotspot-edit-photo{border-radius:16px}.hotspot-piece-list{grid-template-columns:1fr}.hotspot-piece-choice{min-height:62px}.hotspot-choice-sheet{border-radius:22px 22px 0 0}}