.shared-export-popover.shared-export-popover-drums{min-width:300px}.shared-export-panel.shared-export-panel-drums{background:0 0;gap:0;width:min(360px,100vw - 24px);max-height:min(78vh,560px);padding:0;overflow:hidden}.shared-export-panel-drums .shared-export-title{border-bottom:1px solid var(--menu-header-border);letter-spacing:.04em;text-transform:uppercase;color:var(--menu-header-text);margin:0;padding:.56rem .76rem .65rem;font-size:.6875rem;font-weight:800;line-height:1.25}.shared-export-panel-drums>:not(.shared-export-title){margin-left:.76rem;margin-right:.76rem}.shared-export-panel-drums>.shared-export-subtitle:first-of-type{margin-top:.72rem}.shared-export-panel-drums .shared-export-subtitle{letter-spacing:.04em;text-transform:uppercase;color:var(--menu-header-text);margin:.75rem 0 .52rem;font-size:.67rem;font-weight:800}.shared-export-panel-drums .shared-export-format-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.54rem;margin-bottom:.15rem;display:grid}.shared-export-panel-drums .shared-export-format-row{border:1px solid var(--border-color);background:#fff;border-radius:999px;justify-content:center;min-height:1.9rem;padding:0 .62rem;transition:background-color .12s,border-color .12s,color .12s}.shared-export-panel-drums .shared-export-format-row:hover:not(.disabled){border-color:color-mix(in srgb, var(--primary-purple) 40%, var(--border-color));background:#f9fafb}.shared-export-panel-drums .shared-export-format-row:has(input[type=radio]:checked):not(.disabled){border-color:var(--primary-purple);background:#fff}.shared-export-panel-drums .shared-export-format-row input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.shared-export-panel-drums .shared-export-format-label{color:#374151;font-size:.73rem;font-weight:600}.shared-export-panel-drums .shared-export-format-row:has(input[type=radio]:checked) .shared-export-format-label{color:var(--primary-purple);font-weight:700}.shared-export-panel-drums .shared-export-row{border:1px solid color-mix(in srgb, var(--menu-border) 68%, transparent);background:#fff;border-radius:.7rem;margin-top:.54rem;padding:.62rem .72rem}.shared-export-panel-drums .shared-export-row label{color:var(--text-color);font-size:.8125rem;font-weight:600}.shared-export-panel-drums .shared-export-score-title-row.shared-export-row{background:0 0;border:none;align-items:stretch;gap:.35rem;margin-top:.54rem;padding:0}.shared-export-panel-drums .shared-export-row-inline input,.shared-export-panel-drums .shared-export-row-inline select,.shared-export-panel-drums .shared-export-score-title-input{border:1px solid var(--border-color);box-sizing:border-box;border-radius:.5rem;min-height:2rem;padding:.45rem .62rem;font-weight:600}.shared-export-panel-drums .shared-export-row-inline input:focus,.shared-export-panel-drums .shared-export-row-inline select:focus,.shared-export-panel-drums .shared-export-score-title-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-purple) 14%, transparent);outline:none}.shared-export-panel-drums .shared-export-stems{margin-top:.35rem}.shared-export-panel-drums .shared-export-stem-row{color:var(--text-color);font-size:.8125rem}.shared-export-panel-drums .shared-export-preview{border:1px solid color-mix(in srgb, var(--menu-border) 68%, transparent);background:color-mix(in srgb, var(--menu-header-bg) 72%, #fff);color:var(--text-color);box-sizing:border-box;border-radius:.7rem;margin-top:.54rem;padding-block-start:.62rem;padding-block-end:.62rem;padding-inline-start:.72rem;padding-inline-end:.72rem;font-size:.8125rem}.shared-export-panel-drums .shared-export-preview strong{color:var(--text-color);font-weight:700}.shared-export-panel-drums .shared-export-action{border:2px solid var(--primary-purple);background:var(--primary-purple);color:#fff;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:calc(100% - 1.52rem);min-height:2.5rem;margin:.75rem .76rem 1.08rem;padding:0 1rem;font-size:.9375rem;font-weight:700;transition:background-color .12s,border-color .12s,opacity .12s;display:flex}.shared-export-panel-drums .shared-export-action:hover:not(:disabled){background:var(--primary-purple-dark);border-color:var(--primary-purple-dark)}.shared-export-panel-drums .shared-export-action:disabled{opacity:.55;cursor:not-allowed}.shared-export-panel-drums .shared-export-error{color:#dc2626;margin:.35rem .76rem 0;font-size:.8125rem}.shared-export-panel-drums .shared-export-link-button{color:var(--primary-purple);margin:.35rem .76rem 0;font-size:.8125rem;font-weight:600}.shared-export-panel-drums .shared-export-link-button:hover{color:var(--primary-purple-dark)}@media (max-width:640px){.shared-export-panel-drums .shared-export-format-list{grid-template-columns:repeat(2,minmax(0,1fr))}}