#js-tool-container-brown-noise-generator .bng-app{font-family:var(--font-sans)}
#js-tool-container-brown-noise-generator .bng-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#js-tool-container-brown-noise-generator .bng-mirror{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#js-tool-container-brown-noise-generator [hidden]{display:none}
#js-tool-container-brown-noise-generator .bng-player{display:flex;flex-direction:column;gap:16px;border:1px solid var(--line,rgba(16,17,22,.09));border-radius:var(--r-l,14px);background:var(--panel,var(--bg1,#fff));padding:18px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06))}
#js-tool-container-brown-noise-generator .bng-visual-box{position:relative;height:200px;border-radius:var(--r-m,11px);overflow:hidden;background:linear-gradient(180deg,var(--acc-soft,rgba(47,102,255,.1)),transparent 60%),var(--bg2,#f1f2f5);border:1px solid var(--line,rgba(16,17,22,.09))}
#js-tool-container-brown-noise-generator .bng-visual-box canvas{display:block;width:100%;height:100%}
#js-tool-container-brown-noise-generator .bng-canvas-title{display:block;margin-top:8px;font-size:.75rem;font-weight:700;color:var(--ink3,#5a6270)}
#js-tool-container-brown-noise-generator .bng-transport{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#js-tool-container-brown-noise-generator .bng-play{position:relative;flex:0 0 auto;width:6.5rem;height:6.5rem;border-radius:50%;border:0;background:var(--acc,#2f66ff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-m,0 10px 30px -14px rgba(16,17,22,.22));transition:background-color .2s var(--ease,ease),transform .12s var(--ease,ease)}
#js-tool-container-brown-noise-generator .bng-play:hover{background:var(--acc2,#1d54e8)}
#js-tool-container-brown-noise-generator .bng-play:active{transform:scale(.97)}
#js-tool-container-brown-noise-generator .bng-play.playing{background:var(--bad,#cb4b3e)}
#js-tool-container-brown-noise-generator .bng-play.playing:hover{background:var(--bad,#cb4b3e);filter:brightness(1.08)}
#js-tool-container-brown-noise-generator .bng-play-ring{position:absolute;inset:-.44rem;width:7.375rem;height:7.375rem;pointer-events:none}
#js-tool-container-brown-noise-generator .bng-ring-track{fill:none;stroke:var(--line2,rgba(16,17,22,.18));stroke-width:3}
#js-tool-container-brown-noise-generator .bng-ring-prog{fill:none;stroke:var(--acc,#2f66ff);stroke-width:3;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:301.6;transform:rotate(-90deg);transform-origin:52px 52px;transition:stroke-dashoffset .5s linear}
#js-tool-container-brown-noise-generator .bng-ic-play{width:2.5rem;height:2.5rem;margin-left:.3rem}
#js-tool-container-brown-noise-generator .bng-ic-stop{width:2.125rem;height:2.125rem}
#js-tool-container-brown-noise-generator .bng-now{display:flex;flex-direction:column;gap:4px;min-width:170px;flex:1 1 170px}
#js-tool-container-brown-noise-generator .bng-now-type{font-size:clamp(1.35rem,3vw,1.8rem);font-weight:800;letter-spacing:-.02em;color:var(--ink,#12141a);line-height:1.15}
#js-tool-container-brown-noise-generator .bng-now-slope{font-size:.9rem;font-weight:700;color:var(--acc,#2f66ff)}
#js-tool-container-brown-noise-generator .bng-timer-chip{align-self:flex-start;margin-top:4px;padding:5px 12px;border-radius:999px;background:var(--acc-soft,rgba(47,102,255,.1));color:var(--acc,#2f66ff);font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums}
#js-tool-container-brown-noise-generator .bng-vol-block{flex:1 1 220px;min-width:200px;display:flex;flex-direction:column;gap:6px}
#js-tool-container-brown-noise-generator .bng-vol-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--ink2,#4d5465)}
#js-tool-container-brown-noise-generator .bng-inline-out{font-weight:800;color:var(--acc,#2f66ff);font-variant-numeric:tabular-nums}
#js-tool-container-brown-noise-generator .bng-facts{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px dashed var(--line,rgba(16,17,22,.09));padding-top:14px}
#js-tool-container-brown-noise-generator .bng-fact{display:flex;flex-direction:column;gap:2px;min-width:0}
#js-tool-container-brown-noise-generator .bng-fact dt{font-size:.74rem;font-weight:700;color:var(--ink3,#5a6270)}
#js-tool-container-brown-noise-generator .bng-fact dd{margin:0;font-size:1rem;font-weight:800;color:var(--ink,#12141a);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#js-tool-container-brown-noise-generator .bng-status{padding:12px 16px;border-radius:var(--r-m,11px);background:var(--bg2,#f1f2f5);border:1px solid var(--line,rgba(16,17,22,.09));color:var(--ink2,#4d5465);font-size:.875rem;line-height:1.55;min-height:52px}
#js-tool-container-brown-noise-generator .bng-status.is-live{border-color:var(--ok,#068759);color:var(--ink,#12141a)}
#js-tool-container-brown-noise-generator .bng-chips-block{position:relative;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
#js-tool-container-brown-noise-generator .bng-chips-caption{font-size:.85rem;font-weight:700;color:var(--ink2,#4d5465)}
#js-tool-container-brown-noise-generator .bng-chips{display:flex;flex-wrap:wrap;gap:8px}
#js-tool-container-brown-noise-generator .bng-chip{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:9px 16px;min-height:44px;border-radius:var(--r-m,11px);border:1px solid var(--line2,rgba(16,17,22,.18));background:var(--panel,var(--bg1,#fff));color:var(--ink,#12141a);font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .15s var(--ease,ease),border-color .15s var(--ease,ease)}
#js-tool-container-brown-noise-generator .bng-chip b{font-size:.7rem;font-weight:700;color:var(--ink3,#5a6270)}
#js-tool-container-brown-noise-generator .bng-chip:hover{border-color:var(--acc,#2f66ff)}
#js-tool-container-brown-noise-generator .bng-chip[aria-checked="true"]{background:var(--acc,#2f66ff);border-color:var(--acc,#2f66ff);color:#fff}
#js-tool-container-brown-noise-generator .bng-chip[aria-checked="true"] b{color:#fff;opacity:.85}
#js-tool-container-brown-noise-generator .bng-chips-sm .bng-chip{flex-direction:row;min-height:40px}
#js-tool-container-brown-noise-generator .bng-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#js-tool-container-brown-noise-generator .bng-span{grid-column:1/-1}
#js-tool-container-brown-noise-generator .bng-band-caption{display:block;margin-bottom:8px}
#js-tool-container-brown-noise-generator .bng-band{position:relative;height:20px;border-radius:10px;background:var(--bg3,#e9eaf0);border:1px solid var(--line,rgba(16,17,22,.09))}
#js-tool-container-brown-noise-generator .bng-band-fill{position:absolute;top:0;bottom:0;background:var(--acc,#2f66ff);opacity:.55;border-radius:10px}
#js-tool-container-brown-noise-generator .bng-band-mark{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink,#12141a);border-radius:1px}
#js-tool-container-brown-noise-generator .bng-band-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:.7rem;font-weight:700;color:var(--ink3,#5a6270);font-variant-numeric:tabular-nums}
@media (max-width:860px){
#js-tool-container-brown-noise-generator .bng-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
#js-tool-container-brown-noise-generator .bng-grid{grid-template-columns:minmax(0,1fr)}
#js-tool-container-brown-noise-generator .bng-visual-box{height:150px}
#js-tool-container-brown-noise-generator .bng-transport{gap:14px}
#js-tool-container-brown-noise-generator .bng-play{width:5.25rem;height:5.25rem}
#js-tool-container-brown-noise-generator .bng-play-ring{width:6.125rem;height:6.125rem;inset:-.44rem}
#js-tool-container-brown-noise-generator .bng-ic-play{width:2rem;height:2rem}
#js-tool-container-brown-noise-generator .bng-ic-stop{width:1.625rem;height:1.625rem}
#js-tool-container-brown-noise-generator .bng-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
#js-tool-container-brown-noise-generator .bng-chip{white-space:nowrap}
}