.editor-empty,.editor-workbench{color:#f8f3e8;background:#0b202b;border:1px solid #8fd2b33d;border-radius:18px;overflow:hidden;box-shadow:0 28px 75px #102c3b33}.editor-empty{grid-template-columns:.8fr 1.2fr;min-height:560px;display:grid}.editor-empty-copy{flex-direction:column;justify-content:center;padding:68px 52px;display:flex}.editor-empty span,.editor-workbench header span{color:#8fd2b3;letter-spacing:.15em;font:800 .64rem/1 ui-monospace,monospace}.editor-empty h2{max-width:470px;margin:15px 0;font:550 clamp(2.8rem,5vw,5.3rem)/.9 Iowan Old Style,Georgia,serif}.editor-empty p{color:#f8f3e899;max-width:520px;line-height:1.7}.editor-empty button,.editor-workbench button{color:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff21;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.editor-empty button{background:#ef6a43;border-color:#ef6a43;align-self:flex-start;margin-top:18px;padding:12px 15px}.editor-empty small{color:#f8f3e866;margin-top:12px}.editor-blueprint{background-color:#071923;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:100% 21px,58px 100%;min-height:560px;position:relative;overflow:hidden}.editor-blueprint>b{color:#ffffff59;font:800 .62rem ui-monospace,monospace;position:absolute;top:7%;left:7%}.editor-blueprint i{opacity:.82;border-radius:2px;height:8px;position:absolute}.editor-blueprint em{background:#8fd2b314;border:1px solid #8fd2b3;width:34%;height:29%;position:absolute;top:29%;left:34%}.editor-workbench:focus{outline:none}.editor-workbench header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:68px;padding:12px 17px;display:flex}.editor-workbench header>div{gap:3px;display:grid}.editor-workbench header strong{font-size:.9rem}.editor-workbench header small{color:#ffffff6b;font-size:.65rem}.editor-toolbar{background:#102c3b;border-bottom:1px solid #ffffff1a;grid-template-columns:auto auto 1fr;gap:10px;padding:10px 14px;display:grid}.history-controls,.selection-controls,.edit-controls{align-items:center;gap:6px;display:flex}.history-controls,.selection-controls{border-right:1px solid #ffffff1a;padding-right:10px}.selection-controls b{color:#8fd2b3;min-width:70px;font-size:.65rem}.editor-toolbar button,.editor-toolbar select{font-size:.65rem}.editor-toolbar button:disabled{opacity:.32;cursor:not-allowed}.edit-controls{flex-wrap:wrap;justify-content:flex-end}.edit-controls label{color:#ffffff6b;align-items:center;gap:5px;font-size:.59rem;display:flex}.edit-controls select{color:#fff;background:#0b202b;border:1px solid #ffffff1f;border-radius:6px;padding:6px}.editor-roll{padding:14px}.editor-roll-heading{color:#ffffffb8;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.63rem;font-weight:800;display:flex}.editor-roll-heading small{color:#ffffff59;letter-spacing:0;font-weight:600}.editor-roll-heading>div{align-items:center;gap:8px;display:flex}.editor-roll-heading button{width:25px;height:25px;padding:0}.editor-roll-heading b{color:#ffffff6b;text-align:center;min-width:38px;font-size:.59rem}.editor-roll-viewport{scrollbar-color:#fff3 transparent;background:#0b202b;border:1px solid #ffffff14;border-radius:9px;overflow:auto hidden}.editor-roll-viewport>div{height:390px}.editor-roll canvas{touch-action:none;cursor:crosshair;display:block;position:sticky;left:0}.editor-bottom{background:#102c3b;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:11px 15px;display:flex}.editor-playback{grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:9px;min-width:260px;display:grid}.editor-playback span{font:700 .65rem ui-monospace,monospace}.editor-playback input{accent-color:#ef6a43}.download-midi{font-weight:800;color:#071923!important;background:#8fd2b3!important;border-color:#8fd2b3!important}.editor-error{background:#5e251d;padding:11px 17px;color:#ffd0c6!important;margin:0!important}@media (width<=980px){.editor-toolbar{grid-template-columns:auto 1fr}.edit-controls{grid-column:1/-1;justify-content:flex-start}.selection-controls{border-right:0}.editor-bottom{flex-direction:column;align-items:stretch}.download-midi{align-self:flex-end}.editor-empty{grid-template-columns:1fr}.editor-blueprint{min-height:300px}.editor-empty-copy{padding:44px 26px}}@media (width<=560px){.selection-controls{flex-wrap:wrap}.selection-controls b{flex-basis:100%;font-size:.75rem}.editor-toolbar{grid-template-columns:1fr}.history-controls,.selection-controls{border-right:0}.edit-controls{grid-column:auto}.editor-workbench header button{font-size:0}.editor-roll-viewport>div{height:330px}.editor-roll canvas{height:330px!important}.download-midi{width:100%;font-size:.7rem}.editor-playback{width:100%;min-width:0}}.editor-roll canvas:focus-visible{outline-offset:-3px;outline:2px solid #8fd2b3}.editor-keyboard-help,.editor-focus-status{color:#f8f3e8bf;margin:8px 0 0;font-size:.72rem;line-height:1.6}.editor-focus-status{color:#8fd2b3}.editor-hero[data-astro-cid-e2ofmrs4]{padding:32px 0 76px}.editor-intro[data-astro-cid-e2ofmrs4]{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.editor-intro[data-astro-cid-e2ofmrs4] h1[data-astro-cid-e2ofmrs4]{text-wrap:balance;max-width:100%;margin:0;font-size:3rem;font-weight:560;line-height:1.1}.editor-intro[data-astro-cid-e2ofmrs4] h1[data-astro-cid-e2ofmrs4] em[data-astro-cid-e2ofmrs4]{color:var(--accent);font-style:normal}.editor-intro[data-astro-cid-e2ofmrs4] p[data-astro-cid-e2ofmrs4]{max-width:65ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.65}@media (width<=760px){.editor-hero[data-astro-cid-e2ofmrs4]{padding-top:24px}.editor-intro[data-astro-cid-e2ofmrs4] h1[data-astro-cid-e2ofmrs4]{font-size:2rem}}