.noise-workspace .select-control { display:block; width:100%; min-height:48px; margin:8px 0 12px; padding:10px 12px; border:1px solid var(--brand-border); border-radius:12px; background:var(--brand-surface-soft); color:inherit; font:inherit; }
.noise-workspace .row { gap:12px; flex-wrap:wrap; }
.noise-workspace button, .noise-workspace .noise-guide-link { min-height:44px; }
.noise-workspace .status-note { line-height:1.7; }
.noise-workspace svg[role=img] { display:block; width:100%; height:190px; border:1px solid #334155; border-radius:12px; background:#0b1220; }
.noise-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.noise-facts div { border:1px solid var(--brand-border); border-radius:12px; padding:14px; min-width:0; }
.noise-facts dt { font-size:.85rem; color:var(--brand-muted); }
.noise-facts dd { margin:6px 0 0; font-weight:700; overflow-wrap:anywhere; }
.noise-guide-link { display:inline-flex; align-items:center; color:#be123c; text-decoration:underline; line-height:1.6; }
.noise-workspace :focus-visible { outline:3px solid #be123c; outline-offset:4px; }
@media(max-width:480px) { .noise-facts { grid-template-columns:1fr; } .noise-workspace .row button { flex:1 1 100%; } }
.noise-workspace { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.noise-workspace .tool-panel { margin-bottom:0; min-width:0; }
.noise-preview-slot { min-width:0; align-self:stretch; }
.noise-workspace .control-row[data-control=range] { display:block; }
.noise-workspace .control-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; }
.noise-workspace .aw-control-input { width:100%; }
body.noise-generator-page #hero h1 { overflow-wrap:anywhere; }
.noise-workspace button { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
body.noise-generator-page .aw-hero-action { overflow-wrap:anywhere; white-space:normal; }
@media(min-width:1000px) { .noise-workspace { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:start; } .noise-output { grid-column:1/-1; } }
@media(min-width:1000px) and (min-height:950px) { .noise-preview { position:sticky; top:130px; } }