*{box-sizing:border-box}body{color:#17202a;background:#f5f6f8;margin:0;font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.center{color:#667085;place-items:center;min-height:220px;display:grid}.login-page{background:#101828;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:22px;gap:16px;width:min(420px,92vw);padding:36px;display:grid}.login-card svg{color:#7257d9}.login-card h1,.login-card p{margin:0}.login-card label,.form-grid label{gap:7px;font-size:13px;font-weight:650;display:grid}.login-card input,input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:100%;padding:11px}textarea{min-height:80px}.primary{color:#fff;background:#654bd3;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.full{width:100%;margin-top:16px}.error,.success{border-radius:9px;margin:10px 0;padding:11px}.error{color:#b42318;background:#fee4e2}.success{color:#067647;background:#dcfae6}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#101828;flex-direction:column;gap:10px;padding:24px 16px;display:flex}aside button{color:#d0d5dd;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}aside button.active{color:#fff;background:#344054}.brand{align-items:center;gap:11px;margin-bottom:24px;display:flex}.brand div{display:grid}.brand small{color:#98a2b3}.aside-bottom{border-top:1px solid #344054;gap:8px;margin-top:auto;padding-top:15px;display:grid}main{min-width:0;padding:30px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}header h1{margin:3px 0 0}header small{color:#667085}.grid2{grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);align-items:start;gap:20px;display:grid}.card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:20px;box-shadow:0 2px 8px #1018280a}.card-title,.variant-head{justify-content:space-between;align-items:center;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.wide{grid-column:1/-1}.checks{flex-wrap:wrap;gap:16px;display:flex}.checks label{align-items:center;gap:6px;display:flex}.checks input{width:auto}.variant{background:#f9fafb;border:1px solid #e4e7ec;border-radius:12px;margin-top:12px;padding:14px}.variant-head button,.icon,.actions button,.mini-list button,.transpose button{background:#f2f4f7;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px;display:inline-flex}.filters{grid-template-columns:1fr auto auto;gap:10px;margin-bottom:14px;display:grid}.search{position:relative}.search svg{width:18px;position:absolute;top:11px;left:10px}.search input{padding-left:36px}.song-list{gap:10px;max-height:75vh;display:grid;overflow:auto}.song{border:1px solid #e4e7ec;border-radius:12px;justify-content:space-between;gap:10px;padding:14px;display:flex}.song h3,.song p{margin:0 0 5px}.song small{color:#667085;margin-top:8px;display:block}.badges{flex-wrap:wrap;gap:6px;display:flex}.badges span{background:#f2f4f7;border-radius:999px;padding:4px 8px;font-size:12px}.actions{gap:7px;display:flex}.danger{color:#b42318!important}.set-grid{grid-template-columns:270px 1fr;gap:20px;display:grid}.list-index{align-content:start;gap:8px;display:grid}.list-index>button{text-align:left;background:#f9fafb;border:0;border-radius:10px;gap:4px;padding:12px;display:grid}.list-index>button.selected{color:#5038b3;background:#eeebff}.inline{gap:8px;display:flex}.public-link{color:#5038b3;align-items:center;gap:7px;margin:12px;display:inline-flex}.set-items,.mini-list{gap:9px;display:grid}.set-item,.mini-list>div{border:1px solid #e4e7ec;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:11px;display:grid}.set-item div:first-child,.mini-list>div>div{display:grid}.set-item small,.mini-list small{color:#667085}.transpose{text-align:center;grid-template-columns:auto auto auto;align-items:center;gap:7px;display:grid!important}.transpose small{grid-column:1/-1}.small{padding:8px 10px}.mini-list select{width:190px}@media (width<=1000px){.grid2,.shell{grid-template-columns:1fr}aside{flex-flow:wrap;align-items:center;position:static}.brand{margin:0}.aside-bottom{border:0;margin-left:auto;display:flex}.set-grid{grid-template-columns:1fr}}@media (width<=650px){main{padding:15px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.filters,.set-item,.mini-list>div{grid-template-columns:1fr}.shell aside{display:grid}.aside-bottom{margin:0}.grid2{display:block}.card{margin-bottom:14px}header{flex-direction:column;align-items:flex-start}.inline{width:100%}}.catalog-head{margin-top:28px}.catalog-head h2,.catalog-head p{margin:0 0 5px}.catalog-head p{color:#667085}.catalog-filters{grid-template-columns:1fr 190px 190px;gap:10px;margin:14px 0;display:grid}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.catalog-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;flex-direction:column;gap:11px;padding:15px;display:flex}.catalog-title{justify-content:space-between;gap:12px;display:flex}.catalog-title h3,.catalog-title p{margin:0 0 4px}.catalog-title p{color:#667085}.voice-chip{text-transform:capitalize;color:#5038b3;background:#eeebff;border-radius:999px;height:max-content;padding:5px 9px;font-size:12px;font-weight:700}.catalog-data{flex-wrap:wrap;gap:6px;display:flex}.catalog-data span{background:#f2f4f7;border-radius:999px;padding:5px 8px;font-size:12px}.resource-links{flex-wrap:wrap;gap:10px;display:flex}.resource-links a{color:#5038b3;font-size:13px;font-weight:700}.variant-select{gap:6px;font-size:13px;font-weight:700;display:grid}.variant-preview{color:#667085;background:#f9fafb;border-radius:9px;gap:4px;padding:9px;display:grid}@media (width<=900px){.catalog-grid,.catalog-filters{grid-template-columns:1fr}}.tone-compact{grid-template-columns:minmax(105px,1fr) 26px minmax(125px,1.35fr);align-items:center;gap:8px;display:grid}.tone-compact select{min-width:0}.tone-buttons{gap:3px;display:grid}.tone-buttons button{color:#344054;background:#f2f4f7;border:0;border-radius:6px;place-items:center;width:26px;height:20px;padding:0;display:grid}.tone-buttons button:hover{background:#e4e7ec}.tone-buttons button:focus-visible{outline-offset:2px;outline:3px solid #c7bfff}.tone-buttons svg{width:13px;height:13px}.tone-adjustment{color:#667085;font-size:13px;font-weight:650;line-height:1.25}.field-help{color:#667085;margin-top:2px;font-size:12px;font-weight:500}@media (width<=460px){.tone-compact{grid-template-columns:minmax(110px,1fr) 28px}.tone-adjustment{grid-column:1/-1}}.set-items-heading{justify-content:space-between;align-items:end;gap:16px;margin-top:22px;display:flex}.set-items-heading h2{margin:0 0 4px}.set-items-heading p{color:#667085;margin:0;font-size:13px}.empty-setlist{color:#667085;text-align:center;background:#f9fafb;border:1px dashed #d0d5dd;border-radius:10px;padding:18px}.set-item{grid-template-columns:auto minmax(210px,1fr) auto auto auto}.reorder-control{align-items:center;gap:7px;display:flex!important}.position-number{color:#5038b3;font-variant-numeric:tabular-nums;background:#eeebff;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.reorder-buttons{gap:3px;display:grid}.reorder-buttons button{color:#344054;background:#f2f4f7;border:0;border-radius:7px;place-items:center;width:28px;height:24px;padding:0;display:grid}.reorder-buttons button:hover:not(:disabled){background:#e4e7ec}.reorder-buttons button:disabled{opacity:.35;cursor:not-allowed}.reorder-buttons svg{width:15px;height:15px}.set-song-info{min-width:0}.set-song-info b,.set-song-info small{overflow-wrap:anywhere}@media (width<=750px){.set-item{grid-template-columns:auto 1fr}.set-item>.transpose,.set-item>.primary,.set-item>.danger{grid-column:2}.transpose,.set-item>.danger{justify-self:start}.reorder-control{align-self:start}}@media (width<=460px){.set-items-heading p{font-size:12px}.set-item{grid-template-columns:1fr}.reorder-control,.set-song-info,.set-item>.transpose,.set-item>.primary,.set-item>.danger{grid-column:1}.reorder-control{justify-content:flex-start}}.order-status{color:#475467;white-space:nowrap;background:#f2f4f7;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.order-status.saved{color:#067647;background:#dcfae6}.drag-handle{color:#667085;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #d0d5dd;border-radius:9px;place-items:center;width:34px;height:46px;padding:0;display:grid}.drag-handle:active{cursor:grabbing;color:#5038b3;background:#eeebff;border-color:#bdb4f4}.drag-handle svg{width:21px;height:21px}.set-item{background:#fff;transition:transform .16s,box-shadow .16s,border-color .16s,opacity .16s}.set-item.is-dragging{z-index:20;opacity:.96;border-color:#7257d9;position:relative;transform:scale(1.012);box-shadow:0 14px 30px #1018282b}.is-reordering{cursor:grabbing;-webkit-user-select:none;user-select:none}.is-reordering .set-items{overscroll-behavior:contain}.reorder-control{flex-wrap:nowrap}@media (width<=750px){.set-items-heading{align-items:flex-start}.order-status{z-index:25;position:sticky;top:8px;box-shadow:0 2px 10px #1018281a}.drag-handle{width:40px;height:52px}.reorder-buttons button{width:30px;height:25px}.set-item.is-dragging{transform:scale(1.02)}}@media (width<=460px){.set-item{grid-template-columns:auto 1fr!important}.reorder-control{grid-area:1/1/span 2;grid-template-columns:40px 30px;align-content:start;gap:6px;display:grid!important}.drag-handle{grid-row:1/span 2}.position-number,.reorder-buttons,.set-song-info,.set-item>.transpose,.set-item>.primary,.set-item>.danger{grid-column:2}.set-song-info{grid-row:1}.set-item>.transpose{grid-row:2}.set-item>.primary,.set-item>.danger{justify-self:start}.set-items-heading{display:grid}.order-status{justify-self:start}}