.etg-tone-generator{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#111820;color:#eef6fb;border:1px solid #263746;border-radius:14px;padding:18px;box-sizing:border-box;max-width:900px;margin:auto;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.etg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.etg-title{font-size:20px;font-weight:700}.etg-status{font-size:13px;display:flex;gap:7px;align-items:center;color:#b9c9d3}.etg-led{width:9px;height:9px;border-radius:50%;background:#59646c}.etg-led.on{background:#44df88;box-shadow:0 0 10px rgba(68,223,136,.8)}
.etg-controls{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px}.etg-control{min-width:0}.etg-control label{display:block;font-size:13px;color:#a9bbc6;margin-bottom:8px}.etg-control output{color:#fff;font-weight:700}.etg-frequency,.etg-volume{width:100%}.etg-frequency-number{width:100%;box-sizing:border-box;margin-top:7px;background:#0b1118;border:1px solid #344858;color:#fff;border-radius:7px;padding:7px}
.etg-wave-buttons{display:flex;gap:6px;flex-wrap:wrap}.etg-wave-buttons button,.etg-actions button{border:1px solid #405564;background:#18232d;color:#eaf4f8;border-radius:8px;padding:9px 11px;cursor:pointer}.etg-wave-buttons button.active{background:#23536a;border-color:#56d6ff}.etg-wave-buttons button:hover,.etg-actions button:hover{filter:brightness(1.15)}
.etg-scope-wrap{margin-top:18px;border:1px solid #263746;border-radius:10px;overflow:hidden}.etg-scope{display:block;width:100%;height:250px}
.etg-actions{display:flex;gap:9px;margin-top:14px}.etg-actions button{font-weight:700}.etg-stop:disabled,.etg-start:disabled{opacity:.45;cursor:not-allowed}.etg-note{font-size:11px;color:#8195a2;margin-top:10px}
@media(max-width:700px){.etg-controls{grid-template-columns:1fr}.etg-scope{height:210px}.etg-tone-generator{padding:14px}}