.veranda-demo{color:#172c34}.demo-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);align-items:center;gap:32px;display:grid}.demo-model-stage{isolation:isolate;background:linear-gradient(150deg,#e7edef,#f5f8f6);border-radius:22px;min-height:420px;position:relative;overflow:hidden}.demo-model-stage model-viewer{width:100%;height:100%;min-height:420px;display:block}.demo-loading{pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.demo-model-label{letter-spacing:.1em;pointer-events:none;font-size:12px;font-weight:700;position:absolute;top:20px;left:20px}.demo-rotate-hint{pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.demo-instructions h2{letter-spacing:-.04em;margin:12px 0 24px;font-size:clamp(28px,3vw,42px);line-height:1.1}.demo-instructions ol{gap:12px;margin:0 0 24px;padding-left:22px;font-size:16px;line-height:1.55;list-style:decimal;display:grid}.demo-instructions .btn{justify-content:center;width:100%}.demo-scale-note,.demo-support{color:#516369;margin:16px 0;font-size:14px;line-height:1.6}.demo-open-link{align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:600;display:flex}.demo-full{max-width:1600px;margin:auto;padding:24px clamp(20px,5vw,80px)}.demo-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.demo-page-header>a:last-child{font-size:14px}.demo-full .demo-model-stage,.demo-full model-viewer{min-height:65vh}.demo-compact .demo-layout{display:block}.demo-compact .demo-model-stage,.demo-compact model-viewer{min-height:330px}.demo-compact .demo-instructions{padding:24px}.demo-compact .demo-instructions h2{margin:8px 0 18px;font-size:28px}.demo-compact .demo-instructions ol{gap:6px}.demo-compact{background:#fff;border:1px solid #dce4e3;border-radius:24px;overflow:hidden;box-shadow:0 16px 50px #172c3410}.point-ar-canvas{pointer-events:none;opacity:0;width:1px;height:1px;position:fixed;bottom:0;left:0}.point-ar-overlay{display:none}.point-ar-overlay.is-active{z-index:10000;color:#fff;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));pointer-events:none;background:0 0;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.point-ar-overlay>header{text-shadow:0 1px 5px #000;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:14px;display:flex}.point-ar-overlay button{pointer-events:auto}.point-ar-overlay header button{background:#172c34;border-radius:50%;padding:12px}.point-ar-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#172c34ed;border:1px solid #ffffff35;border-radius:18px;align-self:center;width:100%;max-width:540px;padding:20px}.point-ar-panel h2{margin:8px 0;font-size:24px;line-height:1.2}.point-ar-panel p{margin:10px 0;font-size:16px;line-height:1.5}.point-step{letter-spacing:.12em;color:#d1f55d;font-size:12px;font-weight:700}.point-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.point-actions .outline{color:#fff;border-color:#ffffff70}.point-actions button:disabled{opacity:.45}.demo-instructions button:disabled{opacity:.55;cursor:wait}@media (max-width:800px){.demo-layout{grid-template-columns:1fr}.demo-full .demo-model-stage,.demo-full model-viewer{min-height:400px}.demo-full{padding:18px}.demo-model-stage,.demo-model-stage model-viewer{min-height:350px}.demo-compact .demo-instructions{padding:20px}.point-actions .btn{flex:1;min-width:150px}}@media (prefers-reduced-motion:reduce){.veranda-demo *{scroll-behavior:auto}}