.xr{padding-bottom:12px}
.xr-st{position:relative;max-width:420px;margin:0 auto;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:3/4;box-shadow:inset 0 0 0 1px rgba(196,140,255,.18);touch-action:manipulation}
.xr-st img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:filter 1s ease}
.xr-st canvas.xr-el{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xr-ph{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(4,8,14,.82);border:1px solid rgba(159,220,255,.28);font:600 11px/1 -apple-system,Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e8f6ff;pointer-events:none}
.xr-ph i{width:8px;height:8px;border-radius:50%;background:var(--xr-dot,#7fd0ff);transition:background .6s}
.xr-pt{position:absolute;z-index:2;transform:translate(-50%,-50%);width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.xr-pt b{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;background:#f3e8ff;color:#04070c;font:700 14px/1 -apple-system,Segoe UI,sans-serif;box-shadow:0 0 0 2.5px #05030b,0 0 14px rgba(255,255,255,.55);transition:background .3s,box-shadow .3s,transform .3s}
.xr-pt[aria-pressed=true] b{background:#ffd36b;transform:scale(1.12);box-shadow:0 0 0 2.5px #05030b,0 0 22px #ffd36b}
.xr-pt:focus-visible{outline:2px solid #ffd36b;outline-offset:2px}
.xr .chips{justify-content:center;margin:12px 0 4px}
.xr .chips button{min-height:44px}
.xr-cap{margin:10px auto 0;max-width:420px;min-height:2.8em;padding:9px 12px;border-radius:12px;background:rgba(255,211,107,.07);border:1px solid rgba(255,211,107,.2);text-align:center;font-size:15px;line-height:1.4;color:#fff2d6}
.xr-sl{display:flex;align-items:center;gap:12px;max-width:420px;margin:10px auto 0;font:600 12px/1.2 -apple-system,Segoe UI,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#e6d6ff}
.xr-sl input{flex:1;height:44px;accent-color:#ff4fd8;background:transparent}
.xr-sl output{min-width:5.5em;text-align:right;letter-spacing:.02em;text-transform:none;font-weight:500;color:#cfe3ee}
.xr-lg{list-style:none;margin:10px auto 0;padding:0;max-width:420px;display:grid;gap:4px}
.xr-lg button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:14.5px;line-height:1.35;color:#eef4f8;cursor:pointer}
.xr-lg button[aria-pressed=true]{background:rgba(255,211,107,.1)}
.xr-lg b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c9dcff;color:#04070c;font:700 12px/1 -apple-system,sans-serif}
.xr-lg button[aria-pressed=true] b{background:#ffd36b}