:root{--primary-bg:#1e1e1e;--secondary-bg:#2c2c2c;--tertiary-bg:#3a3a3a;--primary-text:#e0e0e0;--accent-color:#0af;--accent-hover:#08c;--danger-color:#ff4d4d;--warning-color:#fc0;--border-color:#4a4a4a;--input-bg:#252525}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--primary-bg);color:var(--primary-text);line-height:1.6}.container{max-width:900px;margin:20px auto;padding:15px;background-color:var(--secondary-bg);border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.5)}header{text-align:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px}header h1{color:var(--accent-color);margin-bottom:5px}.disclaimer{font-size:.9em;color:var(--warning-color);background-color:rgba(255,204,0,.1);padding:8px;border-radius:4px;border:1px solid var(--warning-color)}.control-section{background-color:var(--tertiary-bg);padding:20px;margin-bottom:20px;border-radius:6px;border:1px solid var(--border-color)}.control-section h2{margin-top:0;color:var(--accent-color);border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:15px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}label{display:block;margin-bottom:5px;font-weight:700;font-size:.95em}input[type=range]{width:100%;cursor:pointer}input[type=number],input[type=text],select{width:100%;padding:10px;margin-bottom:10px;background-color:var(--input-bg);color:var(--primary-text);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box}input[type=checkbox]{margin-right:5px;vertical-align:middle}button{background-color:var(--accent-color);color:#fff;border:none;padding:12px 18px;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s ease}button:hover{background-color:var(--accent-hover)}button:disabled{background-color:#555;cursor:not-allowed}#play-button,#stop-button{width:calc(50% - 5px);margin-bottom:15px}#stop-button{background-color:var(--danger-color)}#stop-button:hover{background-color:#cc3d3d}.hidden{display:none!important}.info-text{font-size:.85em;color:#b0b0b0;margin-top:5px}.warning-text{font-size:.85em;color:var(--warning-color);font-weight:700}.prominent-warning{font-size:.9em;padding:10px;background-color:rgba(255,77,77,.15);border:1px solid var(--danger-color);border-radius:4px;margin-top:10px;color:var(--danger-color)}.tabs{overflow:hidden;border-bottom:1px solid var(--border-color);margin-bottom:15px}.tab-button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:10px 14px;transition:.3s;font-size:.95em;color:var(--primary-text);border-radius:4px 4px 0 0}.tab-button:hover{background-color:var(--border-color)}.tab-button.active{background-color:var(--accent-color);color:#fff}.tab-content{display:none;padding:10px 0;animation:a .5s}.tab-content.active{display:block}@keyframes a{0%{opacity:0}to{opacity:1}}.tab-content h4{margin-top:0;color:var(--accent-hover)}.tab-content div{margin-bottom:15px}footer{text-align:center;margin-top:30px;padding-top:15px;border-top:1px solid var(--border-color);font-size:.9em;color:#aaa}@media (max-width:600px){.container{margin:10px;padding:10px}.grid-container{grid-template-columns:1fr}#play-button,#stop-button{width:100%;margin-bottom:10px}.preset-grid{grid-template-columns:1fr}.tab-button{width:100%;text-align:left}}#controls-description-section{max-width:900px;margin:30px auto;padding:25px;background-color:var(--background-color-light,#fdfdfd);border-radius:8px;border:1px solid var(--border-color,#e0e0e0);box-shadow:0 2px 10px rgba(0,0,0,.05)}#controls-description-section h2{text-align:center;margin-top:0;margin-bottom:25px;color:var(--primary-color,#2c3e50);font-size:1.8em}#controls-description-section h3{margin-top:25px;margin-bottom:15px;color:var(--accent-color,#007bff);border-bottom:2px solid var(--accent-color-light,#e0e0ff);padding-bottom:8px;font-size:1.4em}#controls-description-section h4{margin-top:20px;margin-bottom:10px;color:var(--text-color-dark,#333);font-size:1.2em}#controls-description-section dl{margin-left:5px;padding-left:0}#controls-description-section dt{font-weight:600;margin-top:15px;color:var(--text-color-dark,#444);font-size:1.05em}#controls-description-section dd{margin-left:20px;margin-bottom:12px;line-height:1.6;color:var(--text-color,#555)}#controls-description-section dd ul{list-style-type:disc;margin-left:20px;padding-left:15px;margin-top:5px}#controls-description-section dd ul li{margin-bottom:5px}#controls-description-section p{line-height:1.6;margin-bottom:15px;color:var(--text-color,#555)}