#js-tool-container-brown-noise-generator .bng-app-container{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-brown-noise-generator .bng-controls-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-sm)}#js-tool-container-brown-noise-generator .bng-control-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:640px){#js-tool-container-brown-noise-generator .bng-control-row{grid-template-columns:1fr}}#js-tool-container-brown-noise-generator .bng-playback-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border-color);padding-top:18px}#js-tool-container-brown-noise-generator .bng-play-btn{min-width:250px;height:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color 0.2s ease}#js-tool-container-brown-noise-generator .bng-play-btn.playing{background:var(--danger)}#js-tool-container-brown-noise-generator .bng-play-btn.playing:hover{background:#dc2626}#js-tool-container-brown-noise-generator .bng-countdown-display{font-size:0.9rem;font-weight:700;color:var(--accent-primary);background:var(--accent-light);padding:8px 16px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}#js-tool-container-brown-noise-generator .bng-visualizer-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}#js-tool-container-brown-noise-generator .bng-canvas-header{border-bottom:1px solid var(--border-color);padding-bottom:6px}#js-tool-container-brown-noise-generator .bng-canvas-wrapper{width:100%;height:200px;background:#0f172a;border-radius:var(--radius-sm);overflow:hidden;position:relative;min-height:200px}#js-tool-container-brown-noise-generator canvas{width:100%;height:100%;display:block}