:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;padding:0}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#0a0a0a;color:#fff;font-family:system-ui,-apple-system,sans-serif}.app-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#111;border-bottom:1px solid #222}.app-header h1{font-size:1.25rem;font-weight:600}.header-status{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.status-online{color:#22c55e}.status-loading{color:#eab308}.status-offline{color:#6b7280}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.welcome-screen h2{font-size:2.5rem;font-weight:700}.welcome-screen p{color:#9ca3af;font-size:1.125rem}.welcome-screen code{display:inline-block;padding:.25rem .5rem;background:#2a2a2a;border-radius:.25rem;font-family:monospace;color:#60a5fa}.url-example{display:block!important;padding:1rem!important;margin:1rem 0;font-size:1rem}.hint{font-size:.875rem!important;color:#6b7280!important}.welcome-screen.error h2{color:#ef4444}.space-id{padding:.25rem .5rem;background:#2a2a2a;border-radius:.25rem;font-family:monospace;font-size:.75rem;color:#9ca3af}.load-button{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;color:#000;background:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:transform .1s,background .2s}.load-button:hover{background:#e5e5e5;transform:scale(1.02)}.load-button:active{transform:scale(.98)}.canvas-wrapper{flex:1;position:relative;overflow:hidden;min-height:0}.app-footer{flex-shrink:0;padding:.5rem 1.5rem;background:#111;border-top:1px solid #222;text-align:center}.app-footer p{color:#6b7280;font-size:.75rem;margin:0}.embed-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.embed-error{display:flex;align-items:center;justify-content:center;height:100vh;background:#0a0a0a;color:#9ca3af;font-family:system-ui,-apple-system,sans-serif}.embed-error code{background:#2a2a2a;padding:.125rem .375rem;border-radius:.25rem;color:#60a5fa;font-family:monospace}