: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(.aruco-app){overflow-x:hidden;background:#061012}.aruco-app{min-height:100svh;grid-template-rows:minmax(48svh,58svh) auto;background:#061012}.aruco-stage{position:relative;min-height:48svh;overflow:hidden;background:radial-gradient(circle at 52% 30%,#173c38 0,transparent 40%),linear-gradient(145deg,#0c2023,#061012 70%)}.aruco-stage video,.aruco-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.aruco-stage video{z-index:0}.aruco-media{z-index:1;pointer-events:none}.aruco-debug{z-index:2}.aruco-brand,.aruco-mode,.aruco-tracking,.aruco-phase-pill{position:absolute;z-index:4;border:1px solid #8dffe044;background:#061315c7;color:#eafff9;box-shadow:0 12px 36px #0005;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.aruco-brand{top:max(18px,env(safe-area-inset-top));left:18px;border:0;background:transparent;box-shadow:none;font-size:18px;font-weight:850;letter-spacing:-.035em}.aruco-mode{top:max(52px,calc(env(safe-area-inset-top) + 34px));left:18px;padding:6px 9px;border-radius:999px;color:#7be8ce;font-size:9px;font-weight:800;letter-spacing:.12em}.aruco-tracking{right:16px;bottom:16px;padding:9px 13px;border-radius:999px;color:#ff9f91;font-size:11px;font-weight:800}.aruco-tracking[data-state=tracking],.aruco-tracking[data-state=low-confidence]{border-color:#36e0b899;color:#56e8c6}.aruco-phase-pill{left:16px;bottom:16px;padding:9px 13px;border-radius:999px;color:#86ffe3;font-size:9px;font-weight:850;letter-spacing:.08em}.aruco-controls{position:relative;z-index:5;padding:17px 16px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#f2f6f3;color:#102426}.aruco-status{display:flex;align-items:center;gap:9px;margin:0 2px 14px}.aruco-status .dot{width:9px;height:9px;border-radius:50%;background:#2ed5ad;box-shadow:0 0 0 6px #2ed5ad18}.aruco-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.aruco-actions.compact{grid-template-columns:1fr 1fr}.aruco-actions button{min-height:48px;border:1px solid #cbd8d4;border-radius:14px;background:#fff;color:#12282a;font-size:11px;font-weight:800}.aruco-actions button.primary{border-color:#123f3e;background:#103b3b;color:#f1fffb}.aruco-card,.aruco-controls details{margin-top:13px;padding:14px;border:1px solid #d5e0dc;border-radius:17px;background:#fff}.aruco-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.aruco-card-title span{color:#238c79;font-size:9px;font-weight:850;letter-spacing:.14em}.aruco-card-title h2{margin:2px 0 0;font-size:16px}.aruco-marker-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.aruco-marker-grid article{min-width:0;padding:10px;border:1px solid #d8e1df;border-radius:12px;background:#f8faf9}.aruco-marker-grid article.detected{border-color:#36cbaa;background:#ecfaf6}.aruco-marker-grid strong,.aruco-marker-grid span,.aruco-marker-grid small{display:block}.aruco-marker-grid span{color:#278d79;font-size:10px}.aruco-marker-grid small{overflow:hidden;margin-top:3px;color:#687a77;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.aruco-note{margin:10px 0 0;color:#637572;font-size:10px;line-height:1.5}.aruco-timeline{overflow:hidden;height:6px;border-radius:99px;background:#dce7e3}.aruco-timeline i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#23a88d,#65e6c8);transition:width .12s linear}.aruco-inline{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px;margin-top:11px;font-size:10px}.aruco-inline select{min-height:38px}.aruco-check,.aruco-switch{display:flex;align-items:center;gap:7px;min-height:38px;font-size:11px;font-weight:700}.aruco-controls summary{cursor:pointer;font-size:12px;font-weight:850}.aruco-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.aruco-results article{min-width:0;padding:11px;border:1px solid #d9e2df;border-radius:12px}.aruco-results span,.aruco-results strong,.aruco-results small{display:block;overflow:hidden;text-overflow:ellipsis}.aruco-results span,.aruco-results small{color:#677875;font-size:9px}.aruco-results strong{margin:3px 0;font-size:13px;white-space:nowrap}.aruco-error{padding:12px;border:1px solid #f09b8b;border-radius:12px;background:#fff0ed;color:#8c2f22;font-size:10px;white-space:pre-wrap}.aruco-viewer{display:block;height:100svh;overflow:hidden}.aruco-viewer .aruco-stage{height:100svh;min-height:100svh}.aruco-viewer .aruco-mode,.aruco-viewer .aruco-phase-pill,.aruco-viewer .aruco-debug{display:none}.aruco-viewer .aruco-tracking{top:max(18px,env(safe-area-inset-top));right:16px;bottom:auto}.aruco-viewer .aruco-controls{position:fixed;z-index:10;right:0;bottom:0;left:0;padding:70px 18px calc(18px + env(safe-area-inset-bottom));border-radius:0;background:linear-gradient(transparent,#061012dc 42%,#061012f5);box-shadow:none;pointer-events:none}.aruco-viewer .aruco-controls>*{display:none}.aruco-viewer .aruco-controls>.aruco-actions{display:block}.aruco-viewer .aruco-actions>button{display:none}.aruco-viewer #aruco-camera-button{display:block;width:min(100%,520px);min-height:58px;margin:0 auto;border:1px solid #7bffe055;border-radius:18px;background:#0b2c2ddd;color:#ecfffa;box-shadow:0 16px 44px #0008;font-size:14px;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(min-width:800px){.aruco-app:not(.aruco-viewer){grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);grid-template-rows:100svh}.aruco-app:not(.aruco-viewer) .aruco-stage{min-height:100svh}.aruco-app:not(.aruco-viewer) .aruco-controls{overflow-y:auto;height:100svh;padding:24px;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}}