:root{color:#e8f1f2;background:#071015;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:#071015}button{font:inherit}main{min-height:100svh;display:grid;grid-template-rows:minmax(42svh,1fr) auto}.stage{position:relative;min-height:42svh;overflow:hidden;background:radial-gradient(circle at 70% 25%,#173e40,transparent 33%),linear-gradient(145deg,#0b2126,#061014 70%)}.stage video,.stage canvas,.stage-grid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage canvas{z-index:2;pointer-events:none}.stage-grid{z-index:1;opacity:.16;background-image:linear-gradient(#93f6e11c 1px,transparent 1px),linear-gradient(90deg,#93f6e11c 1px,transparent 1px);background-size:32px 32px}.hero{position:absolute;z-index:3;left:24px;top:max(30px,env(safe-area-inset-top));max-width:340px;text-shadow:0 2px 20px #000;pointer-events:none}.eyebrow{color:#77e6d0;font-size:11px;font-weight:800;letter-spacing:.18em}h1{margin:12px 0 10px;font-size:clamp(36px,11vw,64px);line-height:.92;letter-spacing:-.055em}.hero p{margin:0;max-width:280px;color:#bdd0d1;font-size:13px;line-height:1.6}.secure-pill{position:absolute;z-index:4;right:14px;bottom:14px;border:1px solid #67dfc855;border-radius:999px;padding:8px 12px;background:#061014cc;color:#77e6d0;font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secure-pill.unsafe{color:#ffb29d;border-color:#ff735855}.brand-title{display:none}.controls{position:relative;z-index:5;margin-top:-1px;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#f2f5f2;color:#102025;box-shadow:0 -12px 50px #0004}.status-row{display:flex;align-items:center;gap:9px;min-height:26px;margin-bottom:14px;font-weight:700;font-size:14px}.dot{width:9px;height:9px;border-radius:50%;background:#1ab89a;box-shadow:0 0 0 5px #1ab89a1e}.status-row.error .dot{background:#e85a3e;box-shadow:0 0 0 5px #e85a3e1e}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{min-height:50px;padding:10px 14px;border:1px solid #cbd6d3;border-radius:14px;background:#fff;color:#132629;font-weight:750}button.primary{grid-column:1 / -1;background:#112e31;border-color:#112e31;color:#fff}button:disabled{opacity:.45}details{margin-top:16px;border-top:1px solid #d7dfdc}summary{padding:16px 0 10px;font-size:13px;font-weight:800;cursor:pointer}.results{display:grid;grid-template-columns:1fr 1fr;gap:8px}article{min-width:0;padding:12px;border:1px solid #dce4e1;border-radius:13px;background:#fff}article span,article small{display:block;color:#657673;font-size:10px}article strong{display:block;margin:4px 0;font-size:14px}article small{overflow-wrap:anywhere;line-height:1.35}.fps-results{margin-top:8px}.fps-results div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:9px 4px;border-bottom:1px solid #dce4e1;font-size:12px}.privacy{margin:14px 2px 0;color:#687875;font-size:10px;line-height:1.5}.diagnostic-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cbd6d3;border-radius:13px;background:#fff}.diagnostic-status strong,.diagnostic-status small{display:block}.diagnostic-status small{margin-top:3px;color:#657673;font-size:10px}.diagnostic-status[data-status=error] .dot{background:#e85a3e;box-shadow:0 0 0 5px #e85a3e1e}.diagnostic-status[data-status=sending] .dot,.diagnostic-status[data-status=buffering] .dot{background:#e5a820;box-shadow:0 0 0 5px #e5a8201e}#diagnostic-session-id{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media(min-width:800px){main{grid-template-columns:1.25fr .75fr;grid-template-rows:100svh}.stage{min-height:100svh}.controls{overflow:auto;margin:0;padding:32px;border-radius:0}}body:has(.consumer-ar){overflow:hidden;background:#020706}.consumer-ar{position:relative;display:block;width:100%;height:100svh;min-height:100svh;overflow:hidden;background:#020706}.consumer-ar .stage{width:100%;height:100svh;min-height:100svh;background:radial-gradient(circle at 50% 42%,#15302b 0,#07100e 42%,#020706);cursor:default}.consumer-ar .stage-grid,.consumer-ar .hero,.consumer-ar .sampling-pill,.consumer-ar .secure-pill,.consumer-ar #detection-overlay{display:none!important}.consumer-ar .brand-title{position:absolute;z-index:6;top:max(22px,calc(env(safe-area-inset-top) + 14px));left:22px;display:block;color:#f5faf8;font-size:20px;font-weight:720;letter-spacing:-.035em;text-shadow:0 2px 24px #000c;pointer-events:none}.consumer-ar .tracking-pill{top:max(22px,calc(env(safe-area-inset-top) + 13px));right:18px;bottom:auto;left:auto;display:flex;align-items:center;min-height:34px;padding:8px 13px 8px 30px;border:1px solid #ffffff20;background:#06100dcc;color:#f3f7f6;font-size:11px;letter-spacing:.02em;box-shadow:0 8px 32px #0005;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);transition:color .18s ease,border-color .18s ease,opacity .18s ease}.consumer-ar .tracking-pill:before{position:absolute;left:13px;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 16%,transparent);content:""}.consumer-ar .stage[data-camera-active=false] .tracking-pill{opacity:0}.consumer-ar .tracking-pill[data-state=tracking]{border-color:#4ee0bd55;color:#65e6c7}.consumer-ar .tracking-pill[data-state=lost]{border-color:#ff8d7955;color:#ff9c8b}.consumer-ar .controls{position:absolute;z-index:8;right:0;bottom:0;left:0;margin:0;padding:18px 18px max(18px,calc(env(safe-area-inset-bottom) + 10px));border-radius:0;background:linear-gradient(transparent,#020706b8 42%,#020706e8);box-shadow:none;pointer-events:none}.consumer-ar .controls>*{display:none}.consumer-ar .controls>.button-row{display:block;width:min(100%,420px);margin:0 auto;pointer-events:auto}.consumer-ar .button-row>button{display:none}.consumer-ar #camera-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border:1px solid #ffffff20;border-radius:18px;background:#f2f7f5ef;color:#071310;font-size:14px;font-weight:780;letter-spacing:-.01em;box-shadow:0 16px 48px #0008,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .12s ease,background .18s ease}.consumer-ar #camera-button[aria-pressed=true]{background:#101b18d9;color:#f2f7f5}.consumer-ar #camera-button:active{transform:scale(.985)}@supports not selector(body:has(*)){body{overflow-x:hidden}}@media(min-width:800px){.consumer-ar{display:block}.consumer-ar .stage{min-height:100svh}.consumer-ar .controls{overflow:visible;padding-right:28px;padding-bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));padding-left:28px}}.tracking-pill{position:absolute;z-index:5;left:14px;bottom:14px;padding:9px 13px;border:1px solid #ffffff30;border-radius:999px;background:#061014d9;color:#dce9e7;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tracking-pill[data-state=tracking]{border-color:#44e6bd88;color:#6df0d0}.tracking-pill[data-state=lost],.tracking-pill[data-state=error]{border-color:#ff806b88;color:#ff9d8c}.detected-list{display:flex;flex-wrap:wrap;gap:7px}.detected-badge{padding:6px 9px;border:1px solid #d7e0dd;border-left:5px solid var(--marker-color);border-radius:9px;background:#f8fbfa;font-size:10px;font-weight:750}.color-controls{display:grid;gap:8px;padding:4px 0 10px}.color-row{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;align-items:center;gap:5px;padding:9px;border:1px solid #dce4e1;border-radius:11px;background:#fff}.color-row label,.switch-row,.range-row{font-size:10px;font-weight:700}.color-row input[type=number]{width:42px;min-height:30px;border:1px solid #ccd7d4;border-radius:7px;font:inherit;text-align:center}.switch-row,.range-row{display:flex;align-items:center;gap:9px;padding:10px 2px}.range-row input[type=range]{flex:1}.mask-preview{width:100%;max-height:180px;border-radius:11px;background:#071015;object-fit:contain}.sampling-pill{position:absolute;z-index:6;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%);padding:9px 13px;border:1px solid #ffdf6f99;border-radius:999px;background:#201a05e6;color:#ffe98d;font-size:11px;font-weight:800;pointer-events:none}.stage.sampling-active{cursor:crosshair;touch-action:none}.stage.sampling-active:after{content:"";position:absolute;z-index:5;inset:0;border:3px solid #ffe36b;pointer-events:none}.sampling-controls{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin:4px 0 8px}.sampling-controls select,.sampling-controls button{min-height:42px}.tuning-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tuning-grid label{display:grid;gap:5px;color:#596b68;font-size:10px;font-weight:750}.tuning-grid input,.tuning-grid select{width:100%;min-height:40px;padding:6px 9px;border:1px solid #cbd6d3;border-radius:10px;background:#fff;font:inherit}.settings-actions{grid-template-columns:1fr 1fr 1fr}.wide-action{width:100%}.m1-app{grid-template-rows:minmax(48svh,58svh) auto}.m1-app .stage{min-height:48svh;touch-action:manipulation;cursor:crosshair}.m1-app .stage.camera-active .hero,.m1-app .stage.camera-active .stage-grid{opacity:0}.m1-app .hero,.m1-app .stage-grid{transition:opacity .18s ease}.media-layer{object-fit:cover}.point-layer{z-index:3!important}.tap-guide{position:absolute;z-index:5;left:14px;bottom:14px;max-width:calc(100% - 160px);overflow:hidden;padding:9px 12px;border:1px solid #ffffff30;border-radius:999px;background:#061014cc;color:#dce9e7;font-size:11px;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.m1-actions button.primary{grid-column:1 / -1}.workflow-card{margin-top:14px;padding:14px;border:1px solid #d8e1de;border-radius:16px;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:1px 0 0;font-size:16px;letter-spacing:-.02em}.step{color:#238d7a;font-size:9px;font-weight:850;letter-spacing:.14em}.field-label{display:block;margin-bottom:6px;color:#596b68;font-size:10px;font-weight:750}select{width:100%;min-height:46px;padding:0 38px 0 12px;border:1px solid #cbd6d3;border-radius:12px;background:#f9fbfa;color:#142526;font:inherit;font-size:13px;font-weight:700}.marker-list{display:grid;gap:6px;margin-top:10px}button.marker-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:7px 9px;border-radius:11px;text-align:left}button.marker-row.selected{border-color:#1b8e7a;box-shadow:0 0 0 2px #1b8e7a22}button.marker-row.captured{background:#edf8f5}.marker-swatch{width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #879491}.marker-info{min-width:0}.marker-info strong,.marker-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marker-info strong{font-size:11px}.marker-info small,.marker-state{color:#687976;font-size:9px}.marker-state{text-align:right}.hint,.warning{margin:10px 0 0;color:#687976;font-size:10px;line-height:1.5}.warning{padding:9px 10px;border-radius:10px;background:#fff5df;color:#795718}.model-badge{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.model-badge.approximate{background:#fff0d1;color:#80570c}.model-badge.calibrated{background:#dff6ef;color:#176b5c}.compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.compact-actions button{min-height:42px;padding:8px;font-size:10px}.m1-results{grid-template-columns:1fr 1fr}.pose-matrix{overflow-x:auto;margin:8px 0 0;padding:11px;border-radius:11px;background:#0c1b1e;color:#bfe7de;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}@media(min-width:800px){.m1-app{grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);grid-template-rows:100svh}.m1-app .stage{min-height:100svh}.m1-app .controls{padding:24px}}