.device-select{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #0000001f;border-radius:.85rem;padding:.65rem .8rem;font-size:.9rem;font-weight:700}.device-select:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px}.webcam-workspace{gap:1rem;display:grid}.webcam-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.webcam-status-card{min-height:74px}.webcam-actions{justify-content:flex-end}.webcam-actions button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}#webcam-test-app[data-camera-status=active] #webcam-stop,#webcam-test-app[data-camera-status=requesting] #webcam-stop{background:var(--brand-dark);color:#fff;border-color:#0000}.webcam-actions button:focus-visible,.gamepad-workspace button:focus-visible,.drift-workspace button:focus-visible,.drift-workspace input[type=range]:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px}.webcam-main{grid-template-columns:minmax(0,1.5fr) minmax(18rem,.72fr);align-items:stretch;gap:1rem;display:grid}.webcam-preview-shell{background:#151a16;border-radius:1.4rem;min-height:clamp(19rem,51vh,34rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.webcam-preview{width:100%;height:100%;min-height:inherit;object-fit:contain;opacity:0;background:#0e110f;transition:opacity .16s ease-out;display:block}.webcam-preview.is-active{opacity:1}.webcam-preview.is-mirrored{transform:scaleX(-1)}.webcam-preview-placeholder{color:#ffffffe0;text-align:center;place-content:center;gap:.55rem;padding:2rem;display:grid;position:absolute;inset:0}.webcam-preview-placeholder[hidden]{display:none}.webcam-preview-placeholder span:last-child{color:#ffffff9e;max-width:27rem;font-size:.85rem;line-height:1.5}.webcam-placeholder-icon{width:3rem;height:3rem;color:var(--brand);border:2px solid #ffffff59;border-radius:999px;margin-inline:auto;line-height:2.65rem}.webcam-controls-panel{background:var(--surface-muted);border-radius:1.4rem;flex-direction:column;gap:.8rem;min-width:0;padding:1rem;display:flex}.webcam-camera-field label{margin-bottom:.35rem;font-size:.76rem;font-weight:800;display:block}.webcam-camera-field p,.webcam-mirror-toggle small{color:var(--muted);margin-top:.35rem;font-size:.7rem;font-weight:600;line-height:1.4;display:block}.webcam-mirror-toggle{justify-content:flex-start;width:100%}.webcam-mirror-toggle span{min-width:0}.webcam-facts{grid-template-columns:1fr}.webcam-facts .device-fact{background:#ffffffb8}@media (prefers-reduced-motion:reduce){.webcam-preview{transition:none}}.gamepad-workspace,.drift-workspace{gap:1rem;display:grid}.gamepad-summary,.drift-summary-row{grid-template-columns:minmax(15rem,1.7fr) repeat(3,minmax(5.5rem,.5fr)) auto;align-items:stretch;gap:.7rem;display:grid}.drift-summary-row{grid-template-columns:minmax(15rem,1.5fr) minmax(5.5rem,.45fr) auto}.gamepad-status-card,.drift-status-card{min-width:0}.gamepad-context-row,.drift-controller-row{grid-template-columns:minmax(0,1fr) minmax(15rem,.5fr);align-items:end;gap:.8rem;display:grid}.gamepad-context-facts,.drift-controller-facts{grid-template-columns:minmax(0,1.7fr) minmax(8rem,.6fr)}.gamepad-selector-field label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:800;display:block}.gamepad-live-grid{grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr);gap:.8rem;display:grid}.gamepad-panel-heading h3{margin-top:.2rem;font-size:1rem;font-weight:800}.gamepad-button-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.55rem;display:grid}.gamepad-button-card{background:var(--surface-muted);border:1px solid #00000014;border-radius:.75rem;gap:.28rem;min-width:0;padding:.45rem .55rem;transition:background-color 80ms ease-out,box-shadow 80ms ease-out;display:grid}.gamepad-button-card.is-active{background:#d3742829;box-shadow:inset 0 0 0 2px #d3742873}.gamepad-button-card strong,.gamepad-axis-row strong{overflow-wrap:anywhere;min-width:0;font-size:.72rem}.gamepad-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800}.gamepad-meter,.gamepad-axis-track{background:#00000017;border-radius:999px;height:.42rem;display:block;position:relative;overflow:hidden}.gamepad-meter>span{border-radius:inherit;background:var(--brand);width:0;height:100%;display:block}.gamepad-axis-list{gap:.5rem;margin-top:.65rem;display:grid}.gamepad-axis-row{grid-template-columns:minmax(4rem,.5fr) minmax(4.8rem,.4fr) minmax(7rem,1fr);align-items:center;gap:.55rem;display:grid}.gamepad-axis-track{overflow:visible}.gamepad-axis-track:before{content:"";background:#0003;width:1px;position:absolute;top:-.2rem;bottom:-.2rem;left:50%}.gamepad-axis-track>span{background:var(--brand-dark);border:2px solid #fff;border-radius:999px;width:.8rem;height:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000002e}.gamepad-empty-copy{color:var(--muted);font-size:.78rem;line-height:1.5}.gamepad-stick-section,.drift-stick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.gamepad-stick-section[hidden],.drift-stick-grid[hidden],.drift-deadzone-panel[hidden]{display:none}.gamepad-stick-card,.drift-stick-card{background:var(--surface-muted);border-radius:1.2rem;min-width:0;padding:.8rem}.gamepad-stick-heading,.drift-stick-heading{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.55rem;font-size:.8rem;font-weight:800;display:flex}.gamepad-stick-heading span,.drift-stick-heading strong{font-variant-numeric:tabular-nums}.gamepad-stick-pad{aspect-ratio:1;background:radial-gradient(circle,#fffffff5 0 4%,#ffffffb3 4.5% 100%);border:1px solid #0000001c;border-radius:50%;width:min(100%,12rem);margin-inline:auto;position:relative;overflow:hidden}.gamepad-stick-crosshair:before,.gamepad-stick-crosshair:after{content:"";background:#0000001f;position:absolute}.gamepad-stick-crosshair:before{width:1px;top:0;bottom:0;left:50%}.gamepad-stick-crosshair:after{height:1px;top:50%;left:0;right:0}.gamepad-stick-marker{background:var(--brand);border:3px solid #fff;border-radius:999px;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0003}.drift-actions{justify-content:flex-end}.drift-progress{background:#00000014;border-radius:999px;height:.65rem;overflow:hidden}.drift-progress>span{border-radius:inherit;background:var(--brand);width:0;height:100%;transition:width 80ms linear;display:block}.drift-stick-card{padding:1rem}.drift-stick-pad{width:min(100%,18rem)}.drift-deadzone-ring{pointer-events:none;border:2px dashed #d37428b3;border-radius:999px;width:5%;height:5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drift-comparison{color:var(--muted);background:#ffffffbf;border-radius:999px;padding:.35rem .55rem;font-size:.68rem;font-weight:800}.drift-comparison[data-comparison=inside]{color:var(--brand-dark)}.drift-comparison[data-comparison=outside]{color:#8a3b20}.drift-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.drift-result-grid>div{background:#ffffffb8;border-radius:.75rem;min-width:0;padding:.5rem}.drift-result-grid dt{color:var(--muted);text-transform:uppercase;font-size:.62rem;font-weight:800;line-height:1.3}.drift-result-grid dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:.9rem;font-weight:800}.drift-deadzone-panel{background:var(--surface-muted);border-radius:1rem;grid-template-columns:minmax(0,1fr) minmax(13rem,.55fr);align-items:center;gap:1rem;padding:.8rem .9rem;display:grid}.drift-deadzone-panel label{font-size:.82rem;font-weight:800}.drift-deadzone-panel p{color:var(--muted);margin-top:.2rem;font-size:.72rem;line-height:1.4}.drift-deadzone-panel input[type=range]{width:100%;min-height:44px;accent-color:var(--brand)}@media (prefers-reduced-motion:reduce){.gamepad-button-card,.drift-progress>span{transition:none}}@media (width<=1050px){.gamepad-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.gamepad-summary .gamepad-status-card{grid-column:1/-1}.gamepad-summary .device-reset{width:100%}.gamepad-live-grid{grid-template-columns:1fr}}@media (width<=900px){.webcam-main{grid-template-columns:1fr}.webcam-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.gamepad-context-row,.drift-controller-row,.drift-deadzone-panel{grid-template-columns:1fr}.drift-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.drift-summary-row .drift-status-card,.drift-summary-row .drift-actions{grid-column:1/-1}.drift-actions{justify-content:stretch}.drift-actions>button{flex:auto}}@media (width<=680px){.webcam-topbar{grid-template-columns:1fr}.webcam-actions{grid-template-columns:1fr 1fr;display:grid}.webcam-actions>button{width:100%}.webcam-preview-shell{border-radius:1rem;min-height:min(58vh,28rem)}.gamepad-stick-section,.drift-stick-grid{grid-template-columns:1fr}.gamepad-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gamepad-axis-row{grid-template-columns:3.5rem 4.5rem minmax(6rem,1fr)}}@media (width<=420px){.webcam-actions,.webcam-facts{grid-template-columns:1fr}.gamepad-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.gamepad-summary .device-reset{grid-column:1/-1}.gamepad-context-facts,.drift-controller-facts{grid-template-columns:1fr}.drift-stick-card{padding:.7rem}.drift-stick-pad{width:min(100%,12.5rem)}.drift-result-grid{gap:.25rem}.drift-result-grid>div{padding:.38rem}.drift-result-grid dt{font-size:.54rem}}