body,html{background:#0b1020;color:#e8eefc;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;height:100%;margin:0}#root{height:100vh}.app{display:grid;grid-template-columns:360px 1fr;inset:0;position:fixed}@media (max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#141c38bf,#0a0e1ca6);border-right:1px solid #1c2440;overflow:auto;padding:16px;transition:transform .3s ease}@media (max-width:768px){.sidebar{background:linear-gradient(180deg,#141c38f2,#0a0e1ce6);border-bottom:1px solid #1c2440;border-right:none;height:100vh;left:0;padding:60px 16px 16px;position:absolute;top:0;transform:translateY(-100%);width:100%;z-index:1000}.sidebar.mobile-open{transform:translateY(0)}}.sidebar h1{font-size:18px;margin:0 0 6px}.sidebar .small,.sidebar p{color:#c5d3fb;font-size:13px;line-height:1.45;margin:0 0 10px}.panel{background:#0f1632;border:1px solid #253056;border-radius:14px;box-shadow:inset 0 10px 30px #00000059,0 8px 16px #0308184d;margin:12px 0;padding:12px}.panel h2{color:#9fb6ff;font-size:14px;margin:0 0 8px}.panel label{color:#9ab0f8;display:block;font-size:12px;margin:6px 0 4px}.panel input[type=range],.panel select{width:100%}.panel input[type=text]{background:#14204a;border:1px solid #27335f;border-radius:6px;color:#d7e3ff;margin:4px 0;padding:4px;width:100%}.row{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.btn,.row{align-items:center;gap:8px}.btn{background:#14204a;border:1px solid #27335f;border-radius:12px;color:#d7e3ff;cursor:pointer;display:inline-flex;font-size:13px;padding:8px 10px;text-decoration:none;transition:.2s ease}.btn:hover{background:#1a2a62}.viewport{position:relative}.help{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e1c8c;border:1px solid #213267;border-radius:12px;bottom:12px;color:#cfe0ff;font-size:12px;left:12px;padding:8px 10px;position:absolute}canvas{display:block}.muted{color:#9fb1ff;font-size:12px;opacity:.8}.test-log{background:#0a122a;border:1px solid #27335f;border-radius:12px;color:#d5e1ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;max-height:220px;overflow:auto;padding:8px;white-space:pre-wrap}.ok{color:#9fe6a0}.fail{color:#ff9b9b}.checkbox-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.inline-checkbox{align-items:center;display:inline-flex;gap:8px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.full-width{margin-top:4px;width:100%}.mobile-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141c38e6;border:1px solid #27335f;border-radius:8px;color:#d7e3ff;cursor:pointer;display:none;font-size:16px;left:16px;padding:12px;position:absolute;top:16px;touch-action:manipulation;transition:.2s ease;z-index:1001}.mobile-toggle:hover{background:#1a2a62e6}.mobile-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141c38e6;border:1px solid #27335f;border-radius:8px;color:#d7e3ff;cursor:pointer;display:none;font-size:18px;padding:8px 12px;position:absolute;right:16px;top:16px;touch-action:manipulation;transition:.2s ease;z-index:1002}@media (max-width:768px){.mobile-close,.mobile-toggle{display:block}.panel{margin:8px 0;padding:10px}.panel h2{font-size:16px;margin-bottom:10px}.panel label{font-size:14px;margin:8px 0 6px}.btn{font-size:14px;min-height:44px;padding:12px 14px}.panel input[type=range]{height:40px}.panel input[type=text],.panel select{font-size:16px;min-height:44px;padding:12px}.button-row,.row{gap:12px}.checkbox-row{gap:16px;margin-top:12px}.inline-checkbox{align-items:center;gap:12px;min-height:44px}.help{display:none}}
/*# sourceMappingURL=main.7a6eff8c.css.map*/