#hostLineup .host-lineup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
#hostLineup .host-lineup-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;min-height:142px;box-sizing:border-box;padding:42px 18px 18px;margin:0;border:1px solid #484848;background:#1b1b1b;color:#f5f5f1;text-align:left;font:inherit;border-radius:0}
#hostLineup .host-lineup-name{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
#hostLineup .host-lineup-card small{font-size:12px;line-height:1.4;color:#bcbcb8}
#hostLineup .host-lineup-symbol{position:absolute;top:12px;right:14px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:22px;line-height:1;color:#a9a9a4}
#hostLineup .host-lineup-symbol svg{width:21px;height:21px}
#hostLineup .host-lineup-managed .host-lineup-symbol{color:#a4db91}
#hostLineup .host-lineup-pending .host-lineup-symbol{color:#ffff00;border:1px solid currentColor;border-radius:50%;font-size:16px;font-weight:700;width:21px;height:21px}
#hostLineup .host-lineup-guest .host-lineup-symbol{color:#ffff00}
#hostLineup button.host-lineup-card{cursor:pointer}
#hostLineup .host-lineup-add{align-items:center;justify-content:center;padding:18px;border-style:dashed;color:#ffff00}
#hostLineup .host-lineup-add>span{font-size:34px;font-weight:300;line-height:1}
#hostLineup .host-lineup-add strong{font-size:14px}
#hostLineup .host-lineup-card:hover,#hostLineup .host-lineup-card:focus-visible{border-color:#ffff00}
#hostLineup .host-lineup-card:focus-visible{outline:2px solid #ffff00;outline-offset:3px}
#hostLineup [data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:0;z-index:3;max-width:100%;box-sizing:border-box;padding:8px 10px;background:#ffff00;color:#111;font-size:12px;line-height:1.4;pointer-events:none;opacity:0;visibility:hidden}
#hostLineup [data-tooltip]:hover::after,#hostLineup [data-tooltip]:focus-visible::after{opacity:1;visibility:visible}
#hostLineup form{margin-top:24px}#hostLineup [data-result]{border:1px solid #ffff00;padding:20px;margin:20px 0}#hostLineup [data-result]>strong,#hostLineup [data-result]>a{display:block;margin:10px 0;overflow-wrap:anywhere}#hostLineup [data-result] img{object-fit:cover}#hostLineup [data-result] input[type=checkbox]{width:auto;margin-right:10px}
@media(max-width:1000px){#hostLineup .host-lineup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#hostLineup .host-lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#hostLineup .host-lineup-card{padding:40px 12px 14px;min-height:136px}#hostLineup .host-lineup-name{font-size:14px}}
.host-invite-help{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #393939;border-bottom:1px solid #393939;margin:20px 0}.host-invite-help strong{color:#ffff00;white-space:nowrap}.host-invite-help button{background:transparent;color:inherit;border:0;font-size:14px;text-align:left;padding:8px;margin:0}@media(max-width:600px){.host-invite-help{align-items:flex-start;flex-direction:column;gap:4px}.host-invite-help button{padding-left:0}}

.host-invite-help[hidden]{display:none}

#hostLineup .host-lineup-card{justify-content:flex-end;padding-top:48px}
#hostLineup .host-lineup-state{display:flex;align-items:center;gap:7px;position:relative}
#hostLineup .host-lineup-symbol{position:static;flex-shrink:0;width:18px;height:18px;font-size:19px}
#hostLineup .host-lineup-pending .host-lineup-symbol{width:16px;height:16px;font-size:12px}
#hostLineup .host-lineup-remove{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:36px;height:36px;padding:7px;margin:0;border:0;background:transparent;color:#aaa;cursor:pointer}
#hostLineup .host-lineup-remove svg{width:20px;height:20px}
#hostLineup .host-lineup-remove:hover,#hostLineup .host-lineup-remove:focus-visible{color:#ffff00;background:#292929;outline:1px solid #ffff00}
#hostLineup .host-lineup-add{justify-content:center;padding:18px}
#hostLineup .host-lineup-state:focus-visible{outline:1px solid #ffff00;outline-offset:4px}

#hostLineup .host-lineup-drag{position:absolute;top:4px;left:4px;display:grid;place-items:center;width:36px;height:36px;padding:8px;margin:0;border:0;background:transparent;color:#bbb;cursor:grab;touch-action:none}
#hostLineup .host-lineup-drag svg{width:20px;height:20px}#hostLineup .host-lineup-drag:active{cursor:grabbing}#hostLineup .host-lineup-drag:focus-visible{outline:1px solid #ffff00}
#hostLineup .host-lineup-edit{position:absolute;top:7px;left:42px;display:grid;place-items:center;width:30px;height:30px;padding:6px;margin:0;border:0;background:transparent;color:#bbb;cursor:pointer}
#hostLineup .host-lineup-edit svg{width:16px;height:16px;display:block}#hostLineup .host-lineup-edit:hover,#hostLineup .host-lineup-edit:focus-visible{color:#ffff00;outline:1px solid #ffff00}#hostLineup .host-lineup-edit[hidden]{display:none}
#hostLineup .host-lineup-b2b{grid-column:span 2;display:flex;align-items:stretch;min-width:0;position:relative;gap:24px}#hostLineup .host-lineup-b2b>.host-lineup-card{flex:1;min-width:0}#hostLineup .host-lineup-b2b-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffff00;font-size:11px}
#hostLineup .is-dragging{opacity:.5}#hostLineup .is-drop-target{outline:2px solid #ffff00;background:#303018}
#hostLineup .host-lineup-solo{grid-column:1/-1;border:1px dashed #ffff00;background:#202010;color:#ffff00;padding:24px}#hostLineup .host-lineup-solo[hidden]{display:none}

#hostLineup .host-lineup-solo{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(600px,calc(100vw - 32px));z-index:1000;box-shadow:0 4px 24px #0009}

#hostLineup .host-lineup-tier{grid-column:1/-1;border:1px solid #555;padding:16px;margin:0;min-width:0;min-height:90px;box-sizing:border-box}
#hostLineup .host-lineup-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#hostLineup .host-lineup-tier.is-drop-target{border-color:#ffff00;background:#292900}
#hostLineup .host-lineup-tier>button{display:block;width:100%;margin:0 0 16px;padding:8px 0;text-align:left;background:transparent;color:#ffff00;border:0;font-size:22px;font-weight:700;line-height:1.3}
#hostLineup .host-lineup-tier-grid:empty::before{content:"Drop an artist here";color:#aaa;font-size:14px;grid-column:1/-1;padding:12px 0}
@media(max-width:1000px){#hostLineup .host-lineup-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#hostLineup .host-lineup-tier{padding:12px}#hostLineup .host-lineup-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
#hostLineup [data-profile-dialog]{background:#181818;color:#f6f6f6;border:1px solid #ffff00;width:min(760px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;padding:24px}
#hostLineup [data-profile-dialog]::backdrop{background:rgba(0,0,0,.76)}#hostLineup .host-profile-close{display:flex;justify-content:flex-end;margin:0 0 12px;padding:0;border:0}
#hostLineup [data-profile-form]>label{display:block;margin:14px 0}#hostLineup [data-profile-form] input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:6px}
#hostLineup .host-profile-publish{display:flex!important;align-items:center;gap:10px}#hostLineup .host-profile-publish input{width:auto!important;margin:0!important}
#hostLineup .host-profile-link-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(0,2fr);gap:10px;margin:10px 0}#hostLineup .host-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:650px){#hostLineup [data-profile-dialog]{padding:18px}#hostLineup .host-profile-link-row{grid-template-columns:1fr}}