.noise-body{--sv-page-bg:var(--site-background);--sv-page-text:var(--site-text);height:100dvh;margin:0;padding:0;overflow:hidden}.noise-app{--noise-panel-width:340px;background:var(--site-background);color:var(--site-text);grid-template-columns:minmax(0, 1fr) var(--noise-panel-width);gap:0;height:100%;padding:0;display:grid}.noise-workspace{background:color-mix(in srgb, var(--site-text) 8%, var(--site-background));grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.noise-topbar,.noise-statusbar{background:color-mix(in srgb, var(--site-background) 94%, transparent);align-items:center;gap:16px;padding:9px 16px;display:flex}.noise-topbar{border-bottom:1px solid var(--sv-ui-border);min-height:54px}.noise-title-block{flex:none}.noise-title-block a{color:var(--site-link);font-size:11px}.noise-title-block h1{font:inherit;letter-spacing:.04em;text-transform:uppercase;margin:1px 0 0;font-size:15px}.noise-topbar>p{color:var(--sv-ui-text-tertiary);text-align:center;flex:auto;margin:0;font-size:11px}.noise-top-actions{flex:none;gap:6px;display:flex}.noise-top-actions .sv-inline-button,.noise-look-grid .sv-inline-button{font:inherit;border-radius:4px;padding:6px 9px;font-size:11px}.noise-top-actions .noise-primary-button{background:var(--sv-ui-accent);border-color:var(--sv-ui-accent);color:var(--sv-ui-accent-text)}.noise-stage{place-items:center;min-height:0;padding:24px;display:grid;overflow:auto}.noise-canvas-frame{justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}#noise-canvas{box-shadow:0 1px 1px color-mix(in srgb, var(--site-text) 12%, transparent), 0 16px 46px color-mix(in srgb, var(--site-text) 16%, transparent);cursor:crosshair;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background:#000;border-radius:clamp(9px,1.8vw,22px);width:auto;max-width:100%;max-height:100%;display:block}#noise-canvas:focus-visible{outline:2px solid var(--sv-ui-focus);outline-offset:4px}.noise-statusbar{border-top:1px solid var(--sv-ui-border);color:var(--sv-ui-text-tertiary);justify-content:space-between;min-height:30px;font-size:10px}.noise-panel{background:var(--site-background);border-left:1px solid var(--sv-ui-border-strong);overscroll-behavior:auto;scrollbar-gutter:auto;flex-direction:column;min-width:0;min-height:0;max-height:none;padding:0;display:flex;overflow:hidden}.noise-panel-header{border-bottom:1px solid var(--sv-ui-border);padding:13px 16px 12px}.noise-panel-header h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.noise-panel-header p{color:var(--sv-ui-text-tertiary);margin:4px 0 0;font-size:10px;line-height:1.4}.noise-controls{flex:1;min-height:0;padding:0 10px 32px 16px;overflow-y:auto}.noise-controls .sv-control-section:first-child{border-top:0}.noise-look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.noise-look-grid .sv-inline-button{text-align:left;min-width:0;min-height:32px}.noise-signal-note{color:var(--sv-ui-text-tertiary);margin:2px 0 12px;padding:0 6px;font-size:10px;line-height:1.45}.noise-audio-actions{display:flex}.noise-audio-button,.noise-panel-download{font:inherit;border-radius:4px;width:100%;min-height:30px;padding:6px 9px;font-size:11px}.noise-audio-status{color:var(--sv-ui-text);text-align:right;font-size:10px;font-weight:700}.noise-signal-meter{gap:5px;display:grid}.noise-meter-band{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px;display:grid}.noise-meter-label{color:var(--sv-ui-text-tertiary);text-transform:uppercase;font-size:9px}.noise-meter-track{background:var(--sv-ui-border-soft);height:3px;display:block;overflow:hidden}.noise-meter-fill{background:var(--sv-ui-accent);width:0;height:100%;transition:width 50ms linear;display:block}.noise-controls .sv-scroll-bind-toggle{cursor:pointer}.noise-controls .sv-control-value{min-width:58px}@media (width<=780px){.noise-body.sv-page{height:auto;min-height:100dvh;overflow:auto}.noise-app{flex-direction:column;height:auto;min-height:100dvh;display:flex}.noise-workspace{flex:none;min-height:68dvh}.noise-panel{border-left:0;border-top:1px solid var(--sv-ui-border-strong);flex:none;min-height:0;overflow:visible}.noise-controls{flex:none;min-height:auto;overflow:visible}.noise-stage{padding:16px}}@media (width<=520px){.noise-topbar{flex-wrap:wrap;align-items:flex-start}.noise-topbar>p{display:none}.noise-top-actions{margin-left:auto}.noise-top-actions .sv-inline-button{padding:5px 7px;font-size:10px}}