.ar-camera-launch{display:block;width:100%;margin:-12px 0 24px;padding:14px 17px;border:1px solid #829891;background:#fff;color:#24383c;cursor:pointer;font:700 .7rem/1.4 'DM Sans',sans-serif;letter-spacing:.06em;text-align:center;text-transform:uppercase}
.ar-camera-launch[hidden]{display:none}
.ar-camera-launch:hover{background:#f0f4ef}
.ar-camera-launch:focus-visible{outline:3px solid #a98e64;outline-offset:3px}
.ar-camera-open{overflow:hidden}
.ar-camera-preview[hidden]{display:none}
.ar-camera-preview{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#172629;color:#fff;font-family:'DM Sans',sans-serif}
.ar-camera-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#172629}
.ar-camera-preview:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,18,19,.7),transparent 23%,transparent 65%,rgba(8,18,19,.82));pointer-events:none}
.ar-camera-preview model-viewer{position:absolute;inset:8vh 0 18vh;width:100%;height:74vh;z-index:2;background:transparent;--poster-color:transparent;transform:translate(var(--camera-horizontal,0vw),var(--camera-shift,0vh));touch-action:none}
.ar-camera-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;right:18px;z-index:3;display:flex;align-items:start;justify-content:space-between;gap:20px}
.ar-camera-top span{display:block;color:#dfc69b;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ar-camera-top h2{margin:6px 0 0;color:#fff;font:500 clamp(1.8rem,7vw,2.8rem)/1 'Cormorant Garamond',Georgia,serif}
.ar-camera-close{flex:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(15,30,30,.4);color:#fff;cursor:pointer;font-size:1.6rem;line-height:1}
.ar-camera-close:focus-visible,.ar-camera-controls input:focus-visible{outline:3px solid #dfc69b;outline-offset:3px}
.ar-camera-bottom{position:absolute;left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:3;max-width:620px;margin-inline:auto}
.ar-camera-bottom p{margin:0 0 12px;font-size:.78rem;line-height:1.45}
.ar-camera-bottom #ar-camera-status{color:#fff;font-weight:700}
.ar-camera-bottom .ar-camera-limit{color:#d5ddda;font-size:.68rem}
.ar-camera-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0 12px}
.ar-camera-controls label{display:grid;gap:8px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.ar-camera-controls input{width:100%;accent-color:#dfc69b}
.ar-camera-controls label:last-child{grid-column:1/-1}
.ar-diagnostics{width:100%;margin:0 0 24px;padding:14px 16px;border:1px solid #dce4dd;color:#24383c;font-size:.78rem;line-height:1.55}
.ar-diagnostics[hidden]{display:none}
.ar-diagnostics summary{cursor:pointer;font-weight:700}
.ar-diagnostics p{margin:10px 0 0;color:#5d6e68;font-size:.75rem;line-height:1.5}
.ar-diagnostic-report{margin:14px 0 12px;padding:12px;background:#f0f4ef;color:#24383c;white-space:pre-wrap;overflow-wrap:anywhere;font:.7rem/1.5 Consolas,monospace}
.ar-diagnostic-copy{padding:10px 13px;border:0;background:#24383c;color:#fff;cursor:pointer;font:700 .68rem 'DM Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.ar-diagnostic-copy:focus-visible{outline:3px solid #a98e64;outline-offset:3px}
.ar-sample-link{display:block;margin:15px 0 12px;padding:12px 14px;background:#edf1ed;color:#24383c;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-align:center;text-decoration:none;text-transform:uppercase}
.ar-sample-link[hidden]{display:none}
.ar-sample-link:hover{background:#dce6dd;color:#24383c}
.ar-sample-result{display:grid;gap:7px;color:#24383c;font-size:.72rem;font-weight:700}
.ar-sample-result select{width:100%;min-height:40px;padding:7px 10px;border:1px solid #aebfb2;background:#fff;color:#24383c;font:inherit}
@media(max-width:480px){.ar-camera-preview model-viewer{inset:10vh 0 23vh;height:67vh}.ar-camera-bottom p{font-size:.72rem}.ar-camera-controls{gap:16px}}
