*{box-sizing:border-box}.stage,.stage *,dialog,dialog *{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Onest,sans-serif;color:#111a22}body{background:#f2f5f5}p,h1,h2{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #168353;outline-offset:3px}[hidden]{display:none!important}
.live-shell{min-height:100svh;display:flex;align-items:center;justify-content:center}.preview-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 32px}.phone-slot{width:360px;height:640px;position:relative;flex-shrink:0}.stage{width:360px;height:640px;transform-origin:top left;position:relative;font-family:Onest,sans-serif;z-index:1}.stage>div{isolation:isolate}.stage p{margin:0}.stage img{display:block}.stage [role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}.stage [role=button]:hover{filter:brightness(.97)}.stage [role=button]:active{filter:brightness(.9)}.stage [role=button]:focus-visible{outline-offset:-3px}#ar-canvas{position:absolute;inset:0;width:360px;height:640px;border-radius:24px}#live-status{font-size:12px;line-height:18px;max-width:360px;text-align:center;padding:0 16px;color:#526271;min-height:18px}.marker-download{font-size:12px;color:#526271;text-underline-offset:3px}.sound-muted{opacity:.58!important}.pause-label{position:absolute;inset:0;display:grid;place-items:center}
dialog{max-width:360px;width:calc(100% - 32px);border:0;border-radius:22px;padding:26px;background:white;color:#111a22}dialog::backdrop{background:rgba(16,26,33,.38)}dialog h2{font-size:24px;line-height:29px;letter-spacing:-.4px}dialog p{font-size:15px;line-height:23px;color:#526271;white-space:pre-line;margin:14px 0 24px}dialog button{width:100%;min-height:48px;border:0;border-radius:14px;background:#101a21;color:white}
@media(max-width:760px){.preview-area{padding:0 0 max(18px,env(safe-area-inset-bottom));gap:10px}.stage>div{border-radius:0!important;box-shadow:none!important}#ar-canvas{border-radius:0}.stage img{max-width:none}.live-shell{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}