.sp-shoe-view{position:relative;display:block;width:100%;aspect-ratio:1.43;overflow:hidden;border-radius:var(--sp-control-inner-radius,12px);background:radial-gradient(ellipse at 50% 40%,#f6f5ef,#e4e5df);isolation:isolate}
.sp-shoe-view canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.sp-shoe-poster{position:absolute;inset:0;background-image:url('media/cloud-runner-turntable.webp');background-size:600% 400%;background-position:0 0;background-repeat:no-repeat}
.sp-shoe-view.is-ready .sp-shoe-poster{display:none}
.sp-shoe-badge{position:absolute;right:10px;bottom:9px;padding:4px 7px;border-radius:20px;background:#ffffffb3;color:#6a6d64;font:9px/1.2 monospace;pointer-events:none}
.sp-shoe-dialog{padding:32px;max-width:650px}
.sp-shoe-dialog .sp-shoe-view{margin:8px 0 24px;aspect-ratio:1.43;cursor:grab;touch-action:pan-y}
.sp-shoe-dialog .sp-shoe-view:active{cursor:grabbing}
.sp-shoe-dialog h2{font-size:clamp(36px,7vw,56px);margin:12px 0}
.sp-shoe-dialog p{font-size:16px;margin:14px 0 24px;color:#70746a}
.sp-shoe-controls{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.sp-shoe-controls button{border:1px solid #d4d7cf;border-radius:24px;background:#fff;padding:10px 16px;white-space:nowrap;font-size:12px;color:#252820;cursor:pointer;min-width:125px}
.sp-shoe-controls input{width:100%;min-width:0;accent-color:#78835d;cursor:ew-resize}
.sp-shoe-dialog .sp-shoe-hint{font-size:11px;color:#85897e;display:block;margin-top:8px}
@media(max-width:760px){.sp-shoe-dialog{padding:24px}.sp-shoe-dialog .sp-shoe-view{margin-top:20px}}