:root{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}.status{left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));color:#c8d4e3;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1017b8;border:1px solid #334155;border-radius:999px;margin:0;padding:.45rem .7rem;font-size:.75rem;position:absolute}.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}}