@font-face{font-family:VRNoto;src:url('../vendor/NotoSansKR.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body,#app,#stage{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background:#080d11;color:#f8f4eb;font-family:VRNoto,sans-serif;word-break:keep-all;overflow-wrap:normal;line-break:strict}#stage{position:absolute;inset:0}canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#design{z-index:1}#controls{position:absolute;z-index:3;bottom:max(16px,env(safe-area-inset-bottom));left:max(6.25%,env(safe-area-inset-left));right:max(6.25%,env(safe-area-inset-right));display:flex;align-items:center;gap:14px;height:32px}button{height:32px;min-width:32px;border:1px solid #ffffff35;background:#0c1219b8;color:#f8f4eb;border-radius:2px;font:500 10px VRNoto,sans-serif;letter-spacing:1.2px;padding:0 12px;cursor:pointer;backdrop-filter:blur(8px)}button:hover,button:focus-visible{border-color:#e6c699;background:#28414e}button.icon{font-family:Arial,sans-serif;font-size:17px;padding:0 8px}#sound{margin-left:auto;min-width:98px;white-space:nowrap}#seek{width:190px;height:2px;accent-color:#e6c699;opacity:.7;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.render-mode #controls{display:none}@media(max-width:600px){#controls{bottom:7px;left:14px;right:14px;gap:8px;height:24px}button{height:24px;font-size:8px;padding:0 7px;min-width:24px}button.icon{font-size:14px;padding:0 5px}#sound{min-width:80px}#seek{width:80px}}@media(max-aspect-ratio:1/1){#controls{bottom:max(18px,env(safe-area-inset-bottom))}}