:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050a17;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{background-color:#050a17;min-height:100vh;margin:0}.app-shell{color:#e2e8f0;background:radial-gradient(circle at 20% 20%,#38bdf814,#0000 25%),radial-gradient(circle at 80% 10%,#a855f714,#0000 22%),#050a17;width:100vw;height:100vh;position:relative;overflow:hidden}.renderer-canvas{touch-action:none;background:linear-gradient(135deg,#0a1020,#0d142b);width:100%;height:100%;display:block}.status-bar{backdrop-filter:blur(8px);background:#080c18d1;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:12px;max-width:400px;padding:14px 16px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 12px 40px #00000059}.status-dot{background:#f97316;border-radius:50%;width:12px;height:12px;margin-top:3px;box-shadow:0 0 0 5px #f973161a}.status-initializing{background:#f59e0b;box-shadow:0 0 0 5px #f59e0b2e}.status-idle{background:#64748b;box-shadow:0 0 0 5px #64748b2e}.status-loading{background:linear-gradient(90deg,#22d3ee,#a855f7);box-shadow:0 0 0 5px #a855f72e}.status-ready{background:#10b981;box-shadow:0 0 0 5px #10b98133}.status-error{background:#ef4444;box-shadow:0 0 0 5px #ef444433}.status-text{flex:1;min-width:0}.status-label{letter-spacing:.01em;font-weight:700}.status-subtext{color:#cbd5e1;margin-top:2px;font-size:.92rem}.progress{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#22d3ee,#a855f7);width:0;height:100%;transition:width .2s ease-out}.helper-card{backdrop-filter:blur(6px);background:#0a0f1ee0;border:1px solid #ffffff0f;border-radius:12px;max-width:420px;padding:16px;position:absolute;bottom:20px;left:20px;box-shadow:0 14px 36px #00000059}.helper-card h2{margin:0 0 6px;font-size:1.1rem}.helper-card p{color:#cbd5e1;margin:0 0 10px}.helper-card code,.example-url{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:block}.helper-card p code{padding:1px 5px;display:inline}.helper-card.error{color:#fecdd3;border-color:#ef444480}