.linestep-face{box-sizing:border-box;color:#f2f4f4;background:linear-gradient(155deg,#293139 0%,#1c2228 48%,#11161a 100%);border:1px solid #ffffff1a;border-radius:1rem;min-height:100%;padding:.75rem;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 18px 50px -28px #000000b8}.linestep-face *,.linestep-face :before,.linestep-face :after{box-sizing:border-box}.linestep-navbar{background:0 0;border-color:#ffffff14;min-height:0;margin-bottom:.75rem;padding:0 0 .625rem}.linestep-navbar-subtitle{letter-spacing:.11em;text-transform:uppercase}.linestep-brand{color:#f2f4f4;letter-spacing:.24em;font-size:.9375rem;font-weight:600}.linestep-preset{--preset-accent:#62a8ff;--preset-border:#ffffff1f;--preset-menu-surface:#171a1c;--preset-menu-text:#f2f4f4;--preset-surface:#171a1c}.linestep-toolbar,.linestep-generator-header,.linestep-algorithm-header,.linestep-footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.linestep-toolbar{background:#00000040;border:1px solid #ffffff14;border-radius:.5rem;justify-content:space-between;margin-bottom:.75rem;padding:.625rem}.linestep-toolbar-actions,.linestep-toolbar-status,.linestep-generator-actions,.linestep-algorithm-actions,.linestep-footer-actions,.linestep-velocity-controls,.linestep-generator-knobs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.linestep-toolbar-status{margin-left:auto}.linestep-inline-knob,.linestep-velocity-controls,.linestep-generator-knobs{background:#0003;border:1px solid #ffffff14;border-radius:.375rem}.linestep-inline-knob{min-height:2.25rem;padding:0 .5rem}.linestep-velocity-controls,.linestep-generator-knobs{padding:.25rem .5rem}.linestep-face button{font:inherit}.linestep-face .linestep-preview-button,.linestep-face .linestep-secondary-button,.linestep-face .linestep-accent-button,.linestep-face .linestep-clear-button,.linestep-face .linestep-generator-toggle{color:#d6dcdf;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.375rem;transition:background-color .12s,color .12s,border-color .12s}.linestep-face .linestep-preview-button,.linestep-face .linestep-secondary-button,.linestep-face .linestep-accent-button{padding:.45rem .625rem}.linestep-face .linestep-clear-button,.linestep-face .linestep-generator-toggle{background:0 0;border-color:#0000}.linestep-face .linestep-preview-button:hover,.linestep-face .linestep-secondary-button:hover,.linestep-face .linestep-clear-button:hover,.linestep-face .linestep-generator-toggle:hover{color:#f2f4f4;background:#ffffff17}.linestep-face .linestep-preview-button-active,.linestep-face .linestep-accent-button{color:#061015;background:#38bdf8;border-color:#7dd3fc59}.linestep-face .linestep-preview-button-active:hover,.linestep-face .linestep-accent-button:hover{background:#7dd3fc}.linestep-status-badge,.linestep-midi-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:.375rem;padding:.25rem .5rem;font:.625rem ui-monospace,SFMono-Regular,Menlo,monospace}.linestep-status-badge{color:#cbd5e1;background:#ffffff0f}.linestep-midi-badge{color:#bae6fd;background:#38bdf81a;border-color:#7dd3fc40}.linestep-accent{color:#38bdf8}.linestep-generator,.linestep-algorithm,.linestep-grid-shell{background:#0003;border:1px solid #ffffff14;border-radius:.5rem;margin-bottom:.5rem}.linestep-generator-header,.linestep-algorithm-header{padding:.375rem .5rem}.linestep-generator-summary,.linestep-algorithm-summary{color:#94a3b8d9;letter-spacing:.08em;text-transform:uppercase;font:.5625rem ui-monospace,SFMono-Regular,Menlo,monospace}.linestep-generator-actions,.linestep-algorithm-actions{margin-left:auto}.linestep-generator-controls{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:end;gap:.5rem;padding:.5rem;display:flex}.linestep-field{gap:.25rem;display:grid}.linestep-field-label,.linestep-algorithm-label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;font:.5625rem ui-monospace,SFMono-Regular,Menlo,monospace}.linestep-algorithm{background:#0e749014;border-color:#7dd3fc1f}.linestep-algorithm-label{color:#7dd3fc;letter-spacing:.08em;font-weight:600}.linestep-algorithm-body{border-top:1px solid #ffffff0f;padding:.25rem}.linestep-face .linestep-select{color:#f2f4f4;background:#171a1c;border:1px solid #ffffff1f;border-radius:.375rem;min-height:2rem;padding:.375rem .5rem;font:.6875rem ui-monospace,SFMono-Regular,Menlo,monospace}.linestep-select-wide{width:7rem}.linestep-select-medium{width:6rem}.linestep-select-narrow{width:4rem}.linestep-select-tiny{width:3.5rem}.linestep-select-content{color:#f2f4f4;background:#171a1c}.linestep-grid-shell{padding:.5rem}.linestep-footer{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.linestep-transpose{color:#7dd3fc}.linestep-route-trigger{color:#94a3b8;background:#0003;border:1px solid #ffffff1a;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .625rem;font:.625rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.linestep-route-trigger:hover{color:#7dd3fc}.linestep-help{color:#94a3b8;margin:.625rem 0 0;font-size:.625rem;line-height:1.625}@media (width<=720px){.linestep-toolbar-status,.linestep-generator-actions,.linestep-algorithm-actions{margin-left:0}.linestep-toolbar{align-items:flex-start}}