:root{--overlay-control-size:2rem;color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#10151d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-height:100dvh}.workspace{background:#10151d;width:100%;height:100dvh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewport{background:radial-gradient(circle at 50% 42%,#263242 0%,#151c26 48%,#0c1118 100%);width:100%;height:100%;position:relative}canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.wordmark{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(9rem,18vw,14rem);height:auto;position:absolute}.controls{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));color:#9bacc0;pointer-events:none;white-space:nowrap;margin:0;font-size:.75rem;position:absolute}.viewport-actions{left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));align-items:center;gap:.5rem;display:flex;position:absolute}.status{height:var(--overlay-control-size);color:#c8d4e3;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1017b8;border:1px solid #334155;border-radius:999px;align-items:center;margin:0;padding:.45rem .7rem;font-size:.75rem;display:inline-flex}.fullscreen-toggle{width:var(--overlay-control-size);height:var(--overlay-control-size);color:#c8d4e3;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;background:#0b1017b8;border:1px solid #334155;border-radius:.65rem;place-items:center;padding:.38rem;display:inline-grid}.fullscreen-toggle:hover{color:#f4f7fb;background:#19222fd1;border-color:#52657b}.fullscreen-toggle:focus-visible{outline-offset:2px;outline:2px solid #8ec5ff}.fullscreen-toggle:active{transform:scale(.94)}.fullscreen-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:100%;height:100%}.status--ready:before{content:"";background:#65d7a4;border-radius:50%;width:.45rem;height:.45rem;margin-right:.45rem;display:inline-block}.status--error{color:#ffd2d2;border-color:#7f3f49}@media (max-width:520px){.controls{display:none}}