.ar-modal{width:min(700px,100vw - 2rem)}.ar-modal.fullscreen{padding:0}.ar-modal>.close-btn{z-index:100}.ar-modal .desktop-instructions{display:flex;flex-direction:column;gap:1rem}.ar-modal .desktop-instructions h2{margin:0;padding-right:3.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.ar-modal .desktop-instructions p{margin:0;line-height:1.5;color:#4d4d4d}.ar-modal .desktop-instructions .share-tip{padding:.75rem 1rem;border-radius:.75rem;background:#f5f5f5}.ar-modal .desktop-instructions .option-example{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;margin:0 .25rem;padding:.25rem .5rem;border:2px solid var(--color-neutral-700);border-radius:.5rem;background:#fff;box-shadow:2px 2px 10px #00000040;vertical-align:middle}.ar-modal .desktop-instructions .option-example .label{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));font-weight:500;line-height:normal;text-align:center;white-space:nowrap}.ar-modal .desktop-instructions .option-example .icon{width:1rem;height:1rem;flex-shrink:0}.ar-modal .desktop-instructions .video-wrapper{width:-moz-fit-content;width:fit-content;max-width:100%;margin:1rem auto;border-radius:1rem;background:var(--bg);overflow:hidden;box-shadow:4px 4px 12px #0003}.ar-modal .desktop-instructions .video-wrapper video{display:block;width:100%;height:auto;max-height:50vh;-o-object-fit:contain;object-fit:contain}.ar-modal .desktop-instructions .poster-size-selector{display:flex;gap:.5rem;width:100%}.ar-modal .desktop-instructions .poster-size-btn{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:0;padding:.625rem .25rem;border:2px solid var(--color-neutral-300);border-radius:.5rem;background:#fff;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.ar-modal .desktop-instructions .poster-size-btn:hover{border-color:var(--color-neutral-700);transform:translateY(-1px)}.ar-modal .desktop-instructions .poster-size-btn.selected{border-color:var(--color-neutral-900);background:#f0f0f0}.ar-modal .desktop-instructions .poster-size-btn .size-label{font-size:1rem;font-weight:600}.ar-modal .desktop-instructions .poster-size-btn .size-dimensions{display:flex;flex-direction:column;font-size:.6875rem;line-height:1.35;color:#595959;text-align:center;white-space:nowrap}.ar-modal .desktop-instructions .start-ar-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem 1rem;border:2px solid var(--color-neutral-700);border-radius:.5rem;background:#fff;box-shadow:2px 2px 10px #00000040;font-size:1.25rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ar-modal .desktop-instructions .start-ar-btn:hover{transform:translateY(-2px);box-shadow:3px 4px 12px #0000004d}.ar-modal .desktop-instructions .start-ar-btn:active{transform:translateY(0)}.ar-modal .desktop-instructions .start-ar-btn .icon{width:1.5rem;height:1.5rem}.ar-modal .desktop-instructions .ar-capability-probe{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ar-modal .ar-container{position:relative;width:100%;height:100%}.ar-modal .ar-container model-viewer{width:100%;height:100%;background-color:var(--bg)}.ar-modal .ar-container .loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.ar-modal .ar-container .error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:2rem;border-radius:8px;z-index:20}.ar-modal .ar-container .error p{margin-bottom:1rem}