:root{font:13px system-ui;color:#dce7ed;background:#10171d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit;background:#263640;color:#edf6fb;border:1px solid #425665;border-radius:4px;padding:5px 7px}button{cursor:pointer}button:disabled,select:disabled{opacity:.5}button:hover{background:#334853}[hidden]{display:none!important}#app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding-bottom:var(--footer-height,110px)}.app-header{display:flex;align-items:center;gap:20px;padding:8px 14px;background:#15212b;border-bottom:1px solid #344957}.app-header h1{font-size:20px;margin:0;white-space:nowrap}.app-header small{font-size:12px;color:#71d6be;font-weight:400}#workspace{position:relative;min-height:0;min-width:0}#global-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#15212b;border-top:1px solid #425665;padding:8px 12px;max-height:45vh;overflow:auto}#global-footer nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#global-footer input[type=file]{max-width:180px;font-size:11px}#global-footer label{font-size:12px}#active-pane{margin-left:auto;color:#71d6be;font-size:12px}.footer-status{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-height:18px;margin-top:5px;font-size:11px;color:#9eb2c1}.playback-legend>span{color:#f28bd4;font-size:16px;vertical-align:middle}#storage-status[data-state=error],#layout-status{color:#ffca6c}#status{color:#cbdbe5}.panel-host,.curve-panel{height:100%;width:100%;min-height:0;min-width:0}.curve-panel{display:flex;flex-direction:column;background:#17232c;overflow:hidden}.surface{flex:1;min-height:100px;min-width:0;width:100%;overflow:hidden;touch-action:none}.surface[data-active=true]{outline:1px solid #71d6be;outline-offset:-1px}canvas{display:block}.panel-settings{padding:16px;color:#dce7ed;min-width:0}.panel-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.panel-settings small{display:block;color:#a9bcc9;font-size:11px;max-width:300px}.panel-settings input{width:110px}.panel-settings summary{cursor:pointer;padding:8px 0}.panel-settings .effect-controls,.panel-settings .effect-controls span{display:block}.panel-settings-button{position:absolute;right:8px;top:6px;z-index:2;width:30px;height:28px;padding:2px;background:#20303b;opacity:.85}.curve-panel{position:relative}.view-controls form{display:flex;flex-direction:column;align-items:stretch}.view-controls{margin-top:8px}#editing-rail{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #344957;padding-top:8px}#selection-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}#selection-controls label{display:flex;align-items:center;gap:6px}#selection-controls .secondary{color:#9eb2c1;font-size:11px;margin-left:auto}#selection-controls [data-point-mode-status]{color:#a9bcc9;font-size:12px}#active-pane{min-width:65px;color:#71d6be}.flexlayout__layout{--flexlayout-color-background:#10171d;--flexlayout-color-tabset-background:#20303b;--flexlayout-color-tabset-background-selected:#263b48;--flexlayout-color-tabset-background-maximized:#263b48;--flexlayout-color-tab-selected:#71d6be;--flexlayout-color-tab-unselected:#b7cad6;--flexlayout-color-splitter:#10171d;--flexlayout-color-splitter-hover:#71d6be}.flexlayout__tab{overflow:hidden}.flexlayout__tab_button{font-size:12px}.flexlayout__tabset_tabbar_outer{border-bottom:1px solid #344957}@media(max-width:700px){#global-footer{padding:6px}.app-header{padding:6px 8px}.app-header small{display:none}#active-pane{margin-left:0}.panel-footer{padding:4px}.view-controls>div{gap:4px}}.footer-status>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-status .playback-legend{flex-shrink:0}#status{flex:1;min-width:0}.interpolation-controls [data-point-mode-status]{flex-basis:100%;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-footer output{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:12px}.view-controls output[data-zoom]{width:112px;flex-shrink:0}.app-header{display:grid;grid-template-columns:auto 1fr;gap:6px 20px}.app-header nav{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.app-header .footer-status{grid-column:1/-1;margin-top:0;justify-content:flex-end;height:18px;min-width:0}#active-pane{margin:0 8px 0 0}.transport{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;gap:18px;min-height:78px}.play-button{grid-column:2;border-radius:50%;width:64px;height:64px;padding:16px;background:#71d6be;color:#10171d;border:0}.play-button:hover{background:#93e6d2}.play-button svg{width:32px;height:32px;fill:currentColor}.play-button.preparing{animation:transport-pulse 1s ease-in-out infinite}.transport-options{grid-column:3;display:flex;align-items:center;gap:10px;justify-content:flex-start}#transport-loop{width:36px;height:36px;padding:6px}#transport-loop svg{width:22px;height:22px;fill:currentColor}#transport-loop[aria-pressed=true]{color:#10171d;background:#71d6be}@keyframes transport-pulse{50%{opacity:.45}}@media(max-width:700px){.app-header{gap:6px}.app-header h1{font-size:16px}.app-header nav{gap:4px}.transport{gap:8px;grid-template-columns:1fr 64px 1fr}.transport-options{gap:4px}.transport-engine select{max-width:105px;font-size:11px}}.play-button{justify-self:center}.transport-engine{grid-column:1;grid-row:1;justify-self:end}.play-button,.transport-options{grid-row:1}.transport{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.transport-left{grid-column:1;grid-row:1;display:flex;align-items:center;gap:14px;min-width:0}.transport-left .transport-engine{margin-left:auto}.master-output{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}.master-output input{width:130px;padding:0;accent-color:#71d6be}.master-output output{min-width:38px}.transport-options{flex-wrap:wrap;min-width:0}.loop-range{border:0;padding:0;margin:0;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.loop-range legend{font-size:11px;color:#a9bcc9}.loop-range label{font-size:12px;white-space:nowrap}.loop-range input{width:65px}.loop-range output{font-size:11px;color:#71d6be;min-width:85px}.loop-range input[aria-invalid=true]{border-color:#ffca6c}@media(max-width:1100px){.master-output input{width:90px}.transport-left{gap:8px}.loop-range output{flex-basis:100%}}@media(max-width:700px){.transport{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.transport-left{display:contents}.master-output{grid-row:2;grid-column:1/-1;justify-self:start}.transport-engine{grid-column:1;grid-row:1;justify-self:end}.loop-range input{width:52px}.loop-range label{font-size:11px}}#app-shell{grid-template-columns:52px minmax(0,1fr)}.app-header{grid-column:1/-1}#workspace{grid-column:2;grid-row:2}#tool-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;background:#15212b;border-right:1px solid #344957;overflow:auto}#tool-rail button{flex-shrink:0;width:40px;height:40px;padding:8px;background:transparent;border-color:transparent}#tool-rail svg{width:24px;height:24px;fill:currentColor}#tool-rail button[aria-pressed=true]{background:#304b58;border-color:#71d6be;color:#9cebd7}#tool-rail button[data-effective=true]{box-shadow:inset 0 0 0 1px #ffca6c}#tool-rail button:focus-visible{outline:2px solid #ffca6c;outline-offset:1px}#tool-mode{font-size:9px;color:#a9bcc9;max-width:44px;text-align:center;overflow-wrap:anywhere}.panel-settings h2{font-size:14px;margin:0 0 12px}#editing-rail{min-height:38px}@media(max-width:1000px){#editing-rail{min-height:76px}#selection-controls .secondary{margin-left:0}}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.settings-header h2{margin:0}.settings-close{font-size:22px;line-height:1;width:32px;height:32px;padding:0;background:transparent;border-color:transparent}.settings-close:hover{background:#334853}#app-shell{grid-template-columns:52px minmax(0,1fr) 0}#app-shell.settings-open{grid-template-columns:52px minmax(0,1fr) min(360px,40vw)}#settings-drawer{grid-column:3;grid-row:2;min-width:0;min-height:0;overflow:auto;background:#20303b;border-left:1px solid #425665}#settings-drawer .panel-settings{animation:settings-enter .18s ease-out}@keyframes settings-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){#settings-drawer .panel-settings{animation:none}}@media(max-width:900px){.panel-settings{padding:10px}.panel-settings label{flex-wrap:wrap;gap:4px}.panel-settings select,.panel-settings input{max-width:100%}}[data-span-bounds]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}[data-span-bounds] input{width:82px}