*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#eef1f3;color:#0a1628;font:14px/1.5 Inter,Arial,sans-serif}main{height:100%;min-height:320px;display:flex;flex-direction:column;position:relative}#scene{flex:1;min-height:200px;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%}#status{position:absolute;top:16px;left:16px;right:16px;background:#fff;padding:12px 16px;border-radius:8px;pointer-events:none}#status:empty{display:none}footer{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;flex-wrap:wrap}.asakua-brand-mark{--asakua-brand-mark-size:24px}button{font:inherit;min-height:48px;padding:8px 14px;border:1px solid #8793a0;border-radius:6px;background:#fff;color:#0a1628;cursor:pointer}button:first-of-type{margin-left:auto}:focus-visible{outline:3px solid #126f9b;outline-offset:2px}details{background:#fff;padding:0 12px 8px}summary{min-height:48px;display:flex;align-items:center;cursor:pointer}details p{margin:0;overflow-wrap:anywhere;font-size:12px}#status[data-error=true]{border-left:4px solid #a82828}@media(max-width:400px){footer{gap:6px}button{padding:8px}footer>span:nth-child(2){font-size:12px}}

#ar{min-height:48px;padding:12px;align-content:center;color:#0a1628}#ar[hidden]{display:none}