:root{font-family:'DM Sans',system-ui,sans-serif;color:#f9f5e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#101e16;overflow:hidden}button,a{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.camera-root{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#0f2016}.camera-root canvas,#cameraFeed{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;touch-action:none}.hud-top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 13px;background:linear-gradient(180deg,#10271ef5,#10271eb5 75%,transparent);pointer-events:none}.hud-top>*{pointer-events:auto}.back-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1e3e2c;border:1px solid #41684a}.back-btn svg{width:23px;height:23px;fill:none;stroke:#fcf9e7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hud-brand{display:grid;flex:1;gap:4px}.hud-brand strong{font-size:25px;letter-spacing:-1.6px;line-height:1}.hud-brand strong span{color:#d3a574}.hud-brand small{font-size:8px;letter-spacing:1.65px;color:#c3d9c5;font-weight:800}.help-button{border:1px solid #6a9072;border-radius:10px;background:#294733;color:#fff;padding:12px 14px;font-size:11px;font-weight:800}.tracking-status{position:fixed;z-index:19;top:calc(94px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);min-width:230px;display:flex;align-items:center;justify-content:center;gap:10px;background:#18372bea;border:1px solid #5a7b61;border-radius:100px;padding:11px 18px;font-size:11px;text-align:center;color:#e3eadc;box-shadow:0 3px 20px #07120d44}.tracking-dot{height:9px;width:9px;flex-shrink:0;border-radius:50%;background:#d9a65c;box-shadow:0 0 0 4px #dfae6925}.tracking-dot.good{background:#8ad2a4;box-shadow:0 0 0 4px #8ad2a426}.tracking-dot.bad{background:#e77e79}.reticle{width:70px;height:70px;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);z-index:5;border:1px solid #eed9b35d;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 26px #e6bf7841;pointer-events:none;transition:.2s}.reticle div{width:10px;height:10px;background:#c49b67;border-radius:50%}.reticle.ready{border-color:#9ad8aa;box-shadow:0 0 0 8px #89cf9b18}.reticle.ready div{background:#9ad8aa}.reticle.placed{display:none}.placement-actions{position:fixed;z-index:21;bottom:calc(var(--sheet-height,220px) + 22px + env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}.placement-actions button{pointer-events:auto;padding:16px 25px;border-radius:12px;min-height:51px;font-size:13px;font-weight:800;box-shadow:0 6px 20px #0c170ba9}.place-button{background:#edbc82;color:#163524;border:1px solid #ffe0b1}.place-button:disabled{opacity:.58;filter:grayscale(.3)}.reposition-button{background:#234c37e8;color:white;border:1px solid #89b899}.product-panel{position:fixed;z-index:20;left:0;right:0;bottom:0;background:linear-gradient(180deg,#142e21f5,#10291efc);border-top:1px solid #6a8d70;border-radius:22px 22px 0 0;padding:13px 15px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -9px 40px #05100c91}.panel-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #466a4f85;padding-bottom:11px}.mini-photo{width:48px;height:45px;background:#e5e0d5;border-radius:9px;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.mini-photo img{width:125%;height:125%;object-fit:contain}.panel-label{display:grid;gap:4px;min-width:0;flex:1}.panel-label small{font-size:8px;letter-spacing:1.4px;color:#c7a97a;font-weight:800}.panel-label strong{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approx-size{font-size:10px;color:#aec8b3;white-space:nowrap}.control-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.control-cell{min-width:0;background:#234835c7;border:1px solid #3c6548;border-radius:11px;padding:9px 6px;text-align:center}.control-cell>span{font-size:10px;color:#bcd9c0}.control-cell>div{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-top:9px}.control-cell button{width:29px;height:29px;flex-shrink:0;border:1px solid #679775;border-radius:7px;background:#2f6344;color:#fff;font-size:17px}.control-cell strong{font-size:10px;white-space:nowrap}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#89a392;font-size:10px}.panel-foot button{background:transparent;border:0;color:#d5bb94;padding:5px 0;font-size:10px;font-weight:800}.ar-attribution{position:fixed;z-index:10;bottom:5px;left:0;right:0;text-align:center;color:#789582;font-size:8px;pointer-events:auto}.ar-attribution a{color:#9fb7a2}.help-dialog{border:1px solid #b4ac93;border-radius:17px;box-shadow:0 25px 80px #0009;background:#f8f5ec;color:#243e2a;padding:0;width:min(440px,calc(100vw - 26px));max-height:calc(100dvh - 36px);overflow:auto}.help-dialog::backdrop{background:#09130e9c;backdrop-filter:blur(3px)}.dialog-body{padding:30px}.dialog-icon{font-size:30px;color:#b58c5f}.dialog-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#a4845f;margin:12px 0}.dialog-body h2{font-family:'Playfair Display',serif;font-size:35px;font-weight:500;line-height:1.18;margin:12px 0}.dialog-body p{font-size:12px;color:#607261;line-height:1.9}.dialog-buttons{display:flex;gap:9px;margin-top:22px}.dialog-buttons button{flex:1;padding:12px;border-radius:8px;background:#284e36;color:#fff;border:1px solid #284e36;font-size:11px;font-weight:800}.dialog-buttons button+button{color:#284e36;background:#eeeadd;border-color:#d9d5c9}.error-overlay{position:fixed;inset:0;background:#0d1f17b8;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.error-card{width:min(100%,430px);background:#f9f6ed;color:#213928;border-radius:16px;padding:25px;text-align:center;max-height:90dvh;overflow:auto}.error-card>span{font-size:30px;color:#c89b65}.error-card h2{font-family:'Playfair Display',serif;font-size:29px;font-weight:500}.error-card p{font-size:12px;line-height:1.8;color:#617062}.error-card pre{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-height:180px;overflow:auto}.error-card button{width:100%;border:1px solid #d6cbb8;border-radius:8px;padding:12px;margin:5px 0;background:#204631;color:white;font-size:12px;font-weight:800}.error-card button+button{color:#30523e;background:#f0ede3}.error-card a{display:block;color:#536f5b;font-size:12px;margin-top:16px}
@media(min-width:760px){.product-panel{max-width:445px;left:auto;right:20px;bottom:22px;border:1px solid #64876d;border-radius:18px;padding-bottom:20px}.placement-actions{right:470px;bottom:70px}.reticle{left:calc((100% - 470px)/2)}.ar-attribution{right:470px}.help-dialog{width:460px}}
@media(max-height:725px){.hud-top{padding-top:8px}.tracking-status{top:78px}.product-panel{padding-top:8px}.control-row{margin:8px 0}.control-cell{padding-block:7px}.placement-actions{bottom:calc(var(--sheet-height,205px) + 8px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}