.hn-studio{margin-top:24px}.hn-intro h2{font-size:26px;margin:10px 0}.hn-intro p,.hn-how p{font-size:14px;line-height:1.65}.hn-studio label{font-size:13px;font-weight:600}.hn-studio textarea{width:100%;box-sizing:border-box;border:1px solid var(--hc-line);background:var(--hc-panel);color:var(--hc-text);font:inherit;padding:18px;border-radius:12px;resize:vertical;line-height:1.65}.hn-studio #hn-style{margin-top:9px;font-size:14px}.hn-editor{border:1px solid var(--hc-line);border-radius:15px;overflow:hidden;background:var(--hc-panel);margin:24px 0}.hn-studio #hn-text{border:0;border-radius:0;min-height:320px;font-size:20px;padding:24px}.hn-editor-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hc-line);padding:12px 16px;font-size:12px;color:var(--hc-muted)}.hn-editor-footer button{display:flex;align-items:center;gap:8px}.hn-settings{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hn-settings label{flex:1;min-width:160px}.hn-settings output{font-weight:400;display:block;margin-top:6px;color:var(--hc-muted)}.hn-settings strong{display:block;font-size:20px;margin-top:6px}.hn-studio input[type=range]{accent-color:var(--hc-accent);width:100%;min-height:28px;cursor:pointer}.hn-player{border:1px solid var(--hc-line);border-radius:16px;margin:28px 0 20px;padding:24px;background:var(--hc-soft)}.hn-player-heading{display:flex;align-items:center;gap:16px}.hn-player-heading strong{display:block;font-size:15px}.hn-player-heading span:not(.hn-signal){display:block;font-size:12px;color:var(--hc-muted);margin-top:5px}.hn-signal{font-size:23px;letter-spacing:-4px;white-space:nowrap;color:var(--hc-text)}.hn-play{margin-left:auto;flex-shrink:0;width:52px;height:52px;border-radius:50%;border:0;background:var(--hc-accent);color:var(--hc-accent-ink,#172014);display:grid;place-items:center;cursor:pointer}.hn-player #hn-seek{margin:20px 0 8px}.hn-player-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px}.hn-player-bottom label{display:flex;align-items:center;gap:10px;font-size:12px}.hn-player-bottom input{max-width:100px}.hn-how{padding:18px 0;border-top:1px solid var(--hc-line);border-bottom:1px solid var(--hc-line)}.hn-how summary{cursor:pointer;font-weight:600}.hn-result{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hc-line);font-size:13px}.hn-result small{display:block;color:var(--hc-muted);margin-top:5px}.hn-studio [role=status]{min-height:20px;line-height:1.6}.hn-studio #hn-approve{max-width:440px}.hn-studio #hn-approve p{font-size:14px;line-height:1.6}@media(max-width:900px){.ha-work-grid:has(.hn-studio){grid-template-columns:1fr}.ha-history:has(+ .ha-workspace .hn-studio){max-height:220px;overflow:auto}.hn-studio #hn-text{min-height:280px}}@media(max-width:600px){.hn-studio #hn-text{font-size:17px;padding:18px;min-height:300px}.hn-player{padding:18px}.hn-signal{display:none}.hn-settings{gap:18px}.hn-settings .ha-button{width:100%;justify-content:center}.hn-player-bottom{flex-wrap:wrap}.hn-intro h2{font-size:23px}.hn-studio #hn-style{font-size:16px}}

/* Compact reference player immediately above Generate. */
.hn-player{border:0;border-radius:0;background:transparent;width:100%;max-width:432px;margin:20px 0 14px auto;padding:0}
.hn-player-heading{gap:14px}.hn-player #hn-seek{flex:1;min-width:0;width:0;margin:0}.hn-play{width:64px;height:64px;margin:0}.hn-play svg{width:20px;height:20px}.hn-play [hidden]{display:none}
.hn-player-bottom{margin-top:14px;gap:16px;font-size:14px;flex-wrap:nowrap}.hn-player-bottom label{font-size:14px;min-width:0;flex:1;justify-content:center}.hn-player-bottom input{width:100%;max-width:120px;min-width:40px}.hn-player-bottom a{color:var(--hc-text);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.hn-player-bottom a[hidden]{display:none}.hn-player-bottom #hn-time{white-space:nowrap;font-variant-numeric:tabular-nums}
.hn-generate-row{display:flex;justify-content:flex-end}.hn-play:focus-visible,.hn-player input:focus-visible,.hn-player a:focus-visible{outline:2px solid var(--hc-text);outline-offset:4px}
@media(max-width:600px){.hn-player{padding:0;margin-top:20px}.hn-play{width:56px;height:56px}.hn-player-bottom{gap:10px;font-size:12px}.hn-player-bottom label{font-size:12px;gap:6px}.hn-generate-row .ha-button{width:100%;justify-content:center}}

.hn-result>.ha-link-button{min-height:44px;flex-shrink:0}@media(max-width:600px){.hn-result{flex-wrap:wrap;gap:8px 20px}.hn-result>div{flex-basis:100%;min-width:0}.hn-result small{overflow-wrap:anywhere}}

#hn-topup{margin:20px 0}#hn-topup[hidden]{display:none}#hn-topup input{display:block;width:100%;min-height:44px;padding:12px;margin:8px 0;border:1px solid var(--hc-line);border-radius:10px;background:var(--hc-panel);color:var(--hc-text);font:inherit}.hn-topup-packs{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}