*{box-sizing:border-box}.app{color:#fff;background:#000;min-height:100vh;padding:2rem;font-family:Inter,sans-serif}.container{max-width:1400px;margin:0 auto}.header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}h1{color:#ff7a00;margin:0;font-size:4rem}p{color:#888;margin-top:.5rem}.start-btn,.stop-btn{cursor:pointer;border:none;border-radius:16px;padding:1rem 2rem;font-size:1rem;font-weight:700}.start-btn{color:#000;background:#ff7a00}.stop-btn{color:#fff;background:#ff3b30}.grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.main-panel,.sidebar{background:#0c0c0c;border:1px solid #222;border-radius:32px;padding:2rem}.display-row{justify-content:space-between;align-items:center;display:flex}.label{color:#666;font-size:.9rem}.frequency{color:#ff7a00;font-size:5rem;font-weight:900}.frequency span{font-size:2rem}.note{font-size:4rem;font-weight:900}.tuner-section{margin-top:3rem}.tuner-labels{color:#777;justify-content:space-between;margin-bottom:.5rem;display:flex}.tuner-bar{background:#111;border:1px solid #222;border-radius:999px;height:24px;position:relative;overflow:hidden}.center-line{background:#0f8;width:2px;position:absolute;top:0;bottom:0;left:50%}.cents-indicator{background:#ff7a00;position:absolute;top:0;bottom:0}.cents-display{text-align:center;margin-top:1rem;font-size:2rem;font-weight:700}.controls-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;display:grid}.card{background:#111;border:1px solid #222;border-radius:24px;padding:1.5rem}.target,.difference{margin-top:.5rem;font-size:3rem;font-weight:900}.orange{color:#ff7a00}.green{color:#0f8}.volume-section{margin-top:2rem}.volume-bar{background:#000;border:1px solid #222;border-radius:999px;height:16px;margin-top:.5rem;overflow:hidden}.volume-fill{background:#0f8;height:100%}.sidebar h2{color:#ff7a00;margin-top:0}.preset-btn{color:#fff;cursor:pointer;text-align:left;background:#111;border:1px solid #222;border-radius:20px;width:100%;margin-bottom:1rem;padding:1rem}.preset-btn:hover{background:#1a1a1a}.preset-name{font-size:1.1rem;font-weight:700}.preset-freq{color:#777;margin-top:.3rem}.workflow-card{background:#000;border:1px solid #222;border-radius:24px;margin-top:2rem;padding:1.5rem}.workflow-title{color:#666;margin-bottom:1rem}ol{color:#bbb;padding-left:1.2rem;line-height:1.8}input[type=range]{width:100%;margin-top:1rem}@media (width<=900px){.grid{grid-template-columns:1fr}.display-row{flex-direction:column;align-items:flex-start;gap:2rem}.controls-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}h1{font-size:3rem}.frequency{font-size:4rem}}