.signal-panel.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{position:relative;width:100%;min-width:0;min-height:var(--panel-min-height);margin:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;color:#f5f7fb;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#061329;isolation:isolate}.signal-panel.with-artwork.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{grid-template-columns:minmax(0,1fr)}.media-pane.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{position:relative;z-index:1;min-width:0;min-height:180px;height:180px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.11);background:#08162b}.media-pane.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#020a1805 52%,#020a188a);content:"";pointer-events:none}.generated-art.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.04) brightness(.94)}.art-label.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{position:absolute;z-index:2;top:14px;left:14px;width:fit-content;padding:6px 8px;color:#ffffffc2;background:#030c1bbd;font-family:var(--mono);font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.source-inset.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{position:absolute;z-index:3;right:14px;bottom:14px;width:clamp(128px,34%,190px);aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#020b1e;box-shadow:0 12px 28px #0000004d}.source-inset.svelte-1m0nd8s img.svelte-1m0nd8s.svelte-1m0nd8s{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06) brightness(.78)}.source-inset.svelte-1m0nd8s span.svelte-1m0nd8s.svelte-1m0nd8s{position:absolute;right:6px;bottom:6px;left:6px;padding:3px 5px;color:#ffffffd1;background:#020a18c7;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.signal-data.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{position:relative;z-index:1;min-width:0;padding:17px 19px 14px;background:linear-gradient(90deg,#061329fc,#061329e6 64%,#0613299e)}.signal-heading.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.signal-heading.svelte-1m0nd8s>div.svelte-1m0nd8s.svelte-1m0nd8s{min-width:0;display:grid;gap:3px}.signal-heading.svelte-1m0nd8s>div.svelte-1m0nd8s>span.svelte-1m0nd8s{color:#c5d6f18a;font-family:var(--mono);font-size:11px;font-weight:750;letter-spacing:.15em}.signal-heading.svelte-1m0nd8s strong.svelte-1m0nd8s.svelte-1m0nd8s{font-size:17px;line-height:1.2;letter-spacing:-.015em}.scope.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{flex:0 0 auto;color:#d6e0ef9e;font-family:var(--mono);font-size:12px;line-height:1.45;white-space:nowrap}.primary-readout.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{min-width:0;margin:13px 0 12px;padding-bottom:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.primary-readout.svelte-1m0nd8s>div.svelte-1m0nd8s.svelte-1m0nd8s{min-width:0;display:grid;gap:2px}.primary-readout.svelte-1m0nd8s span.svelte-1m0nd8s.svelte-1m0nd8s,.primary-readout.svelte-1m0nd8s small.svelte-1m0nd8s.svelte-1m0nd8s{color:#c5d6f194;font-family:var(--mono);font-size:11px;font-weight:650;letter-spacing:.08em}.primary-readout.svelte-1m0nd8s strong.svelte-1m0nd8s.svelte-1m0nd8s{font-size:16px;line-height:1.25}.primary-readout.svelte-1m0nd8s>b.svelte-1m0nd8s.svelte-1m0nd8s{color:#d8ff55;font-family:var(--mono);font-size:26px;line-height:1}.primary-readout.svelte-1m0nd8s>small.svelte-1m0nd8s.svelte-1m0nd8s{grid-column:1 / -1;color:#e2eaf6ad;letter-spacing:0}.tracks.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{display:grid;gap:8px}.track.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{min-width:0;display:grid;grid-template-columns:minmax(118px,.78fr) minmax(90px,1.5fr) 56px;align-items:center;gap:10px}.track-label.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{min-width:0;display:flex;align-items:center;gap:8px;color:#f0f4fad1;font-size:13px;line-height:1.25}.track-label.svelte-1m0nd8s i.svelte-1m0nd8s.svelte-1m0nd8s{flex:0 0 auto;width:8px;height:8px;border-radius:2px}.sample-strip.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{min-width:0;display:grid;grid-template-columns:repeat(var(--sample-count),minmax(2px,1fr));gap:3px}.sample-strip.svelte-1m0nd8s i.svelte-1m0nd8s.svelte-1m0nd8s{height:8px;border-radius:2px;background:var(--signal-color)}.track-value.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;color:#f5f7fbe6;font-family:var(--mono);white-space:nowrap}.track-value.svelte-1m0nd8s small.svelte-1m0nd8s.svelte-1m0nd8s{color:#c5d6f175;font-size:9px;font-weight:700;text-transform:uppercase}.track-value.svelte-1m0nd8s b.svelte-1m0nd8s.svelte-1m0nd8s{font-size:13px}.time-axis.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{margin-top:11px;padding-top:9px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;color:#c5d6f175;border-top:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:10px}.time-axis.svelte-1m0nd8s span.svelte-1m0nd8s.svelte-1m0nd8s:nth-child(2){letter-spacing:.1em;text-transform:uppercase}.time-axis.svelte-1m0nd8s span.svelte-1m0nd8s.svelte-1m0nd8s:last-child{text-align:right}.sr-only.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 720px){.track.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{grid-template-columns:minmax(105px,.68fr) minmax(84px,1.4fr) 54px;gap:8px}}@media (max-width: 560px){.signal-panel.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s,.signal-panel.with-artwork.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{min-height:0;grid-template-columns:minmax(0,1fr)}.media-pane.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{min-height:160px;height:160px;border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}.source-inset.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{right:10px;bottom:10px;width:min(42%,150px)}.art-label.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{top:10px;left:10px;font-size:10px}.signal-data.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{padding:16px 14px 13px}.signal-heading.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{display:grid;gap:5px}.scope.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{white-space:normal}.track.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{grid-template-columns:minmax(96px,.75fr) minmax(66px,1.35fr) 52px;gap:7px}.track-label.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{gap:6px;font-size:12px}.sample-strip.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{gap:2px}.sample-strip.svelte-1m0nd8s i.svelte-1m0nd8s.svelte-1m0nd8s{height:7px}}@media (max-width: 360px){.signal-data.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{padding-inline:12px}.track.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{grid-template-columns:minmax(88px,.72fr) minmax(52px,1.2fr) 48px;gap:5px}.track-label.svelte-1m0nd8s.svelte-1m0nd8s.svelte-1m0nd8s{font-size:11px}.track-label.svelte-1m0nd8s i.svelte-1m0nd8s.svelte-1m0nd8s{width:7px;height:7px}.track-value.svelte-1m0nd8s small.svelte-1m0nd8s.svelte-1m0nd8s{display:none}.time-axis.svelte-1m0nd8s span.svelte-1m0nd8s.svelte-1m0nd8s:nth-child(2){visibility:hidden}}