:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{flex-direction:row;align-items:stretch;min-width:320px;height:100vh;margin:0;display:flex;overflow:hidden}#ui-layer{color:#fff;box-sizing:border-box;overflow-wrap:break-word;background:#1a1a1a;border-right:1px solid #333;flex-shrink:0;width:300px;height:100vh;padding:1rem;overflow:hidden auto}#app{flex:1;height:100vh;position:relative;overflow:hidden}.control-group{margin-bottom:12px}.control-group label{margin-bottom:4px;font-size:.85rem;display:block}.control-group input[type=range]{width:100%}button:hover:not(:disabled){cursor:pointer;background:#2563eb!important}#step-nav{align-items:center;gap:6px;margin-bottom:16px;display:flex}.step-btn{color:#aaa;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;flex:1;padding:8px 4px;font-size:.85em;font-weight:700}.step-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.step-btn:disabled{cursor:default;opacity:.4}.step-arrow{color:#555;font-size:1.2em}.btn-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:8px;animation:.75s linear infinite spin;display:none}.btn-working .btn-spinner{display:inline-block}.btn-working{opacity:.75;pointer-events:none;cursor:not-allowed!important}#loading-overlay{z-index:9999;background:#000000b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.loading-card{background:#1e1e1e;border:1px solid #333;border-radius:10px;flex-direction:column;align-items:center;gap:18px;padding:32px 40px;display:flex}.spinner{border:3px solid #ffffff26;border-top-color:#60a5fa;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-message{color:#cbd5e1;letter-spacing:.02em;font-family:SF Mono,ui-monospace,monospace;font-size:.88em}.help-modal-card{background:#1e1e1e;border:1px solid #333;border-radius:10px;flex-direction:column;align-items:center;gap:14px;max-width:min(720px,92vw);max-height:90vh;padding:20px;display:flex;position:relative;overflow-y:auto}.help-modal-card img{border-radius:6px;width:100%}#helpModalClose{color:#aaa;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1.4em;line-height:1;position:absolute;top:10px;right:12px}.help-dl-link{color:#3b82f6;font-size:.88em;text-decoration:none}.help-dl-link:hover{text-decoration:underline}.stepper-btn{color:#ccc;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:0;font-size:1.1em;line-height:1}