.hub-form{display:grid;gap:14px;margin-top:22px}.hub-form label{display:grid;gap:7px;font-size:11px}.hub-form input,.hub-form textarea,.hub-form select,.beat-toolbar input,.beat-toolbar select{border:1px solid #ccc;background:transparent;padding:11px;font:12px var(--yeezy-type);color:inherit;width:100%;min-width:0}.hub-form textarea{min-height:100px;resize:vertical}.hub-form button,.hub-actions button,.auth-tabs button,.hub-button,.comment button{background:transparent;border:1px solid #bbb;padding:10px 13px;font:10px var(--yeezy-type);cursor:pointer;color:inherit;width:fit-content}.hub-form button:hover,.hub-actions button:hover,.auth-tabs button:hover{background:#00000008}.hub-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px}.hub-actions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hub-section,.beat-row{border-top:1px solid #ddd;padding:22px 0;margin-top:16px}.hub-section h3,.beat-meta h3{font-size:16px;font-weight:500;margin:0 0 8px}.hub-section p,.beat-row p,.hub-intro{font-size:12px;line-height:1.8}.beat-meta small,.resource small{font-size:10px;color:#777}.beat-row audio{display:block;width:100%;height:34px;margin:18px 0}.beat-toolbar{display:flex;gap:10px;margin-top:20px}.beat-toolbar select{width:auto}.hub-status{font-size:11px;line-height:1.7;white-space:pre-wrap}.hub-empty{font-size:12px;color:#777;padding:30px 0}.auth-tabs{display:flex;gap:10px;margin-top:20px}.resource{padding:18px 0;border-bottom:1px solid #eee}.resource h4{margin:7px 0}.preserve-lines{white-space:pre-wrap}.shop-image{width:100%;max-width:260px;height:auto}.comment{padding:16px 0;border-bottom:1px solid #eee}.comment small{font-size:10px;color:#777}.comment.reply{padding-left:20px}.comment p{white-space:pre-wrap}.comment .timestamp{padding:2px 5px}.hub-section summary{font-size:11px;cursor:pointer}.radio-visualizer{display:block;width:100%;height:130px;margin:18px 0}.secondary-nav{display:flex;gap:16px;justify-content:center;margin:0 0 24px;font-size:9px;color:#777}#window-beats,#window-members{width:min(700px,calc(100vw - 30px))}.public-page [data-hub-view]{max-width:680px}.public-page .hub-status{color:#666}
@media(max-width:650px){#window-beats,#window-members{width:100%!important}.beat-toolbar{flex-direction:column}.beat-toolbar select{width:100%}}

.beat-play{display:block;margin:18px 0;padding:10px 12px;border:1px solid #ccc;background:transparent;font:10px var(--yeezy-type);cursor:pointer}.beat-player-dock{position:fixed;z-index:2147483641;bottom:48px;left:0;right:0;display:flex;gap:20px;align-items:center;padding:10px 28px;background:var(--paper);border-top:1px solid #ccc;font-size:11px}.beat-player-dock audio{height:32px;max-width:100%;flex:1}.beat-player-dock button{border:0;background:transparent;font-size:24px;cursor:pointer}.beat-playing{padding-bottom:120px!important}@media(max-width:650px){.beat-player-dock{bottom:50px;flex-wrap:wrap;gap:8px;padding:10px 18px}.beat-player-dock>span{width:100%;font-size:10px}.beat-player-dock audio{width:calc(100% - 35px)}body.beat-playing .file-window{height:calc(100dvh - 145px)!important;max-height:calc(100dvh - 145px)}}