.hb-tone-wrapper{max-width:900px;margin:30px auto;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgb(0 0 0 / .16)}.hb-tone-header{background:#299ED2;padding:22px 28px;text-align:center;color:#fff}.hb-tone-header h2{margin:0 0 6px;color:#fff;font-size:2rem}.hb-tone-header p{margin:0;font-size:.95rem;opacity:.9}.hb-tone-body{background:linear-gradient(180deg,#fff 0%,#ffeaf7 100%);padding:24px 28px 26px}.hb-tone-body label{display:block;font-weight:600;margin:0 0 8px}.hb-pill-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:20px}.hb-pill{padding:12px 14px;min-height:48px;border-radius:999px;border:none;background:#299ED2;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;text-align:center}.hb-pill.is-active{background:#1565c0}#hb-frequency,#hb-start-frequency,#hb-end-frequency,#hb-intensity,#hb-carrier,#hb-binaural-base,#hb-length,#hb-tone-type,#hb-mode,#hb-render-type{width:100%;margin:0 0 14px;padding:10px 12px;border-radius:8px;border:1px solid #cfd2dc;background:#fafbff;font-size:.95rem;box-sizing:border-box}#hb-freq-display,#hb-start-display,#hb-end-display,#hb-intensity-display,#hb-carrier-display,#hb-binaural-base-display{font-weight:700;margin:0 0 18px}.hb-binaural-note{margin:-6px 0 16px;font-size:.9rem;color:#334;font-weight:600}.hb-wave-panel{margin:8px 0 22px;padding:16px 16px 14px;border-radius:16px;background:linear-gradient(180deg,#13283b 0%,#1a3751 100%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08)}.hb-wave-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hb-wave-hz{color:#fff;font-weight:800;font-size:1.6rem}.hb-wave-unit{margin-left:6px;font-size:.9rem;opacity:.8}.hb-wave-band{color:#d7efff;font-weight:700;font-size:.95rem;padding:6px 10px;border-radius:999px;background:rgb(41 158 210 / .22)}#hb-wave-canvas{width:100%;height:180px;display:block;border-radius:12px;background:linear-gradient(180deg,rgb(255 255 255 / .03) 0%,rgb(255 255 255 / .01) 100%)}.hb-tone-buttons{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}.hb-tone-buttons button{border-radius:999px;padding:11px 22px;background:#299ED2;color:#fff;border:none;cursor:pointer;font-size:1rem}.hb-tone-status{min-height:24px;margin-top:14px;font-size:.95rem;font-weight:600}.hb-warning{margin-top:18px;font-size:13px;opacity:.8}@media (max-width:768px){.hb-tone-header{padding:18px 16px}.hb-tone-body{padding:20px 16px}.hb-pill-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hb-wave-top{flex-direction:column;align-items:flex-start}}