.ar-dialog{width:min(850px,calc(100% - 30px));max-width:none;max-height:92dvh;padding:0;overflow:auto;background:#faf8f2}.ar-dialog[open]{display:block}.ar-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:0}.ar-dialog>.dialog-close{position:sticky;top:10px;right:auto;margin:10px 10px -44px auto;z-index:4;background:#f8f5ecbd;border:1px solid #fff8}.ar-preview{position:relative;min-height:480px;background:radial-gradient(ellipse at center,#f4f2e9,#e5e2d5);border-radius:16px 0 0 16px;overflow:hidden}.ar-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply}.ar-preview-badge{position:absolute;left:20px;top:21px;font-size:8px;letter-spacing:1px;font-weight:600;color:#7f876f;padding:7px 10px;background:#fbfaf5ce;border:1px solid #fff;border-radius:5px;z-index:2}#arViewerHost{position:absolute;inset:0}model-viewer{display:block;width:100%;height:100%;min-height:400px;background:transparent;--poster-color:transparent;--progress-bar-color:#a58358;--progress-bar-height:2px}.ar-content{padding:36px 30px 28px}.ar-content .eyebrow{font-size:8px;margin-bottom:12px}.ar-content .ar-code{font-size:9px;color:#a28b66;letter-spacing:1px;margin:0 0 7px}.ar-content h2{font-size:30px;line-height:1.1;margin:0 0 14px;letter-spacing:-.6px}.ar-content .ar-intro{font-size:11px;line-height:1.7;color:#8a917d;margin:0 0 21px}.ar-scale-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.ar-scale-options button{padding:11px 8px;border:1px solid #dedfd1;border-radius:7px;background:transparent;text-align:left}.ar-scale-options button strong{display:block;font-size:11px;font-weight:500}.ar-scale-options button span{display:block;margin-top:5px;font-size:8px;color:#979e8a}.ar-scale-options button.active{border-color:#718268;background:#e9edde}.ar-scale-options button.active span{color:#738065}.ar-dimensions{font-size:9px;color:#8d947e;padding:10px 0 15px;border-bottom:1px solid #e2e4d6}.ar-steps{padding:0;list-style:none;margin:19px 0}.ar-steps li{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:10px;color:#79836e}.ar-steps li span{display:inline-flex;align-items:center;justify-content:center;background:#e8ecdf;color:#8e997e;border-radius:50%;width:20px;height:20px;font-size:9px}.ar-content .ar-launch{margin:10px 0 0;width:100%;font-size:11px;padding:12px}.ar-launch svg{width:18px;height:18px}.ar-status{min-height:30px;font-size:9px!important;line-height:1.6!important;color:#8b927c!important;margin:11px 0 6px!important}.ar-mobile-link{display:block;width:100%;font-size:10px;color:#8e734c;background:transparent;padding:7px 0;text-decoration:underline;text-underline-offset:3px}.ar-content .ar-compatibility{font-size:8px!important;color:#a4aa96!important;line-height:1.7!important;margin:17px 0 0}.ar-qr{display:flex;align-items:center;gap:13px;border:1px solid #e1e4d2;border-radius:8px;padding:12px;margin-top:11px}.ar-qr canvas{width:104px!important;height:104px!important;flex:none}.ar-qr strong{font-size:10px;font-weight:500}.ar-qr p{font-size:9px;line-height:1.6;color:#949b86;margin:6px 0}.ar-qr button{font-size:9px;padding:5px 0;color:#8d7148;text-decoration:underline;background:transparent}.ar-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9e7ddbb;z-index:3;backdrop-filter:blur(5px)}.ar-loading span{width:28px;height:28px;border-radius:50%;border:2px solid #bfb9a6;border-top-color:#a67f48;animation:spin 1s linear infinite}.ar-loading p{font-size:10px;color:#8c927e;margin-top:15px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.ar-dialog[open]{width:calc(100% - 22px);max-height:94dvh}.ar-layout{grid-template-columns:1fr;grid-template-rows:240px auto}.ar-preview{min-height:240px;border-radius:16px 16px 0 0}.ar-preview>img{padding:16px}model-viewer{min-height:240px}.ar-content{padding:24px 23px}.ar-content h2{font-size:28px}.ar-content .ar-intro{font-size:11px;margin-bottom:17px}.ar-steps{margin:14px 0}.ar-content .ar-compatibility{margin-top:12px}.ar-preview-badge{top:15px;left:15px;font-size:7px}.ar-dialog>.dialog-close{top:9px}.ar-qr canvas{width:100px!important;height:100px!important}}
