:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#153338;background:#e5e9e7;font-synthesis:none;--teal:#008b8f;--ink:#153338;--muted:#65787b;--line:#dfe7e5;--red:#c74540;--amber:#ac711e;--green:#16815d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:12px 16px;min-height:46px;font-size:13px;font-weight:650}button:hover{background:#eff6f4}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00a3a6;outline-offset:3px}[hidden]{display:none!important}.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 5px 15px #006b6e18}.primary:hover{background:#00777b;color:white}.secondary{background:#eef5f3;border-color:#dce9e5}.quiet{border:0;background:transparent;box-shadow:none}.icon-button{font-size:24px;padding:7px 14px;line-height:1}.text-button{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#476265}.top{height:76px;padding:14px 32px;display:flex;align-items:center;gap:22px;background:#f9fbf9;border-bottom:1px solid #dae3df}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;letter-spacing:2px;font-weight:750}.brand img{width:42px;height:42px;border-radius:13px}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:2px}.top-title{font-size:12px;color:var(--muted);border-left:1px solid #d3ded8;padding-left:22px}.close-app{margin-left:auto;font-size:28px;line-height:1;color:#4d696c;padding:6px 12px}.viewport{height:calc(100svh - 260px);min-height:470px;position:relative;overflow:hidden;background:#dce5df}#stage{position:absolute;inset:0;overflow:hidden;touch-action:none}#render,#background,#camera,#annotations{position:absolute;inset:0;width:100%;height:100%}#background,#camera{object-fit:contain;background:#1b2a2b}#render canvas{display:block;width:100%;height:100%}#annotations{pointer-events:none}.view-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#b5c7bf35,transparent 30%)}.view-top{position:absolute;top:22px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.view-top>*{pointer-events:auto}.mode-chip{background:#ffffffb8;backdrop-filter:blur(12px);padding:9px 13px;border:1px solid #ffffffb0;border-radius:30px;font-size:9px;font-weight:700;letter-spacing:1.5px}.view-top button{border-radius:50%;background:#ffffffa0;font-size:16px;width:36px;min-height:36px;padding:4px}.readiness{--status:var(--amber);display:flex;align-items:flex-start;gap:10px;background:#ffffffeb;border:1px solid #fff;border-radius:16px;padding:13px 16px;box-shadow:0 8px 25px #163d3910;backdrop-filter:blur(16px)}.readiness[data-tone=red]{--status:var(--red)}.readiness[data-tone=green]{--status:var(--green)}.signal{flex-shrink:0;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--status);box-shadow:0 0 0 4px color-mix(in srgb,var(--status) 10%,transparent)}.readiness strong{font-size:12px;display:block;color:var(--status)}.readiness p{font-size:11px;line-height:1.5;color:#62777a;margin:4px 0 0}#readiness{position:absolute;top:82px;right:30px;width:290px}.welcome{position:absolute;left:7%;bottom:65px;max-width:390px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:2px;color:#3b7776;margin:0 0 12px}h1,h2,p{margin-top:0}.welcome h1{font-size:clamp(30px,3.8vw,51px);line-height:1.06;font-weight:550;letter-spacing:-2px;margin:0 0 17px}.welcome>p:not(.eyebrow){font-size:13px;color:#58716f;line-height:1.6}.welcome .primary{display:flex;justify-content:space-between;gap:38px;min-width:220px;margin-top:22px;padding:15px 19px;font-size:14px}.welcome .text-button{display:block;padding-left:0;font-size:11px}.view-bottom{position:absolute;bottom:18px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:10px;color:#536c69}.model-caption{font-size:8px;letter-spacing:1px;text-align:right}.model-caption b{display:block;margin-top:4px;font-weight:500;letter-spacing:.2px}.dock{position:relative;background:#fbfdfb;border-top:1px solid #d5e0da;padding:15px 24px max(10px,env(safe-area-inset-bottom));min-height:184px;box-shadow:0 -10px 40px #1b3c3510}.system-summary,.action-row,.tool-row,.survey-note{max-width:600px;margin-left:auto;margin-right:auto}.system-summary{display:flex;align-items:center;gap:13px;margin-bottom:13px}.mini-pw{width:24px;height:40px;flex-shrink:0;background:linear-gradient(110deg,#fff,#e8eeeb);border:1px solid #c5d0c9;border-radius:5px;box-shadow:3px 1px 0 #9aa8a1;position:relative}.mini-pw:after{content:'T';position:absolute;top:6px;left:9px;font-size:5px;color:#74827a}.system-summary strong{display:block;font-size:13px;font-weight:700}.system-summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.system-summary>button{margin-left:auto;font-size:11px;min-height:36px;padding-right:0}.system-summary>button span{margin-left:8px}.action-row{display:grid;grid-template-columns:1fr 1.35fr 48px;gap:9px}.action-row .primary{display:flex;align-items:center;justify-content:space-between}.action-row>button{min-height:48px}.tool-row{display:flex;justify-content:center;gap:20px;margin-top:7px}.tool-row button{min-height:32px;font-size:10px;border:0;background:transparent;padding:4px}.tool-row button span{font-size:7px;color:var(--amber);margin-left:4px}.survey-note{text-align:center;font-size:9px;color:#7b8986;margin-top:3px;margin-bottom:0}.toast{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);background:#173c3bec;color:white;border:1px solid #ffffff20;padding:13px 18px;border-radius:12px;width:max-content;max-width:min(480px,90%);font-size:12px;line-height:1.5;z-index:9;box-shadow:0 8px 25px #002a3020}.capture-controls{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);text-align:center;color:white;display:flex;flex-direction:column;align-items:center;gap:9px}.capture-controls>#capture{width:64px;height:64px;border-radius:50%;border:3px solid white;background:transparent;padding:4px;box-shadow:0 2px 12px #0005}.capture-controls>#capture span{display:block;width:100%;height:100%;border-radius:50%;background:white}.capture-controls small{font-size:10px;text-shadow:0 1px 5px #000}.capture-controls .quiet{color:white;font-size:11px;background:#173c3b88;min-height:30px;padding:6px 12px}.sheet,.prompt{border:1px solid #dbe4df;color:var(--ink);box-shadow:0 15px 65px #002f3033;background:#fbfdfb}.sheet{width:min(100%,520px);max-width:100%;max-height:84svh;margin:auto auto 0;border-radius:26px 26px 0 0;padding:24px 26px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain}.sheet::backdrop,.prompt::backdrop{background:#0c252966;backdrop-filter:blur(4px)}.sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.sheet header .eyebrow{font-size:8px;margin-bottom:6px}.sheet h2{font-size:25px;letter-spacing:-.8px;font-weight:600;margin:0}.sheet header button{border:0;background:#eef3ef;border-radius:50%;width:38px;min-height:38px;padding:0}.sheet p{font-size:12px;line-height:1.65;color:var(--muted)}.sheet .panel-lead{font-size:19px;line-height:1.4;color:var(--ink);font-weight:500;letter-spacing:-.4px;margin-bottom:22px}.product-line{display:flex;align-items:center;gap:16px;background:#f0f5f1;padding:18px;border-radius:16px;margin-bottom:20px}.product-line .mini-pw{width:30px;height:52px}.product-line strong{font-size:13px}.product-line p{font-size:10px;margin:5px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}label{display:block;margin:16px 0;font-size:11px;font-weight:650;color:#526e6e}input,select{font-size:16px;min-height:46px;width:100%;margin-top:8px;padding:10px 12px;border:1px solid #dbe4df;border-radius:10px;background:white;color:var(--ink)}input[type=range]{padding:0;accent-color:var(--teal);min-height:28px}output{float:right}.micro,.sheet .micro{font-size:10px;line-height:1.65;color:#6c807c}.full{display:block;width:100%;text-align:center;margin-top:12px}.review-step{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid var(--line)}.review-step>span{font-size:10px;border:1px solid #d0dfd7;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#43837d}.review-step strong{font-size:12px}.review-step p{font-size:10px;margin:4px 0 0}.review-step button{margin-left:auto;font-size:11px;padding:8px 12px;min-height:36px}.checkbox{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-weight:500}.checkbox input{width:18px;min-height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--teal)}.check{padding:16px 0;border-top:1px solid var(--line);font-size:12px}.check strong{display:block;margin-bottom:6px}.check .micro{display:block}.check button{font-size:10px;min-height:36px;padding:7px 10px;margin:8px 6px 0 0}.check.warn{color:var(--red)}.empty{font-size:11px;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}summary{font-size:11px;cursor:pointer;color:#516f6a}.prompt{border-radius:22px;width:calc(100% - 36px);max-width:420px;padding:26px}.prompt h2{font-size:22px;letter-spacing:-.7px}.prompt p{font-size:12px;line-height:1.6;color:var(--muted)}.help-list{padding-left:20px;font-size:13px;line-height:1.7;color:#4b6965}.help-list li{padding-left:5px;margin-bottom:12px}.legend{border-top:1px solid var(--line);padding-top:15px}.legend p{display:flex;align-items:center;gap:8px;font-size:10px}.legend i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.red{background:var(--red)}.amber{background:var(--amber)}.green{background:var(--green)}#native-link{padding:14px;display:flex;justify-content:center;align-items:center;gap:12px;border-radius:12px}#native-link img{width:27px;height:27px;border-radius:7px}#native-status{margin-top:15px}#placement-nav{display:none}.access-panel{max-width:460px;padding:32px;background:white;border-radius:24px;margin:70px auto}.access-panel h1{font-size:30px;letter-spacing:-1px}.access-panel p{font-size:13px;line-height:1.6}.access-panel a{display:inline-block;margin:10px 15px 0 0;font-size:12px;padding:12px}.access-signin{border-radius:12px}#xr-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) 20px max(30px,env(safe-area-inset-bottom));color:white}#xr-overlay button{pointer-events:auto}.xr-top{display:flex;justify-content:space-between;align-items:center}.xr-top>span{font-size:10px;letter-spacing:2px;background:#113939bb;padding:12px;border-radius:10px}.xr-bottom{max-width:450px;width:100%;margin:0 auto}.xr-bottom>.primary{display:block;width:100%;margin-top:12px}.xr-bottom>p{font-size:10px;text-align:center;background:#113939bb;padding:12px;border-radius:10px;margin-top:12px}.xr-bottom .readiness{color:var(--ink)}
body[data-view=photo] .view-bottom,body[data-view=camera] .view-bottom{color:white;text-shadow:0 1px 4px #000}body[data-view=photo] .welcome,body[data-view=camera] .welcome{display:none}body[data-view=photo] #readiness,body[data-view=camera] #readiness{width:270px}body[data-view=photo] #stage{position:relative;margin:auto;inset:auto;width:100%;max-height:100%;aspect-ratio:var(--photo-aspect)}body[data-view=photo] .viewport{display:flex;align-items:center;background:#1b2a2b}body[data-view=photo] .view-vignette{display:none}
@media(min-width:900px){.sheet{margin:auto 24px 24px auto;border-radius:24px;max-height:calc(100svh - 48px)}.viewport{min-height:520px}.dock{padding-top:16px}.action-row{max-width:600px}.welcome{bottom:55px}body[data-view=photo] #stage{width:min(100%,calc((100svh - 260px) * var(--photo-ratio,1.5)));height:auto}}
@media(max-width:600px){.top{height:64px;padding:10px 18px;gap:14px}.brand img{width:35px;height:35px;border-radius:10px}.brand{font-size:15px;gap:8px}.brand small{font-size:6px}.top-title{font-size:10px;padding-left:14px}.close-app{font-size:23px;padding:5px}.viewport{height:calc(100svh - 252px - env(safe-area-inset-bottom));min-height:420px}.view-top{left:18px;right:18px;top:14px}.mode-chip{font-size:8px;padding:8px 11px}#readiness{top:62px;left:18px;right:auto;width:230px;padding:10px 12px}.readiness strong{font-size:11px}.readiness p{font-size:9px}.welcome{left:23px;bottom:28px;max-width:300px}.welcome h1{font-size:32px;letter-spacing:-1.3px;margin-bottom:9px}.welcome .eyebrow{font-size:8px;margin-bottom:8px}.welcome>p:not(.eyebrow){display:none}.welcome .primary{min-width:210px;margin-top:17px;padding:12px 16px;font-size:12px;min-height:44px}.welcome .text-button{font-size:10px;min-height:30px;padding-top:9px;padding-bottom:0}.view-bottom{left:18px;right:18px;bottom:10px;font-size:8px}.model-caption{display:none}body:not([data-view=photo]):not([data-view=camera]) #hint{display:none}.dock{padding:13px 18px max(10px,env(safe-area-inset-bottom));min-height:188px}.tool-row{gap:23px}.action-row{grid-template-columns:1fr 1.3fr 46px}.action-row button{font-size:12px;padding:10px 12px}.action-row .icon-button{font-size:23px}.system-summary{margin-bottom:11px}.survey-note{font-size:8px;margin-top:4px}.sheet{padding:22px 22px calc(24px + env(safe-area-inset-bottom))}.toast{bottom:10px;font-size:11px}.access-panel{margin:35px 18px}.capture-controls{bottom:38px}body[data-view=photo] #readiness,body[data-view=camera] #readiness{width:230px}.sheet header{margin-bottom:18px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}.sheet[open]{animation:sheet-in .2s ease-out}@keyframes sheet-in{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}}