:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#26313c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#26313c;--muted:#65727b;--line:#60757e2e;--accent:#458a85;--accent-deep:#336d6a;--glass:#f9fbfbe8;--shadow:0 12px 36px #283a401f, 0 2px 7px #283a4012;background:#e9edef;font-family:Inter,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #458a8573}[hidden]{display:none!important}.studio{isolation:isolate;background:#e9edef;width:100%;height:100%;min-height:420px;position:relative;overflow:hidden}#anatomy-view{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.glass{background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffffdb;border-radius:7px}.brand-float{z-index:3;top:max(19px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;align-items:center;gap:11px;display:flex;position:absolute}.brand-mark{color:#fff;background:linear-gradient(145deg,#55928c,#386e72);border-radius:7px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:24px;display:grid;box-shadow:0 5px 16px #30636238}.brand-float strong,.brand-float small{display:block}.brand-float strong{letter-spacing:-.025em;font-size:16px}.brand-float small{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:11px}.layer-panel{z-index:3;top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));width:min(330px,100vw - 32px);position:absolute;overflow:hidden}.panel-heading,.camera-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{border-bottom:1px solid var(--line);padding:15px 16px 13px}.panel-heading h1{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.icon-button{border:1px solid var(--line);cursor:pointer;background:#ffffffad;border-radius:6px;flex:none;place-items:center;width:31px;height:31px;padding:0;display:grid}.icon-button:hover{color:var(--accent-deep);background:#fff}.icon-button svg,.viewer-tools svg,.primary-button svg,.video-empty svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.panel-body{padding:13px 15px 15px}.load-state{background:#458a8511;border:1px solid #458a8530;border-radius:6px;padding:11px 12px 10px}.load-title{align-items:center;gap:8px;font-size:11px;display:flex}.load-title strong{flex:1;font-size:11px;font-weight:650}.load-title span:last-child{color:var(--accent-deep);font-variant-numeric:tabular-nums}.load-dot,.camera-status{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #458a851f}.load-track{background:#458a8521;border-radius:9px;height:4px;margin-top:9px;overflow:hidden}.load-track i{border-radius:inherit;background:linear-gradient(90deg,#458a85,#76aaa2);width:0;height:100%;transition:width .22s;display:block}.load-state p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.4}.layer-list{gap:3px;margin-top:11px;display:grid}.layer-row{cursor:pointer;border-radius:5px;grid-template-columns:16px 9px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:35px;padding:0 7px;font-size:11px;display:grid}.layer-row:hover{background:#458a850e}.layer-row input{appearance:none;cursor:pointer;background:#fff;border:1px solid #aab5b8;border-radius:4px;width:15px;height:15px;margin:0}.layer-row input:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px #fff}.layer-row input:disabled{opacity:.45;cursor:wait}.layer-row small{color:#78858c;font-size:9px}.swatch{background:#d0c3a7;border-radius:50%;width:8px;height:8px}.swatch.muscle{background:#a45f59}.swatch.connective{background:#81a59e}.swatch.skin{background:#c89f86}.opacity-control{border-top:1px solid var(--line);color:#53616a;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;margin-top:9px;padding:10px 8px 0;font-size:10px;display:grid}.opacity-control input{width:100%;height:16px;accent-color:var(--accent);grid-column:1/2;margin:1px 0 0}.opacity-control output{color:var(--accent-deep);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;font-size:10px}.layer-note{color:var(--muted);margin:8px 7px 0;font-size:10px;line-height:1.4}.camera-panel{z-index:3;left:max(20px, env(safe-area-inset-left));bottom:max(58px, calc(env(safe-area-inset-bottom) + 56px));width:min(310px,100vw - 32px);position:absolute;overflow:hidden}.camera-heading{min-height:45px;padding:0 12px}.camera-heading strong{flex:1;font-size:11px;font-weight:650}.camera-status{box-shadow:none;background:#a7b1b5}.camera-status[data-state=active]{background:#4a9a77;box-shadow:0 0 0 3px #4a9a771f}.camera-body{padding:0 12px 12px}.video-frame{aspect-ratio:16/9;background:linear-gradient(145deg,#e1e7e8,#d4dcde);border:1px solid #4b616729;border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.video-frame video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0;transform:scaleX(-1)}.video-frame video.is-visible{opacity:.84}.pose-overlay{z-index:1;pointer-events:none;visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.pose-overlay.is-active{visibility:visible}.pose-overlay-tag{z-index:3;color:#f4fbfa;letter-spacing:.07em;background:#234a48c2;border:1px solid #ffffffad;border-radius:4px;padding:4px 6px;font-size:8px;position:absolute;top:7px;left:7px}.video-empty{color:#78878c;text-align:center;justify-items:center;gap:6px;padding:10px;font-size:10px;display:grid}.video-empty svg{opacity:.7;width:21px;height:21px}.local-badge{color:#fff;letter-spacing:.08em;background:#233c3e94;border:1px solid #fff9;border-radius:4px;padding:4px 6px;font-size:8px;position:absolute;bottom:7px;right:7px}.camera-message{min-height:27px;color:var(--muted);margin:8px 1px 5px;font-size:10px;line-height:1.45}.pose-diagnostic{color:#627179;align-items:center;gap:7px;min-height:25px;padding:0 2px;font-size:9px;display:flex}.diagnostic-led{background:#aab5b8;border-radius:50%;flex:none;width:6px;height:6px}.pose-diagnostic[data-state=detected] .diagnostic-led{background:#54a17b;box-shadow:0 0 0 3px #54a17b21}.pose-diagnostic[data-state=partial] .diagnostic-led{background:#d29c4d;box-shadow:0 0 0 3px #d29c4d21}.bridge-map{border-top:1px solid var(--line);color:#53636a;margin-top:3px}.bridge-map summary{cursor:pointer;padding:9px 1px 6px;font-size:9px;font-weight:650;list-style-position:inside}.bridge-map summary:hover{color:var(--accent-deep)}.bridge-map p{color:var(--muted);margin:3px 1px 7px;font-size:9px;line-height:1.45}.bridge-map ul{gap:5px;margin:0;padding:0 1px 2px;list-style:none;display:grid}.bridge-map li{justify-content:space-between;align-items:baseline;gap:8px;font-size:8px;line-height:1.35;display:flex}.bridge-map li span{color:#738087}.bridge-map li b{color:#43545a;text-align:right;max-width:55%;font-weight:600}.camera-actions{gap:7px;display:flex}.primary-button,.secondary-button,.fatal-error button{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 11px;font-size:10px;font-weight:650;transition:background .16s,transform .16s;display:inline-flex}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-deep);transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:wait}.secondary-button{color:#485960;border-color:var(--line);background:#fff}.secondary-button:hover{background:#f0f4f4}.tracking-status{z-index:2;left:50%;bottom:max(20px, env(safe-area-inset-bottom));color:#526169;white-space:nowrap;align-items:center;gap:9px;max-width:min(420px,100vw - 30px);min-height:38px;padding:0 14px;font-size:10px;display:flex;position:absolute;transform:translate(-50%)}.status-led{background:#9ba8ac;border-radius:50%;flex:none;width:7px;height:7px}.tracking-status[data-state=active] .status-led{background:#4c9b78;box-shadow:0 0 0 4px #4c9b781f}.tracking-status[data-state=error] .status-led{background:#bd655c;box-shadow:0 0 0 4px #bd655c1f}.tracking-status[data-state=loading] .status-led,.tracking-status[data-state=searching] .status-led{background:#d3a652;box-shadow:0 0 0 4px #d3a65221}.viewer-tools{z-index:2;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));align-items:center;gap:9px;min-height:38px;padding:4px 9px 4px 5px;display:flex;position:absolute}.viewer-tools button{color:#53636a;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.viewer-tools button:hover{color:var(--accent-deep);background:#458a8517}.tool-divider{border-left:1px solid var(--line);height:17px}.tool-hint{color:#66757b;font-size:9px}.medical-note{z-index:1;right:max(20px, env(safe-area-inset-right));bottom:max(68px, calc(env(safe-area-inset-bottom) + 59px));color:#47575eb8;text-align:right;max-width:250px;margin:0;font-size:9px;position:absolute}.fatal-error{z-index:5;width:min(390px,100vw - 32px);box-shadow:var(--shadow);background:#fbfcfcf7;border:1px solid #ffffffeb;border-radius:7px;padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fatal-error strong{font-size:14px}.fatal-error p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 15px;font-size:12px;line-height:1.5}.fatal-error button{color:#fff;background:var(--accent)}@media (max-width:760px){.brand-float{top:max(13px, env(safe-area-inset-top));left:max(13px, env(safe-area-inset-left));gap:8px}.brand-mark{width:33px;height:33px;font-size:21px}.brand-float strong{font-size:14px}.brand-float small{font-size:9px}.layer-panel{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:min(300px,100vw - 26px);max-height:min(62vh,530px);overflow:auto}.panel-heading{padding:11px 12px}.panel-body{padding:10px 11px 12px}.camera-panel{bottom:max(63px, calc(env(safe-area-inset-bottom) + 54px));left:max(12px, env(safe-area-inset-left));width:min(285px,100vw - 24px);max-height:min(76vh,670px);overflow:auto}.camera-heading{min-height:39px;padding:0 9px}.camera-body{padding:0 9px 9px}.camera-panel .video-frame{aspect-ratio:4/3}.camera-message{min-height:0;margin:6px 1px;font-size:9px}.primary-button,.secondary-button{min-height:32px;padding:0 8px;font-size:9px}.tracking-status{bottom:max(12px, env(safe-area-inset-bottom));min-height:34px;padding:0 10px;font-size:9px;left:50%}.viewer-tools{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));min-height:34px;padding:3px 6px 3px 4px}.tool-hint{display:none}.medical-note{right:max(12px, env(safe-area-inset-right));bottom:max(57px, calc(env(safe-area-inset-bottom) + 52px));max-width:170px;font-size:8px}}@media (max-width:390px){.layer-panel{width:min(274px,100vw - 20px)}.camera-panel{width:min(220px,100vw - 20px)}.load-state{padding:8px}.layer-row{min-height:31px;font-size:10px}.medical-note{display:none}}@media (max-height:560px) and (min-width:761px){.layer-panel{max-height:calc(100vh - 40px);overflow:auto}.camera-panel{width:260px;bottom:52px}.video-frame{aspect-ratio:16/8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}