/* The camera is the workspace; every control floats above the same video plane. */
#modal.swing-modal[open]{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;max-width:none!important;margin:0!important;border:0!important;padding:0!important;overflow:hidden!important;background:#111817!important}
#modal.swing-modal>.modal-heading{position:absolute;inset:0 0 auto;z-index:40;min-height:78px;padding:calc(18px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left));border:0;background:linear-gradient(#080e12b8,transparent)!important;pointer-events:none}
#modal.swing-modal>.modal-heading h2{font:600 20px/1.3 var(--sans)!important;letter-spacing:-.035em;color:#fff!important;text-shadow:0 1px 12px #0007}
#modal.swing-modal>.modal-heading .icon-button{pointer-events:auto;width:46px;height:46px;min-height:46px;border:1px solid #ffffff30;background:#1a2528a8;backdrop-filter:blur(18px);color:#fff!important}
#modal.swing-modal>.swing-lab.swing-immersive{position:absolute;inset:0;width:100%;max-width:none;height:100%;padding:0;margin:0;background:#111817;display:block;overflow:hidden;color:#fff}
.swing-immersive .swing-stage{position:absolute;inset:0;display:block;border:0;border-radius:0;min-height:0!important;max-height:none!important;background:#111817;container-type:normal}
.swing-immersive .swing-video-frame{position:absolute;inset:0;margin:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0;aspect-ratio:auto;border-radius:0;background:#111817;overflow:hidden}
.swing-immersive .swing-video-frame>video,.swing-immersive .swing-video-frame>canvas{width:100%;height:100%;object-fit:cover;object-position:center}
.swing-immersive[data-camera-fit=contain] .swing-video-frame>video,.swing-immersive[data-camera-fit=contain] .swing-video-frame>canvas{object-fit:contain}
.swing-immersive .swing-frame-guide{inset:18% 30% 23%;opacity:.24}.swing-immersive .swing-frame-guide span{width:24px;height:24px;border-color:#ffffff}
.swing-immersive .swing-stage-top{position:absolute;inset:calc(88px + env(safe-area-inset-top)) 24px auto;display:flex;align-items:flex-start;justify-content:space-between;padding:0;background:none;font:600 10px/1.3 var(--sans);letter-spacing:.07em;z-index:8}
.swing-immersive #swing-status{min-height:38px;padding:12px 14px;border-radius:24px;background:#172328b3;border:1px solid #ffffff29;backdrop-filter:blur(18px);color:#e9f4ee;max-width:calc(100% - 95px);line-height:1.4}
.swing-immersive #swing-status i{background:#8de7ca;box-shadow:0 0 12px #8de7ca5c;flex:none}
.swing-clock-pill{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:0 2px;text-shadow:0 2px 12px #0009}.swing-clock-pill #swing-live-time{font:600 27px/1 var(--sans);letter-spacing:-.03em}.swing-clock-pill small{font-size:9px;letter-spacing:.13em;color:#d1dcd7}
.swing-immersive .swing-metrics{position:absolute;top:calc(151px + env(safe-area-inset-top));bottom:auto;left:max(24px,env(safe-area-inset-left));right:auto;width:122px;display:grid;grid-template-columns:1fr;gap:9px;padding:0;margin:0;max-width:none;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;z-index:7}
.swing-immersive:not([data-camera-running=true]) .swing-metrics{visibility:hidden}
.swing-immersive .swing-metrics article{display:flex;flex-direction:column;justify-content:center;min-height:85px;padding:15px 16px;background:#182529b8;border:1px solid #ffffff2e;border-radius:16px;backdrop-filter:blur(18px);box-shadow:0 5px 20px #00000013}
.swing-immersive .swing-metrics article+article:before{display:none}.swing-immersive .swing-metrics article>span{font:600 10px/1.4 var(--sans);letter-spacing:.06em;min-height:0;color:#d3e1db}.swing-immersive .swing-metrics strong{font:550 31px/1 var(--sans);letter-spacing:-.04em;margin:10px 0 0;color:#fff}.swing-immersive .swing-metrics small{display:none}
.swing-metric-help{display:flex;align-items:center;justify-content:space-between;gap:5px;border:0;background:#182529a3;border-radius:12px;backdrop-filter:blur(15px);color:#e0eae5;padding:12px;font:500 11px/1.4 var(--sans);text-align:left;min-height:44px}.swing-metric-help span{font-size:15px}
.swing-settings{position:absolute;right:max(24px,env(safe-area-inset-right));top:calc(151px + env(safe-area-inset-top));z-index:25}.swing-settings>summary{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 14px;min-height:46px;list-style:none;border:1px solid #ffffff2e;border-radius:24px;background:#182529b8;backdrop-filter:blur(18px);font:600 12px var(--sans);color:#fff;cursor:pointer}.swing-settings>summary::-webkit-details-marker{display:none}.swing-settings>summary svg{width:19px;height:19px}
.swing-immersive .swing-setup{position:absolute;top:58px;right:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;width:min(355px,calc(100vw - 32px));min-height:0;padding:23px;margin:0;border:1px solid #ffffff2c;border-radius:19px;background:#172328ed;backdrop-filter:blur(22px);box-shadow:0 18px 55px #0005}
.swing-settings-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.swing-settings-title>strong{font-size:20px;letter-spacing:-.03em}.swing-settings-title>button{height:44px;width:44px;background:#ffffff12;border:0;border-radius:50%;font-size:25px;color:#fff}
.swing-immersive .swing-setup label{font:500 12px var(--sans);letter-spacing:0;gap:8px;color:#c8d7d0;display:flex;flex-direction:column;min-width:0}.swing-immersive .swing-setup select{height:47px;min-height:47px;font:500 14px var(--sans)!important;background:#293a3c!important;color:#fff!important;border-color:#ffffff26!important;border-radius:9px;padding:10px!important}
.swing-immersive .swing-stop,.swing-fit-control,.swing-immersive .swing-expand{border:1px solid #ffffff2e;border-radius:9px;min-height:46px;background:#ffffff0c;color:#e1ece6;font:500 13px/1.4 var(--sans);padding:10px 12px;margin:0;align-self:end}.swing-fit-control[aria-pressed=true]{color:#acedd6;border-color:#7fe3cf88}.swing-immersive .swing-expand{display:block;grid-column:1/-1}.swing-setup-hint{grid-column:1/-1;font:13px/1.7 var(--sans);color:#b6c9be;margin:0}
.swing-immersive .swing-live-cue{position:absolute;left:50%;right:auto;bottom:calc(150px + env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:min(570px,calc(100% - 38px));padding:11px 17px;border:1px solid #ffffff26;border-radius:16px;background:#18262abd;backdrop-filter:blur(20px);font:500 14px/1.5 var(--sans);color:#f5faf7;text-align:center;z-index:7;box-shadow:0 4px 20px #0001}
.swing-immersive .swing-toolbar{position:absolute;left:50%;bottom:calc(53px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:1fr 1.65fr;gap:10px;width:min(430px,calc(100% - 38px));max-width:none;margin:0;z-index:15;padding:0}
.swing-immersive .swing-toolbar button{min-height:64px;padding:13px 17px;border:1px solid #ffffff40;border-radius:18px;background:#edf5efa8;backdrop-filter:blur(24px);color:#152c23;font:600 14px/1.3 var(--sans);box-shadow:0 7px 30px #0002}.swing-immersive .swing-toolbar button:last-child{min-height:64px;border-color:#b0e8d5;background:#a2e8d3;color:#15372c;font:650 16px/1.3 var(--sans)}.swing-immersive .swing-toolbar button:disabled{background:#223235b3;color:#acbcb4;border-color:#ffffff20;opacity:.65}
.swing-immersive .swing-reference-note{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;padding:0;margin:0}
.swing-immersive>.swing-about{position:absolute;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;z-index:22;background:none;border:0;text-align:center;padding:0}
#modal.swing-modal .swing-immersive>.swing-about>summary{display:block;min-height:44px;padding:14px 8px;font:500 11px/1.5 var(--sans);color:#e3ece7!important;text-shadow:0 1px 9px #000b;cursor:pointer;list-style:none}
.swing-immersive>.swing-about[open]{width:min(590px,calc(100% - 32px));left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom));max-height:72dvh;overflow:auto;padding:24px;background:#17272bf5;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 15px 70px #0006;text-align:left;backdrop-filter:blur(24px)}
#modal.swing-modal .swing-immersive>.swing-about[open]>summary{font-size:15px;padding:0 0 17px;color:#fff!important;text-shadow:none}.swing-immersive>.swing-about[open] p{font:14px/1.8 var(--sans);color:#c5d5cc}
.swing-immersive .swing-start-panel{padding:95px 24px 190px;background:radial-gradient(ellipse at 50% 15%,#43705a4d,transparent 60%),linear-gradient(150deg,#162725,#101b20);z-index:3}.swing-immersive .swing-start-panel>svg{display:block;width:44px;height:44px;margin-bottom:22px;color:#9de6cf}.swing-immersive .swing-start-panel h3{font:600 clamp(32px,4vw,48px)/1.1 var(--sans);letter-spacing:-.05em;margin:0 0 18px;color:#fff}.swing-immersive .swing-start-panel p{font:16px/1.7 var(--sans);max-width:340px;color:#ccdbd3;margin:0 0 26px}.swing-immersive .swing-start-panel .btn{min-height:57px;border:0;border-radius:16px;padding:16px 28px;font:600 16px var(--sans);background:#a2e8d3;color:#14382b}.swing-immersive .swing-start-panel small{display:block;font:11px/1.6 var(--sans);color:#b7cec1;margin-top:18px}.swing-immersive:not([data-camera-running=true]) .swing-live-cue{bottom:calc(146px + env(safe-area-inset-bottom));font-size:12px}
.swing-immersive .swing-countdown{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font:650 100px/1 var(--sans);color:#fff;letter-spacing:-.07em;text-shadow:0 5px 45px #0009;z-index:20}
.swing-immersive .swing-replay-jump{top:calc(210px + env(safe-area-inset-top));right:24px;font:600 12px var(--sans);min-height:45px;padding:11px 15px;border-radius:24px;background:#182529c4;border-color:#ffffff36;color:#f4f9f5;backdrop-filter:blur(18px)}
.swing-immersive .swing-replay{position:absolute;inset:0;padding:calc(90px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#142421f7;border:0;border-radius:0;z-index:30}
.swing-immersive :is(button,summary,select,a):focus-visible{outline:3px solid #a2e8d3;outline-offset:4px}
@media(max-width:600px){
 #modal.swing-modal>.modal-heading{padding-inline:16px;min-height:74px}#modal.swing-modal>.modal-heading h2{font-size:20px!important}
 .swing-immersive .swing-stage-top{left:16px;right:16px;top:calc(86px + env(safe-area-inset-top));font-size:9px}.swing-immersive #swing-status{padding:11px 12px;max-width:calc(100% - 90px)}.swing-clock-pill #swing-live-time{font-size:25px}
 .swing-immersive .swing-metrics{width:103px;left:max(13px,env(safe-area-inset-left));top:calc(146px + env(safe-area-inset-top));gap:8px}.swing-immersive .swing-metrics article{padding:13px 12px;min-height:79px;border-radius:14px}.swing-immersive .swing-metrics article>span{font-size:9px}.swing-immersive .swing-metrics strong{font-size:29px;margin-top:8px}.swing-metric-help{font-size:10px;padding:10px;min-height:45px;line-height:1.5}
 .swing-settings{top:calc(146px + env(safe-area-inset-top));right:16px}.swing-settings>summary{padding:12px;min-height:46px;font-size:11px;gap:5px}.swing-settings>summary svg{width:18px;height:18px}.swing-immersive .swing-setup{position:fixed;top:auto;bottom:calc(22px + env(safe-area-inset-bottom));left:16px;right:16px;width:auto;max-height:72dvh;overflow:auto;padding:23px;gap:14px;box-shadow:0 -30px 100px #0005}.swing-immersive .swing-setup select{font-size:16px!important;height:49px;min-height:49px}
 .swing-immersive .swing-live-cue{font-size:13px;max-width:calc(100% - 32px);bottom:calc(143px + env(safe-area-inset-bottom));border-radius:14px;padding:10px 13px}.swing-immersive .swing-toolbar{width:calc(100% - 32px);gap:9px;bottom:calc(51px + env(safe-area-inset-bottom));grid-template-columns:1fr 1.65fr}.swing-immersive .swing-toolbar button,.swing-immersive .swing-toolbar button:last-child{min-height:62px;border-radius:17px;font-size:14px;padding:12px 13px}.swing-immersive .swing-toolbar button:last-child{font-size:15px}
 .swing-immersive .swing-start-panel{padding:100px 28px 205px}.swing-immersive .swing-start-panel h3{font-size:34px}.swing-immersive .swing-start-panel p{font-size:16px;max-width:280px}.swing-immersive .swing-start-panel small{font-size:11px}.swing-immersive .swing-countdown{font-size:85px}.swing-immersive .swing-replay-jump{right:16px;top:calc(206px + env(safe-area-inset-top));font-size:10px;min-height:44px}
 .swing-immersive .swing-replay{padding-inline:18px}.swing-immersive .swing-replay-close{font-size:13px;min-height:44px}.swing-immersive .swing-replay-controls select{font-size:16px!important}
}
@media(max-height:600px) and (min-width:601px){.swing-immersive .swing-metrics{top:100px;left:20px;width:114px;gap:6px}.swing-immersive .swing-metrics article{min-height:63px;padding:10px 13px}.swing-immersive .swing-metrics strong{font-size:25px;margin-top:6px}.swing-immersive .swing-stage-top{top:24px;left:170px;right:90px}.swing-settings{top:90px}.swing-immersive .swing-live-cue{bottom:100px;max-width:45%;font-size:12px}.swing-immersive .swing-toolbar{bottom:43px;width:380px}.swing-immersive .swing-toolbar button,.swing-immersive .swing-toolbar button:last-child{min-height:50px}.swing-immersive .swing-start-panel{padding:90px 25px 130px}.swing-immersive .swing-start-panel>svg{display:none}.swing-immersive .swing-start-panel h3{font-size:31px}.swing-immersive .swing-start-panel p{font-size:14px;margin-bottom:18px}.swing-immersive .swing-start-panel small{display:none}}
@media(prefers-reduced-motion:reduce){.swing-immersive *{scroll-behavior:auto}}