:root{--paper: #f1ede4;--paper-2: #e8e3d6;--bone: #fbf8f1;--ink: #0d1410;--ink-2: #2a3329;--mute: #6a6a5e;--line: rgba(13, 20, 16, .14);--hair: rgba(13, 20, 16, .32);--moss: #18361f;--vermillion: #c4402a;--gold: #b08322;--dusk: #1a2018;--dusk-2: #232a20;--dusk-paper: #efe9dc;--dusk-paper-2: #c9c3b5;--dusk-line: rgba(239, 233, 220, .14);--display: Georgia, "Times New Roman", serif;--body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", "Roboto Mono", "IBM Plex Mono", ui-monospace, monospace;--color-primary-50: #efe9dc;--color-primary-100: rgba(24, 54, 31, .18);--color-primary-500: #b08322;--color-primary-600: #18361f;--color-primary-700: #0d1410;--color-gold: var(--gold);--color-danger: #c4402a;--color-bg: var(--paper);--color-surface: var(--bone);--color-text: var(--ink);--color-muted: var(--mute);--color-border: var(--line);--radius-card: 4px;--shadow-card: 0 22px 60px rgb(13 20 16 / 10%)}*,*:before,*:after{box-sizing:border-box}:root{min-height:100%;color:var(--dusk-paper);background:#050705;font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100vh;min-height:100dvh;overscroll-behavior:none;background:#050705}button,input,select{font:inherit}button,select{min-height:44px}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f4c95d;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-app,.camera-workspace,.video-stage,.preview{width:100%;height:100vh;height:100dvh}.hud-app,.camera-workspace{position:relative;overflow:hidden;background:#050705}.video-stage{position:absolute;top:0;right:0;bottom:0;left:0}.preview{position:relative;display:grid;overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(42,58,44,.44),transparent 42%),linear-gradient(150deg,#121a14,#050705 62%)}.preview canvas,.preview video{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .14s linear}.preview .pose-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:fill;pointer-events:none}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,3,.68) 0,transparent 19%,transparent 74%,rgba(2,5,3,.62) 100%),linear-gradient(90deg,rgba(2,5,3,.34),transparent 18%,transparent 82%,rgba(2,5,3,.26));transition:opacity .28s ease}.preview-active .stage-vignette{opacity:.62}.hud-layer{transition:opacity .26s ease,transform .26s ease}.hud-idle .hud-layer,.hud-idle .preview .hud-layer{opacity:0;pointer-events:none}.hud-idle .hud-topbar{transform:translateY(-18px)}.hud-idle .hud-action-rail{transform:translateY(-50%) translate(-18px)}.hud-idle .hud-delay-control,.hud-idle .hud-stop-button{transform:translateY(18px)}.hud-topbar{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));left:max(18px,env(safe-area-inset-left));z-index:30;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);gap:16px;align-items:center;pointer-events:none}.hud-brand,.hud-top-status,.hud-utilities,.hud-icon-button,.hud-privacy{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.hud-brand{display:inline-flex;width:fit-content;min-height:52px;align-items:center;gap:12px;padding:8px 14px 8px 9px;color:var(--dusk-paper);background:#080d0980;border:1px solid rgba(239,233,220,.16);border-radius:16px;box-shadow:0 12px 36px #0000002e}.hud-brand img{width:34px;height:34px;padding:4px;object-fit:contain;background:#fbf8f1eb;border-radius:10px}.hud-brand div{display:grid;gap:2px}.hud-brand strong{font-family:var(--display);font-size:1.08rem;font-weight:600;letter-spacing:.01em}.hud-brand span{color:#efe9dca8;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hud-top-status{display:inline-flex;min-height:44px;align-items:center;justify-self:center;gap:9px;padding:7px 13px;color:#efe9dcc2;background:#080d0980;border:1px solid rgba(239,233,220,.14);border-radius:999px;font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hud-top-status strong{padding-left:9px;color:#fff;border-left:1px solid rgba(239,233,220,.18);font-size:.74rem}.hud-live-dot{width:8px;height:8px;background:#88958a;border-radius:50%;box-shadow:0 0 0 4px #88958a1f}.hud-live-dot-running{background:#88d497;box-shadow:0 0 0 4px #88d49726,0 0 14px #88d4978a}.hud-live-dot-buffering,.hud-live-dot-starting{background:#f4c95d;box-shadow:0 0 0 4px #f4c95d26;animation:status-pulse 1.2s ease-in-out infinite}.hud-live-dot-paused{background:#f0a78d}.hud-live-dot-error{background:#ff7c68}@keyframes status-pulse{50%{opacity:.42}}.hud-utilities{display:flex;justify-self:end;gap:8px;align-items:center;pointer-events:auto}.hud-icon-button,.hud-privacy{display:inline-grid;min-width:46px;min-height:46px;place-items:center;color:var(--dusk-paper);background:#080d0980;border:1px solid rgba(239,233,220,.16);border-radius:14px;text-decoration:none}button.hud-icon-button{cursor:pointer}.hud-icon-button:hover,.hud-icon-button:active{background:#efe9dc24;border-color:#efe9dc4d}.hud-privacy{grid-auto-flow:column;gap:7px;padding:0 12px;color:#b6ddb8;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hud-settings-button{color:#f4c95d}.camera-start{position:relative;z-index:10;display:flex;width:min(390px,calc(100% - 40px));min-height:84px;align-items:center;gap:16px;padding:14px 18px;color:var(--dusk-paper);text-align:left;background:#090f0a94;border:1px solid rgba(239,233,220,.2);border-radius:22px;box-shadow:0 22px 60px #0000004d;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .16s ease,background .16s ease,border-color .16s ease}.camera-start:hover:not(:disabled){background:#122617b8;border-color:#f4c95d66;transform:translateY(-2px)}.camera-start:disabled{cursor:wait;opacity:.72}.camera-start-icon{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;color:#17251a;background:#f4c95d;border-radius:17px}.camera-start-copy{display:grid;gap:5px}.camera-start-copy strong{font-family:var(--display);font-size:1.35rem;font-weight:500}.camera-start-copy small{color:#efe9dca6;font-size:.78rem;line-height:1.4}.fullscreen-brand{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));z-index:15;display:flex;align-items:baseline;gap:12px;color:var(--dusk-paper);text-shadow:0 2px 12px #000}.fullscreen-brand strong{font-family:var(--display);font-size:1.25rem}.fullscreen-brand span{font-family:var(--mono);font-size:.7rem}.hud-action-rail,.hud-view-actions{position:absolute;z-index:20;display:flex;gap:8px;pointer-events:auto}.hud-action-rail{top:50%;left:max(18px,env(safe-area-inset-left));flex-direction:column;transform:translateY(-50%)}.hud-view-actions{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.hud-action-button{display:grid;width:50px;min-height:50px;place-items:center;color:#efe9dcd1;background:#080d097a;border:1px solid rgba(239,233,220,.15);border-radius:16px;box-shadow:0 10px 28px #00000029;cursor:pointer;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);transition:transform .12s ease,background .15s ease,color .15s ease}.hud-action-button:hover:not(:disabled),.hud-action-button:active:not(:disabled){color:#fff;background:#efe9dc29;transform:scale(1.04)}.hud-action-button:disabled{cursor:wait;opacity:.45}.hud-action-button.is-active{color:#f4c95d;background:#3d5238a8;border-color:#f4c95d66}.hud-action-primary{color:#122016;background:#f4c95deb;border-color:#f4c95d}.hud-action-primary:hover:not(:disabled){color:#122016;background:#ffe08b}.hud-delay-control{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;z-index:20;display:grid;grid-template-columns:46px minmax(180px,300px) 46px;align-items:center;gap:4px;padding:6px;color:var(--dusk-paper);background:#080d0980;border:1px solid rgba(239,233,220,.16);border-radius:20px;box-shadow:0 12px 36px #0000003d;transform:translate(-50%);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);pointer-events:auto}.hud-idle .hud-delay-control{transform:translate(-50%) translateY(18px)}.hud-delay-control button{display:grid;width:46px;min-height:46px;place-items:center;color:var(--dusk-paper);background:#efe9dc14;border:0;border-radius:15px;cursor:pointer}.hud-delay-control button:disabled{opacity:.35;cursor:not-allowed}.hud-delay-control label{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;padding:0 10px}.hud-delay-control label span{color:#efe9dc94;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hud-delay-control label strong{font-family:var(--mono);font-size:.78rem}.hud-delay-control input{grid-column:1 / -1;width:100%;margin:2px 0 0;accent-color:#f4c95d}.hud-stop-button{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 62px);z-index:20;display:inline-flex;min-height:46px;align-items:center;gap:8px;padding:0 13px;color:#ffc1b5;background:#4b140d85;border:1px solid rgba(255,150,131,.25);border-radius:15px;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.hud-stop-button span{font-size:.7rem;font-weight:700}.hud-buffer{position:absolute;top:50%;left:50%;z-index:22;display:grid;width:min(430px,calc(100% - 40px));grid-template-columns:1fr auto;gap:12px 16px;align-items:center;padding:17px;color:var(--dusk-paper);background:#080d09b8;border:1px solid rgba(239,233,220,.18);border-radius:20px;box-shadow:0 20px 54px #0000004d;transform:translate(-50%,-50%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:auto}.hud-buffer>div:first-child{display:grid;gap:4px}.hud-buffer span{color:#efe9dc99;font-size:.7rem}.hud-buffer strong{font-family:var(--display);font-size:1.25rem;font-weight:500}.hud-buffer button{grid-row:1 / 3;grid-column:2;padding:0 14px;color:#ffc1b5;background:#c4402a1f;border:1px solid rgba(255,173,159,.26);border-radius:12px;cursor:pointer}.progress-track{height:5px;overflow:hidden;background:#efe9dc24;border-radius:999px}.progress-fill{height:100%;background:#f4c95d;border-radius:inherit;transition:width .18s linear}.pose-readout{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 64px);left:50%;z-index:16;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:min(760px,calc(100% - 160px));transform:translate(-50%);pointer-events:none}.pose-readout span{padding:7px 10px;color:#efe9dcc7;background:#080d0980;border:1px solid rgba(244,201,93,.2);border-radius:12px;font-family:var(--mono);font-size:.66rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pose-readout strong{color:#f4c95d}.guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:var(--guide-opacity, .58)}.guide-overlay-thirds{background-image:linear-gradient(to right,transparent calc(33.333% - 1px),var(--guide-color, #fbf8f1) calc(33.333% - 1px),var(--guide-color, #fbf8f1) calc(33.333% + 1px),transparent calc(33.333% + 1px)),linear-gradient(to right,transparent calc(66.666% - 1px),var(--guide-color, #fbf8f1) calc(66.666% - 1px),var(--guide-color, #fbf8f1) calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(to bottom,transparent calc(33.333% - 1px),var(--guide-color, #fbf8f1) calc(33.333% - 1px),var(--guide-color, #fbf8f1) calc(33.333% + 1px),transparent calc(33.333% + 1px)),linear-gradient(to bottom,transparent calc(66.666% - 1px),var(--guide-color, #fbf8f1) calc(66.666% - 1px),var(--guide-color, #fbf8f1) calc(66.666% + 1px),transparent calc(66.666% + 1px))}.guide-overlay-grid{background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - .5px),var(--guide-color, #fbf8f1) calc(20% - .5px),var(--guide-color, #fbf8f1) calc(20% + .5px)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(20% - .5px),var(--guide-color, #fbf8f1) calc(20% - .5px),var(--guide-color, #fbf8f1) calc(20% + .5px))}.guide-overlay-crosshair{background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--guide-color, #fbf8f1) calc(50% - 1px),var(--guide-color, #fbf8f1) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),var(--guide-color, #fbf8f1) calc(50% - 1px),var(--guide-color, #fbf8f1) calc(50% + 1px),transparent calc(50% + 1px))}.guide-overlay-vertical{background-image:linear-gradient(to right,transparent calc(var(--guide-position, 50%) - 1px),var(--guide-color, #fbf8f1) calc(var(--guide-position, 50%) - 1px),var(--guide-color, #fbf8f1) calc(var(--guide-position, 50%) + 1px),transparent calc(var(--guide-position, 50%) + 1px))}.guide-overlay-horizontal{background-image:linear-gradient(to bottom,transparent calc(var(--guide-position, 50%) - 1px),var(--guide-color, #fbf8f1) calc(var(--guide-position, 50%) - 1px),var(--guide-color, #fbf8f1) calc(var(--guide-position, 50%) + 1px),transparent calc(var(--guide-position, 50%) + 1px))}.hud-notice-stack{position:fixed;top:calc(max(16px,env(safe-area-inset-top)) + 66px);right:max(18px,env(safe-area-inset-right));z-index:32;display:grid;gap:8px;width:min(360px,calc(100% - 36px))}.hud-notice{display:flex;min-height:44px;align-items:center;gap:9px;padding:8px 11px;color:var(--dusk-paper);background:#31260ab3;border:1px solid rgba(244,201,93,.28);border-radius:13px;font-size:.74rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.hud-notice span{flex:1}.hud-notice button{min-height:34px;padding:0 9px;color:#f4c95d;background:transparent;border:1px solid currentColor;border-radius:9px;cursor:pointer;font-size:.7rem}.hud-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:79;min-height:100%;padding:0;background:#0000003d;border:0;cursor:default;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hud-settings-drawer{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:80;width:min(420px,calc(100% - 24px));overflow:hidden;color:var(--dusk-paper);background:#0d1410d6;border:1px solid rgba(239,233,220,.18);border-radius:24px;box-shadow:-18px 0 58px #0000004d;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);animation:drawer-enter .22s ease-out}@keyframes drawer-enter{0%{opacity:0;transform:translate(28px)}}.hud-drawer-close{position:absolute;top:13px;right:13px;z-index:2;display:grid;width:44px;min-height:44px;place-items:center;color:var(--dusk-paper);background:#efe9dc14;border:1px solid rgba(239,233,220,.14);border-radius:14px;cursor:pointer}.panel-settings{height:100%;padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(239,233,220,.25) transparent}.panel-settings>.eyebrow{margin:1px 58px 8px 0;color:#f4c95d;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.panel-settings>h2{margin:0 58px 5px 0;color:var(--dusk-paper);font-family:var(--display);font-size:1.8rem;font-weight:500}.panel-settings>.muted{margin:0 58px 24px 0;color:#efe9dc85;font-size:.78rem}.field{display:grid;gap:8px;margin-bottom:16px}.field>label,.fullscreen-controls label{color:#efe9dc9e;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.field select,.field input[type=number],.field input[type=color],.fullscreen-controls select,.fullscreen-controls input[type=color]{width:100%;min-height:44px;padding:9px 11px;color:var(--dusk-paper);color-scheme:dark;background:#efe9dc12;border:1px solid rgba(239,233,220,.15);border-radius:12px}.field input[type=range],.fullscreen-controls input[type=range]{width:100%;accent-color:#f4c95d}.field input[type=checkbox]{accent-color:#f4c95d}.field input[type=color]{padding:5px}.field-help{margin:-1px 0 0;color:#efe9dc7a;font-size:.72rem;line-height:1.4}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:10px}.guide-settings,.pose-settings,.advanced-settings{margin:8px 0 18px;padding:17px 0 1px;border-top:1px solid rgba(239,233,220,.12)}.settings-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#f4c95d}.settings-heading h3{margin:0;color:var(--dusk-paper);font-family:var(--display);font-size:1.22rem;font-weight:500}.pose-toggle-field p{margin:7px 0 0 24px;color:#efe9dc85;font-size:.76rem;line-height:1.45}.pose-error,.notice-error{margin-bottom:14px;padding:10px 11px;color:#ffc1b5;background:#c4402a1a;border:1px solid rgba(255,173,159,.24);border-radius:11px;font-size:.78rem}.advanced-settings{padding-top:0;border-bottom:1px solid rgba(239,233,220,.12)}.advanced-settings summary{display:flex;min-height:52px;align-items:center;gap:8px;cursor:pointer;font-size:.82rem;font-weight:700;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:after{margin-left:auto;content:"+";font-size:1.2rem}.advanced-settings[open] summary:after{content:"−"}.advanced-settings-content{padding:8px 0 17px}.advanced-settings-content .button{width:100%}.actions{display:grid;gap:10px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid transparent;border-radius:13px;cursor:pointer;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{color:#132017;background:#f4c95d;border-color:#f4c95d}.button-secondary{color:var(--dusk-paper);background:#efe9dc12;border-color:#efe9dc2e}.button-danger{color:#ffc1b5;background:#c4402a1a;border-color:#ffad9f3d}.fullscreen-controls{position:absolute;top:50%;right:calc(max(18px,env(safe-area-inset-right)) + 62px);z-index:24;display:grid;width:min(340px,calc(100% - 150px));max-height:calc(100dvh - 110px);gap:11px;padding:16px;overflow-y:auto;color:var(--dusk-paper);background:#080d09b8;border:1px solid rgba(239,233,220,.16);border-radius:18px;transform:translateY(-50%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);pointer-events:auto}.fullscreen-controls label{display:grid;gap:6px}.fullscreen-fallback-note{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 122px);z-index:20;padding:6px 9px;color:#efe9dc9e;background:#080d0980;border-radius:9px;font:.62rem var(--mono)}.hud-stats{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 124px);z-index:25;width:min(390px,calc(100% - 100px));max-height:calc(100dvh - 180px);padding:14px;overflow-y:auto;color:var(--dusk-paper);background:#080d09c7;border:1px solid rgba(239,233,220,.16);border-radius:18px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.hud-stats-heading{display:flex;min-height:32px;align-items:center;justify-content:space-between;padding:0 2px 8px}.hud-stats-heading strong{font-family:var(--display);font-weight:500}.hud-stats-heading button{display:grid;width:34px;min-height:34px;place-items:center;color:var(--dusk-paper);background:transparent;border:0;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid rgba(239,233,220,.1);border-radius:10px}.stat{min-width:0;padding:10px;background:#efe9dc0d}.stat dt{color:#efe9dc80;font:.58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.stat dd{margin:5px 0 0;color:var(--dusk-paper);font-family:var(--display);font-size:.92rem;overflow-wrap:anywhere}.clip-error{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 130px);z-index:26;max-width:min(380px,calc(100% - 36px));padding:10px 12px;color:#ffc1b5;background:#4b140dbf;border:1px solid rgba(255,173,159,.26);border-radius:12px;font-size:.78rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:grid;padding:20px;place-items:center;background:#020503b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.confirm-dialog{width:min(480px,100%);padding:clamp(22px,5vw,34px);color:var(--ink);background:var(--bone);border:1px solid var(--hair);border-radius:22px;box-shadow:0 28px 80px #00000057}.confirm-dialog .eyebrow{margin-bottom:10px;color:var(--vermillion);font:.65rem var(--mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.confirm-dialog h2{margin:0 0 12px;font-family:var(--display);font-size:clamp(1.8rem,5vw,2.7rem);font-weight:500;line-height:1}.confirm-dialog p{margin:0;color:var(--mute);line-height:1.55}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.clip-workspace-backdrop{padding:12px}.clip-review-dialog{display:flex;width:min(1240px,100%);height:min(840px,calc(100dvh - 24px));padding:0;overflow:hidden;flex-direction:column;border-radius:24px}.clip-workspace-header{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.clip-workspace-header .eyebrow{margin-bottom:5px}.clip-workspace-header h2{margin:0;font-size:clamp(1.55rem,3vw,2.2rem)}.clip-close-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;color:var(--ink);background:transparent;border:1px solid var(--hair);border-radius:12px;cursor:pointer;font-weight:700}.clip-close-button svg{display:none}.clip-workspace-grid{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 292px}.clip-analysis-main{min-width:0;padding:20px 22px;overflow-y:auto}.clip-analysis-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.clip-analysis-toolbar>div:first-child{display:grid;min-width:0;gap:4px}.clip-analysis-toolbar>div:first-child strong{overflow:hidden;font-family:var(--display);font-size:1.2rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.clip-analysis-toolbar>div:first-child span{color:var(--mute);font:.68rem var(--mono)}.clip-analysis-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.clip-analysis-actions button{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 11px;color:var(--ink);background:transparent;border:1px solid var(--hair);border-radius:10px;cursor:pointer;font-size:.76rem;font-weight:700}.clip-analysis-actions button.is-active{color:var(--bone);background:var(--moss);border-color:var(--moss)}.clip-analysis-actions button:disabled{opacity:.38;cursor:not-allowed}.clip-analysis-actions .clip-share-action{color:var(--moss);border-color:#b0832294}.clip-analysis-actions .clip-share-action:hover{background:#b083221a;border-color:var(--gold)}.comparison-view-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:6px;background:#0d14100b;border:1px solid var(--line);border-radius:12px}.comparison-layout-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:0;border:0}.comparison-layout-toggle button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:0 11px;color:var(--mute);background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:700}.comparison-layout-toggle button.is-active{color:var(--bone);background:var(--moss)}.overlay-opacity-control{display:grid;min-width:min(260px,42%);grid-template-columns:auto minmax(100px,1fr);gap:10px;align-items:center;padding:0 7px;color:var(--mute);font:.64rem var(--mono)}.overlay-opacity-control input{width:100%;accent-color:var(--gold)}.clip-video-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.clip-video-grid.is-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-pane{min-width:0;padding:5px;overflow:hidden;background:#101510;border:2px solid transparent;border-radius:15px;box-shadow:inset 0 0 0 1px #efe9dc1a;transition:border-color .15s ease}.analysis-pane.is-active{border-color:var(--gold)}.analysis-pane-heading{display:flex;min-height:34px;align-items:center;justify-content:space-between;padding:0 7px;color:var(--dusk-paper)}.analysis-pane-heading strong{font-size:.72rem}.analysis-pane-heading span{color:var(--dusk-paper-2);font:.62rem var(--mono)}.clip-review-video{display:block;width:100%;aspect-ratio:16 / 9;max-height:46dvh;object-fit:contain;background:#050705;border-radius:9px}.clip-timeline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px;color:var(--dusk-paper-2);font:.6rem var(--mono)}.clip-timeline input{width:100%;accent-color:#f4c95d}.analysis-overlay{min-width:0;padding:5px;overflow:hidden;color:var(--dusk-paper);background:#101510;border:2px solid var(--gold);border-radius:15px;box-shadow:inset 0 0 0 1px #efe9dc1a}.analysis-overlay-heading{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px;padding:3px 7px}.analysis-overlay-heading>span{color:var(--dusk-paper-2);font:.62rem var(--mono)}.overlay-pane-selector{display:flex;gap:4px}.overlay-pane-selector button{min-height:30px;padding:0 9px;color:var(--dusk-paper-2);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;font-size:.68rem;font-weight:700}.overlay-pane-selector button.is-active{color:#f4c95d;background:#f4c95d14;border-color:#f4c95d61}.analysis-overlay-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:43dvh;overflow:hidden;background:#050705;border-radius:9px}.analysis-overlay-stage video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.analysis-overlay-reference{z-index:2;pointer-events:none}.analysis-overlay-timelines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px 2px 2px}.analysis-overlay-timelines>div{min-width:0;padding:5px;background:#efe9dc0a;border-radius:8px}.analysis-overlay-timelines>div>strong{display:block;padding:0 7px 2px;color:var(--dusk-paper-2);font-size:.65rem}.frame-control-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:13px}.frame-control-bar button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:5px;padding:0 14px;color:var(--ink);background:transparent;border:1px solid var(--hair);border-radius:12px;cursor:pointer;font-weight:700}.frame-control-bar .frame-play-button{min-width:132px;color:var(--bone);background:var(--moss);border-color:var(--moss)}.frame-control-bar .frame-link-button{margin-left:8px}.frame-control-bar .frame-link-button.is-active{color:var(--bone);background:var(--gold);border-color:var(--gold)}.playback-rate{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;padding:0;border:0}.playback-rate button{min-height:44px;color:var(--ink);background:transparent;border:1px solid var(--hair);border-radius:11px;cursor:pointer;font-weight:700}.playback-rate button.is-active{color:var(--bone);background:var(--moss);border-color:var(--moss)}.clip-analysis-footer{margin-top:4px}.clip-analysis-footer p{max-width:620px;font-size:.75rem}.clip-library{display:flex;min-height:0;padding:18px 14px 14px;flex-direction:column;color:var(--dusk-paper);background:var(--dusk);border-left:1px solid rgba(239,233,220,.12)}.clip-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 5px 14px}.clip-library-heading>div{display:grid;gap:3px}.clip-library-heading span{color:var(--dusk-paper-2);font:.58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.clip-library-heading strong{font-family:var(--display);font-size:1.18rem;font-weight:500}.clip-library-heading .clip-count{display:grid;width:30px;height:30px;place-items:center;color:var(--dusk-paper);background:#efe9dc17;border-radius:50%;font-size:.68rem}.clip-library-list{display:grid;min-height:0;gap:6px;overflow-y:auto}.clip-library-item{display:grid;grid-template-columns:minmax(0,1fr) 38px;overflow:hidden;border:1px solid rgba(239,233,220,.1);border-radius:11px}.clip-library-item.is-selected{border-color:#f4c95db8;background:#b0832224}.clip-library-item>button:first-child{display:grid;min-width:0;min-height:62px;gap:7px;padding:9px 10px;color:var(--dusk-paper);text-align:left;background:transparent;border:0;cursor:pointer}.clip-library-item strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.clip-library-item span{display:flex;align-items:center;gap:7px;color:var(--dusk-paper-2);font:.58rem var(--mono)}.clip-library-item em{padding:2px 5px;color:#f4c95d;background:#f4c95d1a;border-radius:5px;font-style:normal;text-transform:uppercase}.clip-library-item .clip-delete-button{display:grid;min-height:0;place-items:center;color:#efe9dc80;background:transparent;border:0;border-left:1px solid rgba(239,233,220,.08);cursor:pointer}.clip-library-item .clip-delete-button:hover{color:#ffb3a5;background:#c4402a24}.clip-library-empty{padding:18px 8px;color:var(--dusk-paper-2);font-size:.75rem;line-height:1.5}.clip-library-note{margin-top:auto;padding:14px 5px 0;color:#efe9dc73;font-size:.65rem;line-height:1.45}.clip-empty-state{display:grid;min-height:430px;place-items:center;align-content:center;text-align:center}.clip-empty-state svg{color:var(--gold)}.clip-empty-state h3{margin:12px 0 5px;font-family:var(--display);font-size:1.5rem;font-weight:500}.clip-empty-state p{max-width:380px}.clip-review-dialog .clip-error{position:static;max-width:none;margin-top:12px;color:#8f2617;background:#c4402a14;border-color:#c4402a42}@media(max-width:820px){.hud-topbar{grid-template-columns:1fr auto}.hud-top-status,.hud-privacy span{display:none}.hud-privacy{padding:0}.hud-brand span{display:none}.hud-action-rail{top:auto;bottom:max(18px,env(safe-area-inset-bottom));flex-direction:row;transform:none}.hud-idle .hud-action-rail{transform:translateY(18px)}.hud-delay-control{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 62px);grid-template-columns:42px minmax(120px,220px) 42px}.hud-delay-control button{width:42px;min-height:42px}.hud-view-actions{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 62px);flex-direction:column}.hud-stop-button{bottom:max(18px,env(safe-area-inset-bottom))}.pose-readout{top:calc(max(16px,env(safe-area-inset-top)) + 58px);width:calc(100% - 36px)}.clip-workspace-grid{grid-template-columns:minmax(0,1fr) 230px}.clip-analysis-main{padding:16px}.clip-analysis-toolbar{align-items:flex-start;flex-direction:column}.clip-analysis-actions{justify-content:flex-start}.frame-control-bar .frame-link-button{margin-left:0}}@media(max-width:560px){.hud-topbar{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left))}.hud-brand{min-height:46px;padding:6px 10px 6px 7px;border-radius:14px}.hud-brand img{width:32px;height:32px}.hud-brand strong{font-size:.98rem}.hud-utilities{gap:5px}.hud-icon-button,.hud-privacy{min-width:44px;min-height:44px;border-radius:13px}.hud-privacy,.hud-utilities>a{display:none}.hud-action-button{width:46px;min-height:46px;border-radius:14px}.hud-action-rail{left:max(10px,env(safe-area-inset-left));gap:5px}.hud-view-actions{top:calc(max(10px,env(safe-area-inset-top)) + 56px);right:max(10px,env(safe-area-inset-right));bottom:auto;gap:5px}.hud-action-rail .hud-action-button:nth-last-child(2){display:none}.hud-delay-control{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 54px);width:calc(100% - 110px);grid-template-columns:40px minmax(80px,1fr) 40px;padding:4px;border-radius:17px}.hud-delay-control button{width:40px;min-height:40px;border-radius:13px}.hud-delay-control label{padding:0 4px}.hud-stop-button{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:46px;min-height:46px;padding:0;justify-content:center}.hud-stop-button span{display:none}.hud-buffer{padding:14px;border-radius:17px}.pose-readout{display:none}.hud-stats{right:10px;bottom:118px;width:calc(100% - 20px)}.stats{grid-template-columns:1fr}.hud-settings-drawer{top:0;right:0;bottom:0;width:100%;border:0;border-radius:0}.panel-settings{padding:20px}.dialog-actions{grid-template-columns:1fr}.clip-review-dialog{height:calc(100dvh - 12px);border-radius:18px}.clip-workspace-backdrop{padding:6px}.clip-workspace-header{min-height:72px;padding:13px 14px}.clip-close-button{width:44px;padding:0}.clip-close-button span{display:none}.clip-close-button svg{display:block}.clip-workspace-grid{display:flex;overflow-y:auto;flex-direction:column}.clip-analysis-main{overflow:visible}.clip-analysis-actions{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.clip-analysis-actions button{min-width:0;gap:4px;padding:0 5px;font-size:.66rem;white-space:nowrap}.clip-analysis-actions button svg{width:16px;height:16px;flex:0 0 auto}.clip-video-grid.is-compare{grid-template-columns:1fr}.comparison-view-options{align-items:stretch;flex-direction:column}.comparison-layout-toggle{width:100%}.overlay-opacity-control{width:100%;min-width:0;grid-template-columns:auto minmax(80px,1fr)}.analysis-overlay-stage{max-height:35dvh}.analysis-overlay-timelines{grid-template-columns:1fr}.clip-review-video{max-height:35dvh}.frame-control-bar button span{display:none}.frame-control-bar button{padding:0 11px}.clip-library{min-height:260px;border-top:1px solid rgba(239,233,220,.12);border-left:0}}@media(orientation:portrait)and (min-width:561px){.hud-action-rail{top:auto;bottom:max(20px,env(safe-area-inset-bottom));flex-direction:row;transform:none}.hud-delay-control{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 64px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}