:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161a;--panel:#1e2127;--panel-border:#2c3038;--text:#e7e9ee;--muted:#949aa6;--accent:#4f8cff;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#scene{touch-action:none;cursor:grab;background-color:#1a1d22;background-image:linear-gradient(45deg,#22262c 25%,#0000 25%),linear-gradient(-45deg,#22262c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#22262c 75%),linear-gradient(-45deg,#0000 75%,#22262c 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.is-dragging{cursor:grabbing}.panel{background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:18px;width:340px;max-height:calc(100vh - 32px);padding:18px;display:flex;position:fixed;top:16px;right:16px;overflow-y:auto}.panel__header{flex-direction:column;gap:2px;display:flex}.panel__title{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.panel__byline{color:var(--muted);margin:0;font-size:12px}.panel__byline-prefix{display:block}.panel__byline-logo{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:2px}.panel__byline a{color:var(--muted);text-underline-offset:2px;display:block}.panel__byline a:hover{color:var(--text);text-decoration-color:currentColor}.panel__footer{border-top:1px solid var(--panel-border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;font-size:12px;display:flex}.panel__footer a{color:var(--muted);text-decoration:none}.panel__footer a:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}.hint--privacy{font-size:11px}.lang-switch{flex-basis:100%;justify-content:flex-end;gap:2px;margin-top:2px;display:flex}.lang-switch button{font:inherit;letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}.lang-switch button:hover{color:var(--text)}.lang-switch button.is-active{color:var(--text);border-color:var(--panel-border);cursor:default;background:#262a31}.field{flex-direction:column;gap:8px;display:flex}.field__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.hint{color:var(--muted);margin:0;font-size:12px}select,.button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#262a31;border-radius:8px;padding:8px 10px}select:hover,.button:hover{border-color:#3d434e}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.button--primary:hover{background:#3f7bef}.button--subtle{color:var(--muted);background:0 0;padding:6px 8px;font-size:12px}.button:disabled{opacity:.5;cursor:default}.segmented{border:1px solid var(--panel-border);background:#262a31;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 0;font-size:12px}.segmented button.is-active{background:var(--accent);color:#fff}.slider{grid-template-columns:14px 1fr 42px;align-items:center;gap:8px;display:grid}.slider label{color:var(--muted);font-size:12px}.slider input{width:100%;accent-color:var(--accent)}.slider output{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}#drop-overlay{border:2px dashed var(--accent);z-index:10;background:#14161ab3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#drop-overlay[hidden]{display:none}.drop-overlay__inner{font-size:16px;font-weight:600}.error{white-space:pre-wrap;z-index:20;background:#3a1d1d;border:1px solid #6b2f2f;border-radius:8px;max-width:min(560px,100vw - 330px);max-height:40vh;padding:12px 14px;font-size:12px;position:fixed;bottom:16px;left:16px;overflow:auto}.error[hidden]{display:none}@media (width<=700px){body{flex-direction:column;height:100dvh;display:flex}#scene{flex:0 0 50%;height:auto;min-height:0;position:static}.panel{border-inline:0;width:auto;min-height:0;max-height:none;padding-bottom:max(18px, env(safe-area-inset-bottom));border-bottom:0;border-radius:0;flex:auto;position:static}.error{max-width:none;max-height:30vh;bottom:12px;left:12px;right:12px}}@media (height<=500px){body{flex-direction:row;height:100dvh;display:flex}#scene{flex:auto;min-width:0;height:auto;position:static}.panel{border-block:0;width:auto;min-height:0;max-height:none;padding-bottom:18px;padding-right:max(18px, env(safe-area-inset-right));border-right:0;border-radius:0;flex:0 0 min(300px,45%);position:static}.error{max-width:50vw;max-height:60vh;bottom:12px;left:12px;right:auto}}.hint__drag{display:none}@media (hover:hover) and (pointer:fine){.hint__drag{display:inline}.hint__tap{display:none}}