:root{--nike-recorder-clearance: 142px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#fff;background:#101216}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative;background:#101216}.nike-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:pan-y}.nike-stage:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;content:"";pointer-events:none;background:#090b0e;opacity:0;transition:opacity .18s ease}.nike-stage.nike-stage--swapping:after{opacity:1}.nike-stage canvas{display:block;width:100%;height:100%;cursor:grab}.nike-stage canvas:active{cursor:grabbing}.nike-controls{position:fixed;z-index:20;top:24px;left:24px;display:grid;gap:7px;width:min(320px,calc(100vw - 48px));padding:18px;border:1px solid rgb(255 255 255 / .16);border-radius:16px;background:#050709b8;box-shadow:0 16px 48px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nike-controls>*,.nike-controls__hand-controls>*{min-width:0;max-width:100%}.lil-gui.root{z-index:3}.nike-controls__eyebrow,.nike-controls__status,.nike-controls__hint{color:#ffffffa8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nike-controls__variant{font-size:clamp(24px,4vw,36px);line-height:1}.nike-controls__actions{display:flex;gap:8px;margin-top:8px}.nike-controls__hand-controls{display:grid;justify-items:start;gap:6px;margin-top:5px}.nike-controls__hand-status,.nike-controls__hand-privacy{color:#ffffffa8;font-size:11px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.nike-controls__status,.nike-controls__hint{overflow-wrap:anywhere;word-break:break-word}.nike-controls__hand-privacy{max-width:270px}.nike-controls button{min-height:38px;padding:0 16px;border:1px solid rgb(255 255 255 / .24);border-radius:999px;color:#fff;background:#ffffff1a;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.nike-controls button:hover{background:#fff3}.nike-controls button:focus-visible{outline:2px solid white;outline-offset:2px}.nike-controls button:disabled{opacity:.48;cursor:default}.nike-hand-preview{position:fixed;z-index:2;bottom:calc(var(--nike-recorder-clearance) + 44px + env(safe-area-inset-bottom));left:50%;display:block;width:min(var(--nike-hand-preview-width, 240px),calc(100vw - 32px));height:auto;aspect-ratio:16 / 9;transform:translate(-50%);border:1px solid rgb(255 255 255 / .22);border-radius:12px;object-fit:cover;box-shadow:0 12px 32px #0000004d;pointer-events:none}.nike-hand-preview[hidden]{display:none}.nike-hand-preview--mirrored{transform:translate(-50%) scaleX(-1)}.nike-hand-swipe-meter{--swipe-progress: 0%;--swipe-scale: 0;position:fixed;z-index:2;bottom:calc(var(--nike-recorder-clearance) + env(safe-area-inset-bottom));left:50%;display:grid;width:min(var(--nike-hand-preview-width, 240px),calc(100vw - 32px));height:38px;transform:translate(-50%);gap:5px;padding:7px 9px;color:#fff;background:#080a0dd1;border:1px solid rgb(255 255 255 / .22);border-radius:10px;box-sizing:border-box;box-shadow:0 8px 24px #00000040;pointer-events:none}.nike-hand-swipe-meter[hidden]{display:none}.nike-hand-swipe-meter__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10px/1.1 system-ui,sans-serif;letter-spacing:.08em;text-align:center}.nike-hand-swipe-meter__track{position:relative;display:block;height:5px;overflow:hidden;background:#ffffff29;border-radius:999px}.nike-hand-swipe-meter__track:after{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffffb3;content:""}.nike-hand-swipe-meter__fill{position:absolute;top:0;bottom:0;left:50%;width:50%;background:#fff;border-radius:999px;transform:scaleX(var(--swipe-scale));transform-origin:left center;transition:transform 80ms linear}.nike-hand-swipe-meter[data-direction=left] .nike-hand-swipe-meter__fill{right:50%;left:auto;transform-origin:right center}.nike-hand-swipe-meter--triggered{border-color:#ffffffd9;box-shadow:0 0 22px #ffffff59}.portrait-stage{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden}.portrait-stage>.webcam-background,.portrait-stage>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.webcam-background{z-index:0;object-fit:cover}.webcam-background[hidden]{display:none}canvas{z-index:1}.status-overlay{position:fixed;left:16px;bottom:16px;z-index:20;padding:8px 10px;border-radius:8px;background:#0000009e;color:#fff;font-size:12px;pointer-events:none;transition:opacity .18s ease}.status-overlay--hidden{opacity:0}.recorder-controls{position:fixed;z-index:10000;left:50%;bottom:16px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px;border:1px solid rgb(255 255 255 / .14);border-radius:14px;background:#0a0c10d1;box-shadow:0 12px 36px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}.recorder-controls button{min-height:36px;padding:0 12px;border:1px solid rgb(255 255 255 / .16);border-radius:9px;color:#fff;background:#ffffff17;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.recorder-controls button:hover:not(:disabled){background:#ffffff29}.recorder-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.recorder-controls button:disabled{opacity:.36;cursor:default}.recorder-controls__record{border-color:#ff5a679e!important;background:#d62334d1!important}.recorder-controls[data-state=recording]{border-color:#ff5a6780}.recorder-controls__status{min-width:210px;max-width:320px;padding:0 8px;color:#ffffffc7;font-size:11px;line-height:1.3}.nike-recorder-controls{position:fixed;z-index:20;right:auto;bottom:24px;left:50%;display:grid;justify-items:center;gap:8px;max-width:min(620px,calc(100vw - 48px));padding:8px;border:1px solid rgb(255 255 255 / .14);border-radius:14px;background:#0a0c10d1;box-shadow:0 12px 36px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}.nike-recorder-controls__primary,.nike-recorder-controls__secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.nike-recorder-controls button{min-height:36px;padding:0 12px;border:1px solid rgb(255 255 255 / .16);border-radius:9px;color:#fff;background:#ffffff17;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.nike-recorder-controls button:hover:not(:disabled){background:#ffffff29}.nike-recorder-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.nike-recorder-controls button:disabled{opacity:.36;cursor:default}.nike-recorder-controls[data-state=recording]{border-color:#ff5a6780}.nike-recorder-controls__status{width:100%;color:#ffffffc7;font-size:11px;line-height:1.3;text-align:center}@media(max-width:720px){:root{--nike-recorder-clearance: 232px}.recorder-controls{right:8px;bottom:8px;left:8px;flex-wrap:wrap;justify-content:center;max-width:none;transform:none}.recorder-controls__status{flex-basis:100%;max-width:none;text-align:center}.nike-recorder-controls{right:8px;bottom:8px;left:8px;max-width:none;transform:none}.nike-recorder-controls__status{text-align:center}}