.tuner-hub-container{max-width:1200px;margin:0 auto;padding:40px 24px 60px}.hub-title{font-size:3rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em;text-align:center}.hero-subtitle{text-align:center;margin:0 auto}.tuner-dashboard{display:flex;flex-direction:column;gap:48px;margin-top:40px}@media (min-width: 1024px){.tuner-dashboard{flex-direction:row;align-items:flex-start}}.dashboard-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}@media (min-width: 1024px){.dashboard-left{position:sticky;top:calc(var(--nav-height) + 40px)}}.hub-iframe-wrapper{border-radius:36px;overflow:hidden;border:6px solid var(--color-border);background:#121212;transition:all .6s cubic-bezier(.16,1,.3,1);width:378px;max-width:100%;height:520px;margin-bottom:16px}@media (max-width: 768px){.hub-iframe-wrapper{width:288px!important;height:468px!important;border-radius:28px!important;border-width:6px}}.tuner-hint{text-align:center;color:#ffffff84;font-size:.95rem;max-width:378px}.dashboard-right{flex:1}.presets-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}@media (min-width: 1024px){.presets-title{text-align:left}}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.preset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 8px;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.preset-btn:hover{background:#ffffff1a;border-color:#9af4b34d;transform:translateY(-2px)}.preset-btn.active{background:#10b98126;border-color:#10b981}.preset-note{font-size:.75rem;color:#b3b3b3;font-weight:400}.presets-footer{text-align:center;margin-top:32px;color:#ffffff84;font-size:.95rem}@media (min-width: 1024px){.presets-footer{text-align:left}}