html,body{background:0 0;height:100%}.viewer{touch-action:none;width:100%;height:100%;position:relative}.viewer-spinner{border:2px solid #0003;border-top-color:#000000b3;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite viewer-spin;position:absolute;top:12px;right:12px}@keyframes viewer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.viewer-spinner{animation-duration:2.4s}}.studio{background:#fff;grid-template-columns:320px 1fr;height:100vh;font:14px system-ui;display:grid}.studio aside{border-right:1px solid #ddd;padding:16px;overflow-y:auto}.studio h1{margin:0 0 12px;font-size:18px}.studio fieldset{border:1px solid #ddd;border-radius:6px;margin:12px 0;padding:8px 12px}.studio fieldset label{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;display:flex}.studio fieldset input[type=number],.studio fieldset input[type=text],.studio fieldset select{width:120px}.studio .drop{text-align:center;cursor:pointer;border:2px dashed #bbb;border-radius:8px;padding:24px 12px;display:block}.studio button{margin:4px 4px 0 0}.studio .log{color:#b00020;white-space:pre-wrap;font-size:12px}@media (max-width:720px){.studio{grid-template-rows:auto 60vh;grid-template-columns:1fr}}