:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080c;--panel:#080c10c7;--panel-strong:#0d1218eb;--line:#dcebf433;--text:#edf5f7;--muted:#9fb2ba;--acid:#d8ff4f;--cyan:#54e7ff;--coral:#ff6f5e;--ink:#0c1116}*{box-sizing:border-box;border-radius:2px}html,body,#app{height:100%;margin:0}body{background:radial-gradient(circle at 18% 14%, #54e7ff17, transparent 28%), radial-gradient(circle at 82% 8%, #76a8ff0f, transparent 28%), var(--bg);min-width:320px;color:var(--text);font-family:Avenir Next,Segoe UI,sans-serif;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.22}[hidden]{display:none!important}.node-field{z-index:0;width:100%;height:100%;position:fixed;inset:0}.app-shell{z-index:1;opacity:.99;place-items:center;height:100svh;padding:clamp(48px,10vw,80px);display:grid;position:relative;overflow:hidden}.workbench{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,.76fr) minmax(0,1.52fr);gap:12px;width:min(1380px,100%);height:100%;min-height:0;padding:clamp(12px,1.4vw,18px);display:grid;overflow:hidden;box-shadow:0 20px 70px #0000006b}.transport{justify-content:flex-start;align-items:center;gap:10px;display:flex}.dropzone span{color:var(--acid);letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.76rem;font-weight:600}.control-rail,.visual-panel,.payload-panel{min-height:0;display:grid}.control-rail{grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;overflow:hidden}.visual-panel{background:#03070c70;border:1px solid #eef4dd2e;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;padding:10px;overflow:hidden}.drop-grid{grid-template-columns:1fr;gap:8px;display:grid}.dropzone{min-height:60px;color:var(--text);text-align:left;background:#ffffff09;border:1px dashed #eef4dd61;padding:10px 12px;overflow:hidden}.dropzone.primary{border-color:#54e7ff7a;min-height:70px}.dropzone strong{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1rem,1.4vw,1.24rem);line-height:1.06;display:block;overflow:hidden}.dropzone small{color:var(--muted);text-transform:uppercase;margin-top:6px;font-size:.78rem;font-weight:800;display:block}body.is-dragging .dropzone{border-color:var(--acid);background:#d8ff4f17}.mode-row{border:1px solid var(--line);z-index:1;background:#03070c99;border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));width:148px;display:inline-grid;position:relative}.mode,.transport button,.file-actions button{border:1px solid var(--line);color:var(--text);background:#ffffff0e;min-height:36px;padding:0 12px;font-weight:600}.mode{border-bottom:0;min-height:28px;padding:0 10px;font-size:.78rem}.mode.is-active{border-color:var(--line);color:var(--acid);background:#d8ff4f29}.payload-panel{grid-template-rows:auto minmax(0,1fr);gap:0}.payload-surface{margin-top:-1px}textarea{resize:none;border:1px solid var(--line);width:100%;height:100%;min-height:0;color:var(--text);background:#03070c94;outline:none;padding:11px 12px}textarea:focus{border-color:var(--cyan)}.file-panel{border:1px solid var(--line);background:#03070c94;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;padding:8px;display:grid}.file-panel .dropzone{grid-auto-rows:max-content;align-content:start;justify-items:start;height:100%;min-height:0;display:grid}.file-actions{flex-wrap:wrap;gap:8px;display:flex}.transport{flex-wrap:wrap;justify-content:flex-start;gap:8px;min-height:36px}.transport-panel{gap:8px;min-height:0;display:grid}.transport-waveform{cursor:crosshair;opacity:.8;background:#02050a99;border:1px solid #eef4dd1f;width:100%;height:64px;display:block}.live-spectrum{opacity:.66;background:#02050a75;border:1px solid #eef4dd1a;width:100%;height:84px;display:block}.transport button{min-width:86px}.transport .transport-icon-button{place-items:center;width:38px;min-width:38px;padding:0;display:inline-grid}.transport-icon-button svg{width:1.24em;height:1.24em;display:block}.export-button{margin-left:auto}.transport-status{color:var(--muted);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;font-size:.74rem;font-weight:600;overflow:hidden}.spectrum{cursor:default;touch-action:manipulation;background:0 0;outline:none;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.spectrum:focus-visible{border-color:var(--cyan)}.spectrum canvas{display:block}@media (width<=760px){.app-shell{place-items:stretch stretch;width:100%;padding:10px;overflow:hidden}.workbench{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;gap:8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:10px;overflow:hidden}.control-rail,.payload-panel,.file-panel,.transport-panel{gap:6px}.drop-grid{grid-template-columns:1fr;display:grid}.dropzone,.dropzone.primary{min-height:44px;padding:7px 10px}.dropzone strong{overflow-wrap:anywhere;font-size:.95rem}.transport{gap:6px}textarea{height:100%;padding:8px 10px}.transport button{min-width:0}.transport .transport-icon-button{width:36px;min-width:36px}.export-button{margin-left:auto}.transport-waveform{height:42px}.live-spectrum{height:60px}}