.shared-export-popover.shared-export-popover-drums{min-width:300px}.shared-export-panel.shared-export-panel-drums{width:min(360px,calc(100vw - 24px));max-height:min(78vh,560px);padding:0;gap:0;overflow:hidden;background:transparent}.shared-export-panel-drums .shared-export-title{margin:0;padding:.56rem .76rem .65rem;border-bottom:1px solid var(--menu-header-border);font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--menu-header-text);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{margin:.75rem 0 .52rem;font-size:.67rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--menu-header-text)}.shared-export-panel-drums .shared-export-format-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.54rem;margin-bottom:.15rem}.shared-export-panel-drums .shared-export-format-row{border:1px solid var(--border-color);border-radius:999px;min-height:1.9rem;padding:0 .62rem;justify-content:center;background:#fff;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.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]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.shared-export-panel-drums .shared-export-format-label{font-size:.73rem;font-weight:600;color:#374151}.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{padding:.62rem .72rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--menu-border) 68%,transparent);background:color-mix(in srgb,#fff 94%,#f8fafc);margin-top:.54rem}.shared-export-panel-drums .shared-export-row label{font-size:.8125rem;font-weight:600;color:var(--text-color)}.shared-export-panel-drums .shared-export-score-title-row.shared-export-row{padding:0;border:none;background:transparent;margin-top:.54rem;align-items:stretch;gap:.35rem}.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);border-radius:.5rem;min-height:2rem;padding:.45rem .62rem;font-weight:600;box-sizing:border-box}.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{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-purple) 14%,transparent)}.shared-export-panel-drums .shared-export-stems{margin-top:.35rem}.shared-export-panel-drums .shared-export-stem-row{font-size:.8125rem;color:var(--text-color)}.shared-export-panel-drums .shared-export-preview{margin-top:.54rem;padding-block:.62rem;padding-inline:.72rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--menu-border) 68%,transparent);background:color-mix(in srgb,var(--menu-header-bg) 72%,#fff);font-size:.8125rem;color:var(--text-color);box-sizing:border-box}.shared-export-panel-drums .shared-export-preview strong{color:var(--text-color);font-weight:700}.shared-export-panel-drums .shared-export-action{display:flex;width:calc(100% - 1.52rem);align-items:center;justify-content:center;min-height:2.5rem;margin:.75rem .76rem 1.08rem;padding:0 1rem;border:2px solid var(--primary-purple);border-radius:.5rem;background:var(--primary-purple);color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.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{margin:.35rem .76rem 0;font-size:.8125rem;color:#dc2626}.shared-export-panel-drums .shared-export-link-button{margin:.35rem .76rem 0;font-size:.8125rem;font-weight:600;color:var(--primary-purple)}.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))}}