:root{font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);color:#1e1d1a;--app-topbar-h:48px;--landing-bg:#f4f1ea;--landing-shadow-light:#fff;--landing-shadow-dark:#d8d2c8;--landing-periwinkle:#6f7cff;--landing-text:#2d3436;--landing-radius-lg:32px;--landing-radius-md:16px;--bas-shadow-raised:6px 7px 16px #1e1d1a12, -4px -4px 10px #ffffffbd, inset 0 1px 0 #ffffff6b;--bas-shadow-carved:inset 4px 4px 8px #1e1d1a0e, inset -4px -4px 8px #fffc;background:#f4f1ea}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}html{overflow-y:scroll}body{margin:0}.chiseled-heading{letter-spacing:-.04em;text-transform:uppercase;color:#3c4048e6;text-shadow:1px 1px 1px var(--landing-shadow-light), -1px -1px 1px var(--landing-shadow-dark);font-weight:800;line-height:.92}.display-ui-text{font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.035em;color:#2d3436eb;font-weight:800}.intaglio-text,.eyebrow,.subhead,.basTinyLabel,.events-setting-label{text-shadow:-1px -1px 1px var(--landing-shadow-light), 1px 1px 1px var(--landing-shadow-dark)}main{min-height:100vh}main.container{width:100%;max-width:100%;padding-top:var(--app-topbar-h);overflow-x:hidden}main.container.container--landing{padding-top:0}.hero-intro-overlay{z-index:2;pointer-events:none;justify-content:flex-end;padding:0 calc(24px + 12.5vw) 0 24px;display:flex;position:absolute;bottom:clamp(18px,7vh,96px);left:0;right:0}.hero-intro-overlay-inner{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);background:#0c0c0c2e;border:1px solid #ffffff38;gap:18px;width:fit-content;max-width:min(640px,92vw);padding:16px 16px 16px 12px;display:grid}.hero-intro-copy{text-shadow:0 1px 14px #00000073;letter-spacing:-.015em;max-width:520px;font-weight:420;line-height:1.42;color:#ffffffeb!important;margin:0!important;font-family:Literata,Iowan Old Style,Palatino,Baskerville,Georgia,serif!important;font-size:clamp(.95rem,.9vw + .75rem,1.35rem)!important}.app-topbar{z-index:1000;letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--landing-text);background:var(--landing-bg);box-shadow:none;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:16px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:500;text-decoration:none;display:flex;position:fixed;top:0;left:0;right:0}.app-topbar>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-topbar{background:#ffffffe0}}.app-topbar-title{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.app-topbar-logo-dot{width:32px;height:32px;box-shadow:3px 3px 6px var(--landing-shadow-dark), -3px -3px 6px var(--landing-shadow-light);background:#ff5c00;border-radius:8px;flex:none}.app-topbar-title-text{letter-spacing:inherit;letter-spacing:-.05em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:1.35rem;font-weight:900}.app-topbar-badge{border-radius:999px;flex:none;width:28px;height:28px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.app-topbar-title:hover{color:#0b0b0bb8}.app-topbar-title:focus-visible{outline-offset:-2px;outline:2px solid #0000008c}.topbar-auth{letter-spacing:normal;text-transform:none;align-items:center;gap:10px;font-weight:600;display:inline-flex}.topbar-login-button,.topbar-user-button{height:38px;padding:0 18px}.topbar-user-wrap{position:relative}.topbar-user-panel{background:#0c0c0cf5;border:1px solid #28d67c38;border-radius:12px;gap:6px;min-width:150px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #0009}.topbar-user-item{color:#ffffffe6;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;height:34px;padding:0 10px}.topbar-user-item:hover{background:#28d67c1f;border-color:#28d67c40}.auth-modal-overlay{z-index:99999;background:#000000a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-modal-panel{background:#0a0a0af5;border:1px solid #28d67c38;border-radius:18px;width:min(460px,100%);padding:18px 18px 16px;animation:.22s ease-out authModalPopIn;position:relative;box-shadow:0 36px 110px #000000b8}.auth-modal-close{color:#fffc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:38px;height:38px;font-size:22px;line-height:0;position:absolute;top:10px;right:10px}.auth-modal-title{letter-spacing:-.02em;color:#ffffffeb;margin:10px 0 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:1.25rem}.auth-modal-form{gap:12px;display:grid}.auth-modal-field{color:#ffffffd1;gap:6px;font-size:.9rem;display:grid}.auth-modal-field input{color:#ffffffeb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;outline:none;height:42px;padding:0 12px}.auth-modal-field input:focus{border-color:#62ffadb3;box-shadow:0 0 0 3px #28d67c2e}.auth-modal-error{color:#ff69b4eb;margin:0;font-size:.92rem}.auth-modal-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.auth-modal-primary,.auth-modal-secondary{letter-spacing:.02em;cursor:pointer;border-radius:999px;height:40px;padding:0 14px;font-weight:700}.auth-modal-primary{color:#020202;background:#28d67ceb;border:1px solid #ffffff24}.auth-modal-secondary{color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff1a}@keyframes authModalPopIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.upload-page{gap:32px;width:100%;max-width:1040px;margin:0 auto;padding:64px 24px 96px;display:grid;overflow-x:hidden}.melody-page{gap:28px;max-width:1040px;padding-top:56px}.melody-page .hero{gap:14px}.melody-page .hero h1{letter-spacing:-.05em}.melody-page .subhead{color:#2d3436b8;max-width:72ch}.melody-page .workflow-stage-merged{background:var(--landing-bg);border-radius:var(--landing-radius-lg);box-shadow:none;overflow:hidden}.melody-page .workflow-stage-merged .workflow-stage-body{padding:22px}.upload-page>*{min-width:0}.hero{gap:12px;display:grid}.input-tabs{background:#1e1d1a0f;border-radius:1px;gap:8px;width:fit-content;padding:6px;display:inline-flex}.input-tabs button{cursor:pointer;color:#4a4844;background:0 0;border:0;border-radius:0;padding:8px 16px;font-size:.9rem}.input-tabs button.is-active{color:#fff;background:#1e1d1a}.workflow-shell{--workflow-bg:#ffffffb3;--workflow-border:#52504a38;--workflow-tab-bg:#ffffff59;gap:0;width:100%;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.workflow-shell:has(.pipeline-stepper.workflow-tabs .pipeline-step.is-current){transform:translateY(-2px);box-shadow:10px 10px 20px #1e1d1a14,-10px -10px 20px #ffffffb3}.workflow-shell:has(.pipeline-stepper.workflow-tabs .pipeline-step.is-current):hover{transform:translateY(-3px)}.workflow-shell.success{--workflow-bg:#ffffffb3;--workflow-border:#52504a38;--workflow-tab-bg:#ffffff59}.workflow-shell.uploading{--workflow-bg:#ffffffbf;--workflow-border:#546a7866;--workflow-tab-bg:#ffffff73}.workflow-shell.error{--workflow-bg:#ffffffbf;--workflow-border:#904a4a80;--workflow-tab-bg:#ffffff73}.workflow-shell.idle{--workflow-bg:#ffffffb3;--workflow-border:#52504a38;--workflow-tab-bg:#ffffff59}.pipeline-stepper.workflow-tabs{background:0 0;flex-wrap:wrap;justify-content:stretch;align-items:flex-end;gap:0;padding:0;display:flex}.workflow-topcopy{padding:18px 18px 12px}.workflow-topcopy .status-title{margin:0}.workflow-topcopy .status-message{color:#2d3436c7;margin:6px 0 0;line-height:1.45}.pipeline-stepper.workflow-tabs .pipeline-step{border:1px solid var(--workflow-border);background:var(--workflow-tab-bg);text-align:center;color:#4a4844;z-index:1;border-radius:14px 14px 0 0;flex:140px;justify-content:center;align-items:center;min-height:44px;margin-left:-1px;padding:10px 18px;font-size:.95rem;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.pipeline-stepper.workflow-tabs .pipeline-step.is-current:after{content:"";background:var(--workflow-bg);pointer-events:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pipeline-stepper.workflow-tabs .pipeline-step:first-child{margin-left:0}.pipeline-stepper.workflow-tabs .pipeline-step.is-active{color:#1e1d1a}.pipeline-stepper.workflow-tabs .pipeline-step.is-current{background:var(--workflow-bg);color:#1e1d1a;font-weight:600;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;z-index:3;border-bottom-color:#0000;font-weight:800;position:relative;bottom:-1px}.pipeline-stepper.workflow-tabs .pipeline-step:hover,.pipeline-stepper.workflow-tabs .pipeline-step:focus-visible{color:#1e1d1a;z-index:2;transform:translateY(1px);box-shadow:5px 5px 10px #1e1d1a14,-5px -5px 10px #ffffffb3}.pipeline-stepper.workflow-tabs .pipeline-step:focus-visible{outline:none}.workflow-panel{background:var(--workflow-bg);border:1px solid var(--workflow-border);box-shadow:none;border-top:0;border-radius:18px;margin-top:-1px;padding:0}.workflow-panel .status-card.workflow-status{box-shadow:none;background:0 0;border:0;border-radius:0 0 18px 18px;padding:22px 26px}.upload-page .workflow-panel .status-card.workflow-status{padding:24px 28px}.upload-page .workflow-panel .status-card.workflow-status .status-title{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase}.workflow-stage-merged{--folder-bg:#ffffffeb;--folder-border:#52504a24;--folder-shadow:none;background:var(--folder-bg);box-shadow:none;border:0;border-radius:22px;gap:0;display:grid;overflow:visible}.workflow-stage-standard{width:100%;max-width:100%;margin:0 auto}.workflow-stage-merged .workflow-shell{--workflow-bg:var(--folder-bg);--workflow-border:var(--folder-border);--workflow-tab-bg:#ffffff59;border-radius:22px;width:100%;overflow:hidden}.upload-page .workflow-stage-merged{background:var(--landing-bg);border-radius:var(--landing-radius-lg);box-shadow:none;overflow:hidden}.upload-page .workflow-stage-merged .workflow-shell{border-radius:var(--landing-radius-lg);overflow:visible}.upload-page .workflow-stage-merged .workflow-stage-body{gap:8px;padding:10px 22px 18px}.upload-page .pipeline-stepper.workflow-tabs .pipeline-step{background:var(--landing-bg);color:#2d3436c7;border-color:#0000;box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.upload-page .pipeline-stepper.workflow-tabs .pipeline-step.is-current{background:var(--landing-bg);color:var(--landing-text);border-bottom-color:#0000;box-shadow:inset 2px 2px 5px #1e1d1a0f,inset -2px -2px 5px #ffffffb8}.upload-page .pipeline-stepper.workflow-tabs .pipeline-step:hover,.upload-page .pipeline-stepper.workflow-tabs .pipeline-step:focus-visible{box-shadow:inset 2px 2px 5px #1e1d1a14,inset -2px -2px 5px #ffffffb3}.workflow-stage-merged .pipeline-stepper.workflow-tabs .pipeline-step.is-current:after{display:none}.workflow-stage-merged .workflow-shell:has(.pipeline-stepper.workflow-tabs .pipeline-step.is-current){box-shadow:none;transform:none}.workflow-stage-merged .workflow-panel{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0}.workflow-stage-merged .events-panel,.workflow-stage-merged .harmony-bounds{box-shadow:none;background:0 0;border:0;border-radius:0}.workflow-stage-body{gap:18px;min-width:0;padding:18px;display:grid}.workflow-stage-body>*{min-width:0}.workflow-fill{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}.workflow-stage-merged .workflow-stage-body{box-shadow:none;background:0 0;border:0;border-radius:0}.eyebrow{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#6b6a66;margin:0;font-size:.75rem}h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.subhead{color:#4a4844;max-width:52ch;margin:0;font-size:.98rem;line-height:1.72}.workflow-page-intro{gap:18px;margin-bottom:28px;display:grid}.workflow-page-intro-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.workflow-page-step-chip{color:#2d3436d1;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.14em;text-transform:uppercase;background:#ffffff9e;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.72rem;display:inline-flex;box-shadow:inset 2px 2px 4px #1e1d1a0f,inset -2px -2px 4px #ffffffb8}.workflow-page-step-separator{opacity:.4}.workflow-page-intro-actions{gap:14px;max-width:52ch;display:grid}.workflow-page-intro-links{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 14px;display:flex}.workflow-page-intro-link{min-height:42px;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;color:#2d3436db;background:var(--landing-bg);font-weight:800}.workflow-page-intro-link.is-primary{color:#2d3436f0}.workflow-page-intro-note{color:#4a4844b8;max-width:46ch;font-size:.9rem;line-height:1.62}.music-genres-faq{background:#ffffffbd;border:1px solid #201c141f;border-radius:18px;padding:18px 18px 12px;box-shadow:0 14px 26px #0a0a0a0f}.music-genres-faq-title{letter-spacing:.02em;margin:0;font-size:1.05rem}.music-genres-faq-subtitle{color:#262116b8;margin:6px 0 12px;font-size:.9rem;line-height:1.45}.music-genres-faq-list{gap:12px;display:grid}.music-genres-faq-item{background:#fbfaf6eb;border:1px solid #201c141f;border-radius:16px;overflow:hidden}.music-genres-faq-summary{cursor:pointer;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.02em;color:#161410eb;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:800;list-style:none;display:flex}.music-genres-faq-summary::-webkit-details-marker{display:none}.music-genres-faq-item>summary:after{content:"▾";color:#1614108c;font-size:.95rem;transform:translateY(-1px)}.music-genres-faq-item[open]>summary:after{content:"▴"}.music-genres-faq-body{border-top:1px solid #201c141a;padding:0 18px 16px}.music-genres-faq-body p{color:#262116d1;margin:12px 0 0;font-size:.9rem;line-height:1.5}.browse-files-panel{width:100%;min-width:0;max-width:100%;overflow-x:visible}.browse-files-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.browse-files-toolbar-meta{color:#4a4844cc;font-size:.95rem}.browse-files-toolbar-left,.browse-files-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.browse-files-toolbar-right{justify-content:flex-end}.browse-files-group-field{align-items:center;gap:8px;display:inline-flex}.browse-files-group-label{letter-spacing:.08em;text-transform:uppercase;color:#3c3a35bf;font-size:.8rem}.browse-files-group-input{color:#1e1d1a;background:#ffffffb3;border:1px solid #52504a2e;border-radius:999px;outline:none;width:160px;height:34px;padding:0 10px}.browse-files-group-input:focus-visible{border-color:#28d67c8c;box-shadow:0 0 0 3px #28d67c1f}.browse-files-scroll{background:#ffffffd9;border:1px solid #52504a1f;border-radius:14px;width:100%;max-width:100%;overflow-x:auto}.browse-files-table{width:100%}.browse-files-row{color:#3c3a35;border-bottom:1px solid #52504a1f;grid-template-columns:34px minmax(92px,.15fr) minmax(150px,.34fr) minmax(72px,.12fr) minmax(92px,.16fr) minmax(88px,.12fr) minmax(108px,.18fr) minmax(248px,auto);align-items:center;gap:1px;padding:10px 4px;font-size:.92rem;display:grid}.browse-files-row:last-child{border-bottom:none}.browse-files-group-row{color:#3c3a35;background:#1e1d1a0a;border-bottom:1px solid #52504a1f;grid-template-columns:34px 1fr;align-items:center;gap:2px;padding:10px 6px;display:grid}.browse-files-group-row.is-highlight{animation:3s ease-out browseFilesGroupHighlight}@keyframes browseFilesGroupHighlight{0%{background:#1d7bff2e}20%{background:#1d7bff42}to{background:#1e1d1a0a}}.browse-files-group-toggle{cursor:pointer;color:#1e1d1a;background:#ffffffb3;border:1px solid #52504a2e;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.browse-files-group-toggle:hover,.browse-files-group-toggle:focus-visible{background:#28d67c1f;border-color:#28d67c8c}.browse-files-group-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.browse-files-group-count{color:#3c3a35a6;font-weight:500}.browse-files-head{letter-spacing:.12em;text-transform:uppercase;color:#6b6a66;background:#1e1d1a0f;font-size:.8rem}.browse-files-file{gap:2px;min-width:0;display:grid}.browse-files-row>div{min-width:0}.browse-files-filename{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.browse-files-id{color:#4a4844b3;font-size:.78rem}.browse-files-notes{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.browse-files-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.browse-files-button{cursor:pointer;color:#1e1d1a;white-space:nowrap;background:#ffffffb3;border:1px solid #52504a2e;border-radius:999px;height:34px;padding:0 10px;font-size:.88rem}.browse-files-button:hover,.browse-files-button:focus-visible{background:#28d67c1f;border-color:#28d67c8c}.browse-files-analyze{border-color:#28d67c4d}.browse-files-trash{border-color:#a04a4a42}.browse-files-trash:hover,.browse-files-trash:focus-visible{background:#a04a4a1f;border-color:#a04a4a8c}@media (max-width:900px){.browse-files-row{grid-template-columns:34px minmax(0,1fr) minmax(96px,.48fr) minmax(248px,auto)}.browse-files-row>div:nth-child(4),.browse-files-row>div:nth-child(5),.browse-files-row>div:nth-child(6),.browse-files-row>div:nth-child(7),.browse-files-head>div:nth-child(4),.browse-files-head>div:nth-child(5),.browse-files-head>div:nth-child(6),.browse-files-head>div:nth-child(7){display:none}}.browse-details-panel{background:var(--landing-bg);border:0;border-radius:28px;box-shadow:18px 18px 36px #1e1d1a1a,-18px -18px 36px #ffffffbd}.browse-details-panel .auth-modal-close{background:var(--landing-bg);color:#353028db;border:0;box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.browse-details-panel .auth-modal-title{color:#2f2a23}.browse-details-layout{gap:14px;display:grid}.browse-details-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.browse-details-stat,.browse-details-rhythm-card,.browse-details-chords-card,.browse-details-notes-card{background:var(--landing-bg);border:0;border-radius:22px;box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.browse-details-stat{gap:6px;padding:14px 16px;display:grid}.browse-details-label,.browse-details-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#584f41b8;font-size:.72rem}.browse-details-value{color:#2f2a23;font-size:1rem;font-weight:650}.browse-details-rhythm-card,.browse-details-notes-card{padding:18px}.browse-details-rhythm-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.browse-details-rhythm-title,.browse-details-notes-title{color:#2f2a23;margin:4px 0 0;font-size:1.3rem;line-height:1.1}.browse-details-rhythm-chip,.browse-details-rhythm-pill{background:var(--landing-bg);color:#353028d1;border:0;border-radius:999px;box-shadow:inset 2px 2px 5px #1e1d1a14,inset -2px -2px 5px #ffffffb3}.browse-details-rhythm-chip{white-space:nowrap;padding:8px 12px;font-size:.84rem;font-weight:600}.browse-details-rhythm-copy{color:#353028d1;margin:14px 0 0;line-height:1.55}.browse-details-rhythm-list{color:#353028d6;margin:14px 0 0;padding-left:20px;line-height:1.55}.browse-details-rhythm-list li+li{margin-top:8px}.browse-details-rhythm-meta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.browse-details-rhythm-pill{padding:8px 12px;font-size:.82rem}.browse-details-chords-card{padding:12px}.browse-details-notes-body{background:var(--landing-bg);white-space:pre-wrap;color:#353028e0;border:0;border-radius:16px;max-height:220px;margin-top:10px;padding:14px;font-size:14px;line-height:1.55;overflow:auto;box-shadow:inset 4px 4px 8px #1e1d1a0e,inset -4px -4px 8px #fffc}.browse-details-muted{color:#584f41a3}@media (max-width:780px){.browse-details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-details-rhythm-head{flex-direction:column}}.upload-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.upload-footer-status{color:#4a4a46c7;font-size:1rem;line-height:1.4}.upload-preview-panel{margin-top:18px}.melody-loading-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f2eee6b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.melody-loading-panel{width:min(760px,100vw - 32px);margin-top:0}.upload-preview-surface{background:var(--landing-bg);border-radius:42px;padding:28px;position:relative;overflow:hidden;box-shadow:18px 18px 42px #d2cdc46b,-14px -14px 34px #ffffffe0}.upload-preview-vein{pointer-events:none;background:radial-gradient(circle,#e7e2db70 0%,#fff0 72%);border-radius:50%;width:320px;height:320px;position:absolute;top:-96px;right:-84px}.upload-preview-layer{z-index:1;gap:22px;display:grid;position:relative}.upload-preview-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.upload-preview-title-group{gap:6px;display:grid}.upload-preview-kicker{font-family:var(--font-mono-ui), monospace;letter-spacing:.28em;text-transform:uppercase;color:#78736bd1;font-size:.72rem}.upload-preview-title{letter-spacing:-.04em;color:#1f1d19;margin:0;font-size:clamp(1.6rem,2.2vw,2.35rem);line-height:.95}.upload-preview-meta,.upload-preview-time{font-family:var(--font-mono-ui), monospace;letter-spacing:.08em;text-transform:uppercase;color:#625d56c7;font-size:.78rem}.upload-preview-meta{text-align:right}.upload-preview-visualizer{align-items:center;gap:4px;height:88px;margin:6px 0 2px;display:flex}.upload-preview-barline{background:linear-gradient(#dbd6cffa,#cec9c1eb);border-radius:999px;flex:1 1 0;align-self:center;min-width:0;height:24%;transition:height .18s,background .18s,transform .18s;box-shadow:inset 1px 1px 2px #ffffff94,inset -1px -1px 2px #928d8514}.upload-preview-barline:nth-child(4n){height:36%}.upload-preview-barline:nth-child(6n){height:58%}.upload-preview-barline.is-active{background:linear-gradient(#ffb791f5,#ff8643eb);height:72%;transform:translateY(-1px);box-shadow:0 10px 22px #ff9b6233,inset 1px 1px 1px #fff4e8b3}.upload-preview-well{background:var(--landing-bg);border-radius:28px;gap:16px;padding:22px 24px;display:grid;box-shadow:inset 10px 10px 20px #e1ded8f2,inset -10px -10px 20px #fffffff2}.upload-preview-controls{align-items:center;gap:20px;min-width:0;display:flex}.upload-preview-play{background:var(--landing-bg);cursor:pointer;border:none;border-radius:999px;flex:none;width:72px;height:72px;transition:transform .16s,box-shadow .16s;position:relative;box-shadow:6px 6px 14px #cec9c0eb,-6px -6px 14px #ffffffeb}.upload-preview-play:hover,.upload-preview-play:focus-visible{transform:scale(.97);box-shadow:3px 3px 8px #cec9c0e6,-3px -3px 8px #ffffffeb}.upload-preview-play:active{box-shadow:inset 5px 5px 10px #cec9c0e6,inset -5px -5px 10px #ffffffeb}.upload-preview-play-icon{border:10px solid #0000;border-left:16px solid #1f1d19;border-right-width:0;width:0;height:0;margin-left:5px;display:inline-block}.upload-preview-stop-icon{background:#1f1d19;border-radius:3px;width:15px;height:15px;display:inline-block}.upload-preview-track{background:var(--landing-bg);border-radius:999px;flex:auto;min-width:140px;height:12px;position:relative;overflow:hidden;box-shadow:inset 2px 2px 5px #d1cdc6eb,inset -2px -2px 5px #fffffff2}.upload-preview-progress{border-radius:inherit;background:linear-gradient(90deg,#484641f5,#2c2a27eb);height:100%;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.upload-preview-time{text-align:right;min-width:94px}.upload-preview-error{color:#8f3e3e;font-size:.92rem}.upload-preview-audio{width:100%}@media (max-width:760px){.upload-preview-surface{border-radius:32px;padding:22px}.upload-preview-header,.upload-preview-controls{flex-direction:column;align-items:stretch}.upload-preview-meta,.upload-preview-time{text-align:left}.upload-preview-play{align-self:flex-start}}.send-spinner{border:2px solid #1e1d1a29;border-top-color:#28d67c;border-radius:999px;width:16px;height:16px;animation:.85s linear infinite codex-spin;box-shadow:0 0 12px #28d67c59}@keyframes codex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.record-panel{border-radius:var(--landing-radius-lg);background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:1px dashed #52504a59;gap:16px;min-height:320px;padding:28px;display:grid}.record-title{text-align:center;margin:0;font-size:1.25rem}.record-subtitle{color:#6b6a66;text-align:center;margin:0;font-size:.95rem}.record-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.record-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.record-actions button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 16px}.record-actions .record-toggle{width:44px;height:44px;color:inherit;cursor:pointer;background:#f6f4f0;border:1px solid #52504a33;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:5px 5px 10px #1e1d1a1a,-5px -5px 10px #ffffffa6}.record-actions .record-toggle:hover{transform:translateY(1px);box-shadow:2px 2px 5px #1e1d1a1a,-2px -2px 5px #ffffffa6}.record-toggle:disabled{opacity:.5;cursor:not-allowed}.record-square{background:#c7352a;border-radius:2px;width:14px;height:14px}.record-actions .record-start{background:#c7352a;border-color:#c7352a}.record-actions .redo-button{color:#4b83e6;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.redo-icon{width:32px;height:32px;display:block;transform:translate(-4px)}.record-actions .record-start:disabled{background:#c7352a;border-color:#c7352a}.record-actions button:disabled{opacity:.5;cursor:not-allowed}.record-error{color:#8f3e3e;margin:0;font-size:.9rem}.record-meta{color:#6b6a66;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;font-size:.85rem;display:flex}.record-waveform{background:var(--landing-periwinkle);background-image:linear-gradient(#0000 49.5%,#fff6 50%,#0000 50.5%),repeating-linear-gradient(90deg,#ffffff47 0 1px,#0000 1px 24px);background-size:100% 100%,100% 100%;border:1px solid #ffffff3d;border-radius:12px;width:100%;height:120px}.record-playback{width:100%}.input-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}@media (max-width:900px){.input-split{grid-template-columns:1fr}}.dropzone{border-radius:var(--landing-radius-lg);background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:1px dashed #52504a66;min-height:320px;padding:36px;transition:border-color .2s,transform .2s,box-shadow .2s}.dropzone.is-hover{box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light), 0 18px 50px #6f7cff24;border-color:#4a795899;transform:translateY(-2px)}.dropzone.is-busy{opacity:.65;pointer-events:none}.dropzone-inner{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;height:100%;display:flex}.drop-title{margin:0;font-size:1.2rem}.drop-subtitle{color:#6b6a66;margin:0}.browse-button{align-items:center;gap:8px;display:inline-flex;position:relative}.browse-button.disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.browse-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-hint{color:#6b6a66;margin:6px 0 0;font-size:.85rem}.upload-slab{box-shadow:none;background:0 0;border-radius:60px;justify-content:center;align-items:center;gap:48px;padding:28px 56px 20px;display:flex;position:relative;overflow:hidden}.upload-slab:before{content:"";opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:60px;position:absolute;inset:0}.upload-slab-col{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;display:flex;position:relative}.upload-slab-label{letter-spacing:-.01em;text-transform:none;color:#4a4a46cc;text-align:center;font-size:clamp(1.1rem,1rem + .35vw,1.35rem);font-weight:500;line-height:1.35}.upload-slab-divider{opacity:.4;background:linear-gradient(#0000,#d1d1cc,#0000);justify-content:center;align-items:center;width:2px;height:140px;display:flex;position:relative}.upload-slab-or{font-family:var(--font-mono-ui), monospace;letter-spacing:.18em;text-transform:uppercase;color:#58544ef5;background:#f6f2ea;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.7rem;display:inline-flex;position:absolute;box-shadow:4px 4px 10px #e1dcd4e6,-4px -4px 10px #ffffffeb}.upload-recorder-well{background:var(--landing-bg);border-radius:40px;justify-content:center;align-items:center;gap:36px;width:100%;min-height:180px;padding:40px;display:flex;box-shadow:inset 10px 10px 22px #1e1d1a0f,inset -10px -10px 22px #ffffffc7}.upload-pulse-node{background:var(--landing-bg);color:#5a5a56d9;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;display:inline-flex;position:relative;box-shadow:4px 4px 10px #1e1d1a1f,-4px -4px 10px #ffffffd9}.upload-pulse-node:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #1e1d1a1f,inset -4px -4px 8px #ffffffd9}.upload-pulse-ring{opacity:0;border:2px solid #ffffffd9;border-radius:999px;position:absolute;inset:0}.upload-recorder-well.is-recording .upload-pulse-ring{animation:2s cubic-bezier(.4,0,.2,1) infinite upload-ripple}.upload-pulse-ring--delay{animation-delay:.5s}@keyframes upload-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.upload-recorder-right{flex-direction:column;gap:12px;display:flex}.upload-waveform{align-items:center;gap:4px;height:40px;display:flex}.upload-wave-bar{background:#bdbdb8f2;border-radius:2px;width:3px;transition:height .12s}.upload-recorder-meta{justify-content:space-between;align-items:center;display:flex}.upload-mono{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#5a5a56cc;font-size:.85rem}.upload-rec-indicator{opacity:0;background:#ef4444;border-radius:999px;width:6px;height:6px;transition:opacity .18s}.upload-rec-indicator.is-on{opacity:1}.upload-browse-target{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff24,#ffffff0a);border:2px dashed #d1d1cc;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;height:180px;transition:border-color .22s,background .22s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 8px 8px 18px #1e1d1a0d,inset -8px -8px 18px #ffffffb3}.upload-browse-target input{opacity:0;pointer-events:none;position:absolute}.upload-browse-target:hover{background:linear-gradient(#ffffff2e,#ffffff14);border-color:#a1a19b}.upload-browse-icon{fill:none;stroke:#bdbdb8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px 1px #ffffffe6)drop-shadow(-1px -1px 1px #1e1d1a1f)}.upload-browse-title{text-transform:uppercase;letter-spacing:.22em;color:#5a5a56bf;margin:14px 0 0;font-size:10px;font-weight:800}.upload-browse-sub{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);opacity:.55;color:#5a5a56bf;margin:6px 0 0;font-size:10px}.upload-dropzone-wrap{display:none}.status-card{background:#fff;border:1px solid #52504a1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;box-shadow:0 12px 30px #1e1d1a14}.style-card{background:var(--landing-bg);width:100%;min-width:0;max-width:100%;box-shadow:var(--bas-shadow-raised);border:1px solid #ffffffb3;border-radius:22px;padding:12px;overflow:hidden}.style-card .waveform-panel,.style-card .piano-roll-panel{box-shadow:none;background:0 0;padding:0}.style-card .preview-volume.midi-volume{box-shadow:var(--bas-shadow-carved)}.style-card .midi-viewport{box-shadow:var(--bas-shadow-carved);border-radius:24px;padding:0}.status-card.uploading{border-color:#546a7866}.nav-step-row{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.nav-step-button{background:var(--landing-bg);color:#1e1d1a;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff7a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:800;text-decoration:none;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:4px 5px 10px #1e1d1a12,-3px -3px 8px #ffffffbd,inset 0 1px #ffffff57}.nav-step-button:hover{transform:translateY(-1px);box-shadow:5px 6px 12px #1e1d1a13,-3px -3px 8px #ffffffc2,inset 0 1px #ffffff57}.nav-step-button:active{transform:translateY(0);box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.nav-step-button:focus-visible{outline:none;box-shadow:0 0 0 4px #a5b4fc47,4px 5px 10px #1e1d1a12,-3px -3px 8px #ffffffbd,inset 0 1px #ffffff57}.nav-step-button.is-disabled,.nav-step-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:inset 3px 3px 6px #1e1d1a12,inset -3px -3px 6px #ffffffb3}.nav-step-button.is-primary{color:#2d3436f0;border-color:#ffffff8f}.uploadPiano{width:100%;margin:0 0 10px}.uploadPiano .pianoShell{background:var(--landing-bg);border-radius:22px;padding:1.4rem 2.5rem 2rem;position:relative;box-shadow:10px 10px 20px #1e1d1a14,-10px -10px 20px #ffffffb3}.workflow-stage-body .uploadPiano .pianoShell{box-shadow:inset 6px 6px 12px #1e1d1a0d,inset -6px -6px 12px #ffffff9e}.uploadPianoExpand{color:#2d3436d1;cursor:pointer;z-index:6;background:linear-gradient(#ffffffdb,#f4f1eaeb);border:0;border-radius:999px;width:42px;height:42px;font-size:1rem;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s;position:absolute;top:18px;right:18px;box-shadow:7px 7px 16px #1e1d1a1a,-7px -7px 16px #ffffffc7}.uploadPianoExpand:hover,.uploadPianoExpand:focus-visible{transform:translateY(-1px);box-shadow:9px 9px 18px #1e1d1a1f,-9px -9px 18px #ffffffd1}.uploadPiano .pianoShell h2{letter-spacing:-.03em;margin:0 0 1rem;font-size:2.4rem;font-weight:600}.uploadPiano .pianoShell p{color:#2d3436b8;max-width:720px;margin:0;font-size:1.05rem}.uploadPiano .pianoStage{perspective:1200px;margin-top:0;padding:28px 18px 18px;position:relative;overflow:visible}.uploadPianoParticles{pointer-events:none;z-index:0;width:100%;height:calc(100% + 140px);position:absolute;top:-140px;left:0}.uploadPiano .keyboard{transform-style:preserve-3d;background:var(--landing-bg);z-index:2;border-radius:16px;padding:12px;display:flex;position:relative;overflow:hidden;transform:rotateX(12deg);box-shadow:inset 6px 6px 12px #0000001a,inset -6px -6px 12px #ffffffa6}.uploadPiano .key{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .11s cubic-bezier(.16,1,.3,1);position:relative}.uploadPiano .key.white{z-index:1;background:linear-gradient(#fff 0%,#ffffff8c 100%);border:1px solid #0000000f;border-radius:0 0 12px 12px;flex-direction:column;justify-content:flex-end;width:52px;height:240px;margin:0 2px;padding:12px;display:flex;box-shadow:0 8px 16px #0000001a}.uploadPiano .key.black{z-index:2;background:linear-gradient(#15181f 0%,#08090b 100%);border:1px solid #ffffff0d;border-radius:0 0 10px 10px;width:32px;height:150px;margin-left:-16px;margin-right:-16px;box-shadow:0 18px 30px #00000040}.uploadPiano .key.white:after{content:"";opacity:0;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000,#ffb77a2e);transition:opacity .4s;position:absolute;inset:0}.uploadPiano .key.active.white{transform:rotateX(-5deg)translateY(4px);box-shadow:0 0 30px #ffb17a2e}.uploadPiano .key.active.white:after{opacity:.24}.uploadPiano .key.active.black{border-color:#ffb17a73;transform:rotateX(-5deg)translateY(2px);box-shadow:0 0 40px #ffb17a2e}.uploadPiano .keyLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.1em;text-transform:uppercase;color:#00000059;font-size:.62rem}.uploadPianoActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.uploadPianoMode{box-shadow:none;background:0 0;border-radius:0;padding:0}.pianoModeSelector{gap:10px;min-width:min(100%,440px);display:grid}.pianoModeSelectorLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.22em;text-transform:uppercase;color:#2d343694;font-size:.66rem}.pianoModeToggle{display:block}.pianoModeToggleHousing{background:var(--landing-bg);width:min(100%,440px);min-height:62px;box-shadow:var(--bas-shadow-carved);isolation:isolate;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:6px;display:grid;position:relative;overflow:hidden}.pianoModeToggleHandle{background:linear-gradient(180deg, #ffffffe6, #f4f1eaeb), var(--landing-bg);pointer-events:none;border-radius:999px;width:calc(50% - 6px);height:calc(100% - 12px);transition:transform .32s cubic-bezier(.65,0,.35,1),box-shadow .22s;position:absolute;top:6px;left:6px;box-shadow:6px 6px 16px #1e1d1a14,-6px -6px 16px #fffc,inset 0 0 0 1px #ffffff52}.pianoModeToggle.is-synth .pianoModeToggleHandle{transform:translate(100%);box-shadow:8px 8px 18px #1e1d1a1a,-8px -8px 18px #ffffffd1,inset 0 0 0 1px #ffffff47}.pianoModeToggleOption{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:48px;padding:0 18px;display:flex;position:relative}.pianoModeToggleOption input{opacity:0;cursor:pointer;position:absolute;inset:0}.pianoModeToggleOption span{letter-spacing:.01em;color:#2d34368f;white-space:nowrap;text-align:center;justify-content:center;align-items:center;width:100%;min-height:100%;font-size:.95rem;font-weight:600;transition:color .22s,transform .22s;display:inline-flex}.pianoModeToggleOption input:focus-visible+span{outline-offset:-4px;border-radius:999px;outline:2px solid #2d343638}.pianoModeToggle.is-piano .pianoModeToggleOption:first-of-type span,.pianoModeToggle.is-synth .pianoModeToggleOption:last-of-type span{color:#2d3436db;transform:translateY(-.5px)}.pianoModeToggle.is-piano .pianoModeToggleOption:last-of-type span,.pianoModeToggle.is-synth .pianoModeToggleOption:first-of-type span{color:#2d343670}.uploadPianoRecord{flex:none}.workflow-float{z-index:950;background:var(--landing-bg);width:min(360px,100vw - 28px);box-shadow:var(--bas-shadow-raised);border:1px solid #ffffff85;border-radius:24px;gap:12px;padding:16px;display:grid;position:fixed;bottom:22px;right:22px}.workflow-float.is-collapsed{width:auto;min-width:180px}.workflow-float-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workflow-float-kicker{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#4a4844b8;font-size:.68rem}.workflow-float-route{font-size:1rem;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;color:#1e1d1ae0;text-transform:capitalize;margin-top:4px;font-weight:800}.workflow-float-collapse{background:var(--landing-bg);color:#2d3436d6;cursor:pointer;border:1px solid #ffffff7a;border-radius:999px;width:38px;height:38px;font-size:1.2rem;line-height:1;box-shadow:4px 5px 10px #1e1d1a11,-3px -3px 8px #ffffffb8}.workflow-float-nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.workflow-float-link{min-height:42px;font-size:.9rem}.workflow-float-notes{gap:8px;display:grid}.workflow-float-notes textarea{resize:vertical;background:var(--landing-bg);color:#1e1d1ae6;width:100%;min-height:124px;box-shadow:var(--bas-shadow-carved);font:inherit;border:0;border-radius:18px;outline:none;padding:14px 16px}.workflow-float-notes textarea:focus-visible{box-shadow:var(--bas-shadow-carved), 0 0 0 2px #6f7cff47}.workflow-float-meta{color:#4a4844c7;font-size:.9rem;line-height:1.45}@media (max-width:720px){.workflow-float{border-radius:20px;width:auto;bottom:14px;left:14px;right:14px}.workflow-float-notes textarea{min-height:96px}}.uploadPianoRecord.isOn{color:#5a5a56d9}.uploadPianoRecord.isOn .upload-pulse-ring{animation:2s cubic-bezier(.4,0,.2,1) infinite upload-ripple}.uploadPianoHint{opacity:.7;text-align:left;min-width:190px}.uploadPiano.is-expanded{z-index:140;margin:0;position:fixed;inset:28px 16px 16px}.uploadPiano.is-expanded .pianoShell{border-radius:28px;flex-direction:column;justify-content:flex-end;height:calc(100vh - 32px);padding:1.15rem 2rem 1.5rem;display:flex;box-shadow:0 30px 80px #1e1d1a2e,inset 0 0 0 1px #ffffff52}.uploadPiano.is-expanded .uploadPianoActions{align-items:center;margin-top:auto;margin-bottom:.4rem;padding-right:0}.uploadPiano.is-expanded .pianoStage{flex:none;justify-content:center;align-items:flex-end;min-height:0;margin-top:.15rem;padding-top:76px;display:flex}.uploadPiano.is-expanded .keyboard{justify-content:center;width:auto;max-width:100%;transform:rotateX(12deg)scale(1)}.uploadPiano.is-expanded .key.white{width:52px;height:240px}.uploadPiano.is-expanded .key.black{width:32px;height:150px;margin-left:-16px;margin-right:-16px}.uploadPianoExpandInline{flex:none;margin-left:auto;position:static}@media (max-width:900px){.uploadPiano .key.white{width:44px;height:190px}.uploadPiano .key.black{width:28px;height:125px;margin-left:-14px;margin-right:-14px}}.status-card.success{color:#2f3b33;background:#cfd6cf;border-color:#3e5d4a73}.status-card.success .status-title,.status-card.success .status-message,.status-card.success .status-detail{color:#2f3b33}.status-card.error{border-color:#904a4a80}.status-title{text-transform:uppercase;letter-spacing:.16em;color:#6b6a66;margin:0 0 4px;font-size:.75rem}.status-message{margin:0;font-size:1rem}.status-detail{color:#5b5954;margin:0;font-size:.9rem}.status-detail a{color:inherit;text-decoration:none}.status-detail a:hover,.status-detail a:focus-visible{text-decoration:underline}.events-panel{background:#ffffffeb;border:1px solid #52504a1f;border-radius:16px;gap:16px;min-width:0;max-width:100%;padding:8px 20px 18px;display:grid;overflow-x:hidden;box-shadow:0 10px 26px #1e1d1a0f}.events-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.events-meta{color:#5b5954;gap:16px;font-size:.9rem;display:flex}.preview-volume{color:#4a4844;background:#f6f4f0;border:1px solid #52504a1f;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;display:flex}.preview-volume .volume-slider{height:100%}.volume-slider{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:72px}.events-controls{color:#5b5954;justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.events-controls button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 14px}.events-controls button:disabled{opacity:.5;cursor:not-allowed}.events-toggle{color:#4a4844;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.confidence-filter{color:#4a4844;text-transform:none;letter-spacing:normal;align-items:center;gap:10px;font-size:.85rem;display:flex}.confidence-filter input[type=range]{width:80px}.tempo-controls{color:#4a4844;align-items:center;gap:10px;font-size:.85rem;display:flex}.tempo-controls input[type=range]{width:160px}.signature-display strong{font-weight:600}.signature-display{color:#4a4844;align-items:center;gap:8px;font-size:.85rem;display:flex}.synth-panel{background:#ffffffe6;border:1px solid #52504a1f;border-radius:16px;gap:12px;width:100%;max-width:420px;padding:14px 16px;display:grid;box-shadow:0 8px 20px #1e1d1a0f}.synth-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.synth-header button{cursor:pointer;color:#4a4844;background:0 0;border:1px solid #52504a33;border-radius:999px;padding:6px 10px;font-size:.8rem}.synth-subtitle{color:#6b6a66;margin:0;font-size:.9rem}.synth-controls{gap:12px;display:grid}.synth-controls label{color:#4a4844;gap:6px;font-size:.85rem;display:grid}.synth-controls input[type=range]{width:100%}.preview-controls{align-items:center;gap:12px;display:flex}.events-panel .preview-controls{flex-wrap:wrap}.preview-controls .synth-dropdown{justify-content:center;align-self:stretch;margin-left:auto;display:flex}.preview-controls .synth-dropdown>button{color:#2b2b2b;background:#f6f4f0;border:1px solid #52504a1f;border-radius:8px;width:48px;height:48px;padding:0}.play-button{cursor:pointer;background:#f6f4f0;border:1px solid #52504a33;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.play-button:hover{background:#eee9e2}.preview-controls .play-button{color:inherit;background:#f6f4f0}.preview-controls .play-button:hover{background:#eee9e2}.play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:16px solid #1bab61;width:0;height:0;margin-left:3px;display:inline-block}.stop-icon{background:#d41111;border-radius:2px;width:12px;height:12px}.midi-playback-panel{gap:10px;min-width:0;display:grid;position:relative}.piano-roll-panel{box-shadow:none;contain:layout paint;background:0 0;border:0;border-radius:0;width:100%;max-width:100%;height:clamp(224px,31vw,286px);padding:0;position:relative;overflow:hidden}.piano-roll-row{align-items:stretch;gap:16px;width:100%;min-width:0;height:calc(100% - 52px);display:flex}.piano-roll-row .piano-roll{flex:1;min-height:0}.piano-roll{height:100%}.piano-roll-scroll{flex:1;min-width:0;height:100%;overflow:auto hidden}.midi-viewport{background:var(--landing-bg);border-radius:24px;height:100%;padding:0;overflow:hidden;box-shadow:inset 8px 8px 16px #1e1d1a0f,inset -8px -8px 16px #ffffffdb}.midi-side{flex-direction:column;align-self:stretch;gap:10px;width:48px;margin-top:0;display:flex;position:relative}.preview-volume.midi-volume{background:var(--landing-bg);color:#2d3436b3;border:0;border-radius:40px;flex-direction:column;align-items:center;gap:4px;width:100%;height:100%;padding:8px 0;display:flex;box-shadow:6px 6px 12px #1e1d1a14,-6px -6px 12px #ffffffc7}.preview-volume.midi-volume>span{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:.56rem}.preview-volume.midi-volume .volume-slider{writing-mode:vertical-rl;appearance:slider-vertical;direction:rtl;background:0 0;width:28px;height:calc(100% - 28px)}.preview-volume.midi-volume .volume-slider::-webkit-slider-runnable-track{background:var(--landing-bg);border-radius:999px;width:100%;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.midi-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:7px;width:24px;height:36px;box-shadow:5px 0 10px #1e1d1a24,-2px 0 6px #ffffffd9}.preview-volume.midi-volume .volume-slider::-moz-range-track{background:var(--landing-bg);border-radius:999px;width:100%;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.midi-volume .volume-slider::-moz-range-thumb{background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:7px;width:24px;height:36px;box-shadow:5px 0 10px #1e1d1a24,-2px 0 6px #ffffffd9}.preview-volume.audio-volume{background:var(--landing-bg);color:#2d3436b3;box-shadow:var(--bas-shadow-carved);border:0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.preview-volume.audio-volume>span{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;opacity:.75;-webkit-user-select:none;user-select:none;font-size:.65rem}.preview-volume.audio-volume .volume-slider{appearance:none;min-width:120px;height:18px;accent-color:var(--landing-periwinkle);background:0 0;flex:1}.preview-volume.audio-volume .volume-slider::-webkit-slider-runnable-track{background:var(--landing-bg);border-radius:999px;height:10px;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.audio-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:999px;width:22px;height:22px;margin-top:-6px;box-shadow:0 6px 14px #1e1d1a2e,0 -2px 10px #ffffffbf}.preview-volume.audio-volume .volume-slider::-moz-range-track{background:var(--landing-bg);border-radius:999px;height:10px;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.audio-volume .volume-slider::-moz-range-thumb{background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:999px;width:22px;height:22px;box-shadow:0 6px 14px #1e1d1a2e,0 -2px 10px #ffffffbf}.synth-dropdown{flex-direction:column;align-items:stretch;display:flex;position:relative}.synth-dropdown>button{color:#2b2b2b;cursor:pointer;text-align:center;background:#eadfce;border:1px solid #52504a1f;border-radius:8px;width:48px;padding:6px 4px;font-size:.75rem}.synth-menu{z-index:10;background:#e3e1dc;border:1px solid #52504a33;border-radius:12px;width:260px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 22px #1e1d1a1f}.synth-menu-title,.synth-menu-subtitle{color:#4a4844}.synth-menu-title{letter-spacing:.12em;text-transform:uppercase;color:#6b6a66;margin:0 0 4px;font-size:.85rem}.synth-menu-subtitle{color:#5b5954;margin:0 0 8px;font-size:.85rem}.preview-controls button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #ffffffd9;border-radius:999px;padding:8px 14px}.preview-controls .merge-selected-button{border-radius:0}.waveform-panel{background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.audio-freq-panel{background:var(--landing-bg);width:100%;height:82px;box-shadow:var(--bas-shadow-carved);border:1px solid #ffffff8c;border-radius:14px;padding:12px}.audio-freq-grid{align-items:flex-end;gap:8px;height:100%;display:flex}.audio-freq-barWrap{flex:1;align-items:flex-end;min-width:8px;height:100%;display:flex;position:relative}.audio-freq-barRecess{background:var(--landing-bg);border-radius:999px;position:absolute;inset:0;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -1px -1px 2px #ffffffd9}.audio-freq-barFill{background:#a5b4fc;border-radius:999px;width:100%;height:10%;transition:height 80ms cubic-bezier(.17,.67,.83,.67);position:relative;box-shadow:0 0 18px #a5b4fc59,inset 2px 2px 4px #ffffff73}.audio-freq-panel.is-loading .audio-freq-barFill{opacity:.25}.audio-freq-panel.is-error{opacity:.7;filter:grayscale(.2)}.waveform-header{color:#5b5954;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.waveform-header-left{flex-direction:column;gap:2px;display:flex}.audio-preview{width:100%}.waveform-canvas{cursor:pointer;background:#2f5b86;border:1px solid #dbe8ff38;border-radius:10px;width:100%;height:80px}.waveform-track{min-width:0;position:relative}.waveform-row{align-items:center;gap:16px;display:flex}.waveform-row .waveform-track{flex:1;min-width:0}.waveform-row .preview-volume{background:var(--landing-bg);border:0;border-radius:40px;justify-content:center;gap:0;width:48px;height:82px;padding:0;position:relative;box-shadow:6px 6px 12px #1e1d1a14,-6px -6px 12px #ffffffc7}.waveform-row .preview-volume>span{text-align:center;pointer-events:none;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d343694;font-size:.62rem;position:absolute;top:6px;left:0;right:0}.waveform-row .preview-volume .volume-slider{writing-mode:vertical-rl;appearance:slider-vertical;direction:rtl;background:0 0;width:28px;height:calc(100% - 24px);margin-top:18px}.waveform-row .preview-volume .volume-slider::-webkit-slider-runnable-track{background:var(--landing-bg);border-radius:999px;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.waveform-row .preview-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:7px;width:22px;height:34px;box-shadow:5px 0 10px #1e1d1a24,-2px 0 6px #ffffffd9}.waveform-row .preview-volume{height:80px}.waveform-playhead{pointer-events:none;z-index:2;background:#28d67c;border-radius:999px;width:4px;position:absolute;top:6px;bottom:6px}.waveform-playhead:before{content:"";border-top:8px solid #28d67c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.export-row{justify-content:flex-end;gap:10px;display:flex}.export-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.export-actions button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 14px}.export-actions button:disabled{opacity:.5;cursor:not-allowed}.export-page .status-card{gap:16px}.export-row button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 14px}.export-actions button:not(:disabled):hover,.export-actions button:not(:disabled):focus-visible,.export-row button:not(:disabled):hover,.export-row button:not(:disabled):focus-visible,.harmony-rerun:not(:disabled):hover,.harmony-rerun:not(:disabled):focus-visible,.next-step:hover,.next-step:focus-visible{color:#1e1d1a;background:#28d67c;border-color:#1e1d1a33}.next-step{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;align-items:center;padding:8px 14px;text-decoration:none;transition:background .14s,color .14s,box-shadow .14s,border-color .14s;display:inline-flex;box-shadow:0 0 0 2px #1e1d1a14,0 0 18px #1e1d1a1f}.next-step:active:not(:disabled){transform:translateY(1px)}.next-step:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.next-step:disabled:hover,.next-step:disabled:focus-visible{color:#fff;background:#1e1d1a;border-color:#52504a33}.next-step-row{justify-content:flex-end;margin-top:14px;display:flex}.next-step.next-step-tall{padding:9px 14px;font-size:.8rem}.events-table{background:0 0;gap:10px;display:grid}.melody-learning-strip{flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;margin:0;display:flex}.melody-tooltip{isolation:isolate;vertical-align:middle;letter-spacing:normal;text-transform:none;grid-template-columns:auto auto;align-items:center;gap:0 8px;font-size:.84rem;font-weight:500;display:inline-grid;position:relative}.melody-tooltip-label{color:#2d3436d6;letter-spacing:normal;text-transform:none;font-size:.84rem;font-weight:600;line-height:1.25;display:inline-block}.melody-tooltip-trigger{color:#3844a0eb;cursor:help;background:#6f7cff24;border:0;border-radius:999px;flex:none;width:20px;height:20px;padding:0;font-family:inherit;font-size:.72rem;font-weight:800;line-height:1}.melody-tooltip-bubble{color:#2d3436d6;width:min(280px,70vw);font-family:var(--font-sans,inherit);opacity:0;pointer-events:none;z-index:1400;background:#f7f8fffa;border:1px solid #6f7cff2e;border-radius:16px;padding:12px 14px;font-size:.84rem;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 14px 30px #3d445124,inset 0 1px #ffffffd6}.melody-tooltip-title{color:#3844a0eb;font-weight:800;font-family:var(--font-sans,inherit);margin:0 0 6px;font-size:.84rem;display:block}.melody-tooltip:hover .melody-tooltip-bubble,.melody-tooltip:focus-within .melody-tooltip-bubble{opacity:1;transform:translateY(0)}.events-table .events-head{color:#2d34369e;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;padding:0 10px 2px;font-size:.72rem}.events-scroll{gap:14px;max-height:320px;padding:8px 10px 12px;display:grid;overflow-y:auto}.events-settings-panel{background:var(--landing-bg);box-shadow:var(--bas-shadow-raised);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:0 10px 16px;padding:16px 18px;display:flex}.events-settings-panel-bottom{grid-template-columns:1fr 1fr 1fr 1.6fr auto;align-items:center;gap:12px;display:grid}.events-settings-panel-bottom .events-setting-confidence{text-align:center;grid-column:3;justify-self:center;align-items:center;width:min(100%,420px)}.edit-midi-toggle{background:#e7e4de;border-radius:999px;gap:4px;width:fit-content;padding:3px;display:inline-flex}.edit-midi-toggle button{color:#3c3a35;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:700}.edit-midi-toggle button.is-active{color:#fff;background:#1e1d1a}.piano-roll-mode-banner{justify-content:flex-start;align-items:center;gap:16px;min-height:40px;margin:0 0 12px;padding:0 2px;display:flex}.edit-midi-playhead{background:#f4f5fae6;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex;box-shadow:inset 2px 2px 4px #ffffffc7,inset -2px -2px 4px #bfb8ab24}.edit-midi-playhead-label{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.12em;text-transform:uppercase;color:#2d343699;font-size:.7rem;font-weight:800}.edit-midi-playhead-value{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436cc;font-size:.84rem;font-weight:700}.edit-midi-live-banner{z-index:6;color:#424ebefa;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#faf8f1f0;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:800;animation:2.6s ease-in-out infinite editMidiGlowPulse;position:absolute;top:44px;right:18px;box-shadow:inset 2px 2px 4px #ffffffd1,inset -2px -2px 4px #bfb8ab2e,0 0 0 1px #6f7cff42,0 0 24px #6f7cff57}@keyframes editMidiGlowPulse{0%,to{opacity:.56;box-shadow:inset 2px 2px 4px #ffffffd1,inset -2px -2px 4px #bfb8ab2e,0 0 0 1px #6f7cff3d,0 0 12px #6f7cff38}50%{opacity:1;box-shadow:inset 2px 2px 4px #ffffffe0,inset -2px -2px 4px #bfb8ab33,0 0 0 1px #6f7cff61,0 0 32px #6f7cff70}}.events-setting-help{color:#2d3436ad;max-width:34ch;font-size:.76rem;line-height:1.4}.events-settings-left{align-items:center;gap:18px;min-width:0;display:flex}.events-setting{flex-direction:column;gap:8px;min-width:0;display:flex}.events-setting-label{text-transform:uppercase;letter-spacing:.16em;color:#2d34369e;white-space:nowrap;font-size:.62rem;font-weight:800}.events-setting-row{align-items:center;gap:12px;display:flex}.events-settings-panel input[type=range]{-webkit-appearance:none;background:var(--landing-bg);border-radius:999px;outline:none;width:160px;height:6px;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffd9}.events-settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:999px;width:18px;height:18px;box-shadow:3px 3px 6px #1e1d1a24,-3px -3px 6px #ffffffd9}.events-setting-value{background:var(--landing-bg);width:64px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436bf;border:0;border-radius:12px;padding:8px 10px;font-weight:700;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffd9}.events-settings-right{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.events-action-button{background:var(--landing-bg);color:#2d3436d1;font-size:.85rem;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:12px;padding:10px 16px;font-weight:800;transition:transform .16s,box-shadow .16s}.events-action-button:active{box-shadow:inset 3px 3px 6px var(--landing-shadow-dark), inset -3px -3px 6px var(--landing-shadow-light);transform:translateY(1px)}.events-action-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.events-row{color:#2d3436d1;background:var(--landing-bg);box-shadow:var(--bas-shadow-raised);border:0;border-radius:16px;grid-template-columns:88px 96px 92px 92px 92px minmax(260px,1.35fr) auto;gap:12px 8px;padding:16px 18px;font-size:.95rem;transition:transform .18s,box-shadow .18s,filter .18s;display:grid}.events-row.is-midi-input{grid-template-columns:88px 96px 92px 92px minmax(260px,1.35fr) auto}.events-row>span:first-child{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.02em;color:#2d3436c7;font-weight:700}.events-row[role=button]{cursor:pointer}.events-row[role=button]:hover{filter:brightness(1.02);transform:translateY(-1px)}.events-row.is-active{box-shadow:inset 6px 6px 12px #1e1d1a24,inset -6px -6px 12px #ffffffb3}.events-row.is-merge-pair{box-shadow:inset 6px 6px 12px #6f7cff24,inset -6px -6px 12px #ffffffa8}.event-actions{grid-template-columns:auto auto;justify-content:end;align-items:center;gap:6px;display:grid;overflow:visible}.edit-actions{gap:4px;display:flex;overflow:visible}.merge-cell{justify-content:flex-start;display:flex}.merge-notes-button{background:var(--landing-bg);color:#2d3436cc;cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:transform .16s,box-shadow .16s,color .16s}.merge-notes-button.is-ready{color:var(--landing-periwinkle)}.merge-notes-button:hover:not(:disabled),.merge-notes-button:focus-visible:not(:disabled){box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.merge-notes-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.edit-head{align-items:center;gap:12px;display:grid}.merge-head{justify-content:center;align-items:center;gap:10px;display:flex}.event-undo-button{background:var(--landing-bg);color:#2d3436b3;cursor:pointer;width:44px;height:44px;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,color .16s;display:inline-flex}.event-undo-button:hover:not(:disabled),.event-undo-button:focus-visible:not(:disabled){box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);color:var(--landing-periwinkle);transform:translateY(1px)}.event-undo-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.edit-label{letter-spacing:.12em;text-transform:uppercase;color:#6b6a66;font-size:.75rem}.event-actions button{background:var(--landing-bg);color:#2d3436d1;cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;margin-right:4px;padding:8px 12px;font-size:.85rem;transition:transform .16s,box-shadow .16s}.event-actions button:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.event-actions button:last-of-type{margin-right:0}.add-note{z-index:30;position:relative}.add-note-button{background:var(--landing-bg);color:#2d3436d1;cursor:pointer;min-width:40px;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;padding:8px 12px;font-size:.75rem;transition:transform .16s,box-shadow .16s}.add-note-button:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.event-actions button[aria-label=Delete\ note]{font-size:.75rem}.add-note-menu{background:var(--landing-bg);min-width:160px;box-shadow:10px 10px 20px var(--landing-shadow-dark), -10px -10px 20px var(--landing-shadow-light);z-index:20;border:0;border-radius:18px;gap:8px;padding:14px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.add-note-menu label{color:#6b6a66;letter-spacing:.04em;text-transform:uppercase;gap:4px;font-size:.75rem;display:grid}.add-note-menu select,.add-note-menu input[type=number]{background:var(--landing-bg);color:#2d3436d1;box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:12px;outline:none;padding:8px 10px;font-size:.85rem}.add-note-menu button{background:var(--landing-bg);color:var(--landing-periwinkle);cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;padding:10px 12px;font-size:.8rem;font-weight:700;transition:transform .16s,box-shadow .16s}.add-note-menu button:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.add-note-toggle{background:#e7e4de;border-radius:999px;gap:4px;padding:3px;display:flex}.add-note-toggle button{color:#3c3a35;text-transform:none;letter-spacing:normal;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:110px;padding:6px 12px;font-size:.75rem}.add-note-toggle button.is-active{color:#fff;background:#1e1d1a;border-radius:999px}.merge-checkbox{width:22px;height:22px;margin-left:0}.events-row span{font-variant-numeric:tabular-nums}.events-row.is-active{background:var(--landing-bg)}.events-panel.melody-page .events-row.is-active{box-shadow:inset 6px 6px 12px #1e1d1a24,inset -6px -6px 12px #ffffffb3,0 0 0 2px #6f7cff38}.events-head{letter-spacing:.12em;text-transform:uppercase;color:#3c3a35;font-size:.85rem}.events-panel.melody-page .events-row.events-head{background:var(--landing-bg);box-shadow:8px 8px 16px var(--landing-shadow-dark), -8px -8px 16px var(--landing-shadow-light);border:0;border-radius:20px;padding:18px}.events-panel.melody-page .events-row.events-head>span,.events-panel.melody-page .events-row.events-head .edit-label,.events-panel.melody-page .events-row.events-head .confidence-filter span{color:#2d34369e;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.events-panel.melody-page .events-row>span:nth-child(-n+5),.events-panel.melody-page .events-row.events-head>span:nth-child(3),.events-panel.melody-page .events-row.events-head>span:nth-child(4),.events-panel.melody-page .events-row.events-head>span:nth-child(5){justify-self:center}.events-panel.melody-page .events-head-action{color:#2d34369e;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:800}.events-panel.melody-page .events-head-actions{justify-self:end;align-items:center;gap:28px;display:inline-flex}.events-panel.melody-page .events-head-action.is-ready{color:var(--landing-periwinkle)}.events-panel.melody-page .events-head-action:disabled{opacity:.42;cursor:not-allowed}.events-panel.melody-page .events-row.events-head input[type=range]{accent-color:var(--landing-periwinkle)}.events-row.events-head,.events-row.events-filter-row{align-items:center}.events-row.events-filter-row{color:#4a4844;font-size:.85rem}.events-row.events-filter-row .confidence-filter{justify-self:start}.events-settings-panel-bottom .events-setting-confidence .events-setting-row{justify-content:center}.confidence-head{align-items:start;gap:6px;display:grid}.events-head-label{text-transform:uppercase;letter-spacing:.12em;color:#6b6a66;font-size:.75rem}.confidence-value{background:var(--landing-bg);color:#2d3436c7;font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;width:56px;min-width:44px;height:30px;box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:12px;padding:0 8px;font-size:.85rem}.confidence-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.confidence-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.confidence-value:focus{outline:none}.confidence-pill{background:var(--landing-bg);box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436b8;border-radius:999px;justify-content:center;justify-self:center;align-items:center;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex;transform:none}.duration-cell{justify-self:center}.duration-input{background:var(--landing-bg);width:76px;height:34px;box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436b8;text-align:center;appearance:none;cursor:pointer;border:0;border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:700}.duration-input:focus{box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light), 0 0 0 2px #6f7cff2e;outline:none}.piano-roll{gap:10px;display:grid}.piano-roll-track.is-edit-midi{box-shadow:inset 0 0 0 4px #6f7cff8f,0 0 0 3px #6f7cff3d,0 0 30px #6f7cff42}.piano-roll-track.is-edit-midi .piano-roll-note{cursor:grab}.piano-roll-track.is-edit-midi .piano-roll-note:active{cursor:grabbing}.piano-roll-note-handle{fill:#1d7bffeb;opacity:.92;cursor:ew-resize;filter:drop-shadow(0 0 8px #1d7bff59)}.piano-roll-boundary-hit{fill:#7aeb5f03;cursor:col-resize}.piano-roll-boundary-handle{fill:#7aeb5ffa;opacity:.95;filter:drop-shadow(0 0 9px #7aeb5f57)}.melody-edit-log-float{z-index:30;gap:0;width:min(255px,100vw - 24px);display:grid;position:fixed}.melody-edit-log-drag{color:#3844a0e6;width:100%;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:move;touch-action:none;background:#e8ecfff5;border:1px solid #6f7cff57;border-bottom:0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.75rem;font-weight:700;display:flex}.melody-edit-log-box{background:#f4f7fffa;border:1px solid #6f7cff57;border-radius:0 0 12px 12px;max-height:220px;padding:8px 0;overflow-y:auto;box-shadow:0 10px 24px #5360c21f,inset 0 1px #ffffffd6}.melody-edit-log-box.is-collapsed{display:none}.melody-edit-log-drag-actions{align-items:center;display:inline-flex}.melody-edit-log-collapse{color:#3844a0e0;cursor:pointer;background:#ffffffc7;border:1px solid #6f7cff4d;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.melody-edit-log-empty{color:#4854aaa8;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);padding:2px 12px 6px 28px;font-size:.81rem;line-height:1.45;position:relative}.melody-edit-log-empty:before{content:"•";color:#6f7cffdb;position:absolute;top:2px;left:12px}.melody-edit-log-entry{color:#2b3378e6;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);text-align:left;background:0 0;border-bottom:0;padding:2px 12px 6px 28px;font-size:.8rem;line-height:1.4;position:relative}.melody-edit-log-entry:before{content:"•";color:#6f7cffe0;position:absolute;top:2px;left:12px}@media (max-width:900px){.melody-edit-log-float{width:auto;bottom:12px;left:12px;top:auto!important;right:12px!important}}.piano-roll-scroll{flex:1;width:100%;min-width:0}.events-panel.melody-page .events-toggle{color:#2d3436d1;box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0}.events-panel.melody-page .events-toggle input[type=checkbox]{accent-color:var(--landing-periwinkle)}.overlap-modal-panel{width:min(420px,100%)}.overlap-modal-copy{color:#353028cc;margin:0 0 18px;line-height:1.5}.overlap-modal-actions{justify-content:flex-end;gap:10px;display:flex}.basCheck{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;display:inline-flex}.basCheck input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.basCheckMold{background:var(--landing-bg);width:42px;height:42px;box-shadow:6px 6px 12px var(--landing-shadow-dark), -6px -6px 12px var(--landing-shadow-light);border-radius:14px;flex:none;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .22s cubic-bezier(.175,.885,.32,1.275);position:relative}.basCheckMold:after{content:"";opacity:0;filter:blur(.4px);background:#2d34362e;border-radius:5px;width:14px;height:14px;margin:auto;transition:opacity .18s cubic-bezier(.175,.885,.32,1.275),transform .18s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0;transform:scale(.5)}.basCheckLabel{letter-spacing:-.02em;color:#2d3436d1;align-items:center;gap:8px;font-weight:800;transition:color .18s;display:inline-flex}.basCheck:hover .basCheckMold{transform:translateY(-1px)}.basCheck input[type=checkbox]:checked+.basCheckMold{box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light);transform:scale(.97)}.basCheck input[type=checkbox]:checked+.basCheckMold:after{opacity:1;background:var(--landing-periwinkle);transform:scale(1);box-shadow:0 0 14px #6f7cff73}.basCheck input[type=checkbox]:checked~.basCheckLabel{color:var(--landing-periwinkle)}.basCheck input[type=checkbox]:disabled+.basCheckMold{opacity:.55;box-shadow:none;transform:none}.basCheck input[type=checkbox]:focus-visible+.basCheckMold{box-shadow:0 0 0 3px #6f7cff38, 6px 6px 12px var(--landing-shadow-dark), -6px -6px 12px var(--landing-shadow-light);outline:none}.events-panel.melody-page .tempo-controls{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0}.events-panel.melody-page .tempo-controls label{align-items:center;gap:10px;display:inline-flex}.events-panel.melody-page .tempo-controls input[type=range]{width:101px}.events-panel.melody-page .tempo-controls label{color:#2d3436d1}.events-panel.melody-page .tempo-controls span{color:#2d3436d1;font-variant-numeric:tabular-nums}.events-panel.melody-page .tempo-controls input[type=range]{accent-color:var(--landing-periwinkle)}.events-panel.melody-page .tempo-controls input[type=range]::-webkit-slider-runnable-track{background:#1e1d1a2e;border:0;border-radius:999px;height:8px;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffb3}.events-panel.melody-page .tempo-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);width:18px;height:18px;box-shadow:4px 4px 8px var(--landing-shadow-dark), -4px -4px 8px var(--landing-shadow-light);border:0;border-radius:999px;margin-top:-6px}.events-panel.melody-page .tempo-controls input[type=range]::-moz-range-track{background:#1e1d1a2e;border:0;border-radius:999px;height:8px;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffb3}.events-panel.melody-page .tempo-controls input[type=range]::-moz-range-thumb{background:var(--landing-bg);width:18px;height:18px;box-shadow:4px 4px 8px var(--landing-shadow-dark), -4px -4px 8px var(--landing-shadow-light);border:0;border-radius:999px}.events-panel.melody-page .preview-controls>span{color:#2d3436b3;white-space:nowrap;background:0 0;border:0;border-radius:0;margin-left:auto;padding:0;font-size:.85rem}.events-panel.melody-page .basSettingsPanel{background:var(--landing-bg);width:100%;box-shadow:var(--bas-shadow-raised);border:1px solid #ffffff8a;border-radius:22px;justify-content:flex-start;align-items:center;gap:18px;padding:16px 18px;display:flex}.events-panel.melody-page .basSettingsLeft{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex}.events-panel.melody-page .basSettingsRight{flex:none;align-items:center;gap:12px;display:flex}.basSelectWrap{background:var(--landing-bg);box-shadow:var(--bas-shadow-carved);border:1px solid #fff6;border-radius:18px;align-items:center;min-width:140px;height:46px;padding:0 14px;display:inline-flex;position:relative}.basSelectWrap:after{content:"▾";font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d343685;pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.basSelectMenuWrap{position:relative}.basSelectMenuWrap.is-open:after{color:#2d3436c7}.basSelect{appearance:none;color:#2d3436db;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;outline:none;padding-right:26px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1rem;font-weight:700;line-height:1}.basSelectButton{text-align:left;text-transform:uppercase;min-width:100px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;font-size:.7rem}.basSelect option{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:700}.basToneMenu{z-index:60;background:#eceae4;border:1px solid #ffffffa8;border-radius:22px;gap:6px;min-width:100%;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:10px 12px 24px #1e1d1a17,-4px -4px 10px #ffffff8f,inset 0 1px #ffffff57}.basToneMenuItem{color:#2d3436c7;min-height:42px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0 14px;font-size:.7rem;font-weight:700;transition:background .16s,box-shadow .16s,color .16s,transform .16s}.basToneMenuItem:hover,.basToneMenuItem.is-selected{background:var(--landing-bg);color:#2d3436e6;box-shadow:inset 4px 4px 8px #1e1d1a14,inset -4px -4px 8px #ffffffc7}.basTone{justify-items:start;gap:6px;display:grid;position:relative}.basToneRow{align-items:center;gap:10px;display:flex}.basToneParams{background:var(--landing-bg);min-width:76px;height:40px;color:var(--landing-periwinkle);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff7a;border-radius:8px;padding:0 10px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:4px 5px 10px #1e1d1a11,-3px -3px 8px #ffffffb8,inset 0 1px #ffffff5c}.basToneParams:hover:not(:disabled){transform:translateY(1px);box-shadow:2px 3px 6px #1e1d1a0f,-2px -2px 5px #ffffffad}.basToneParams:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.events-panel.melody-page .synth-menu{z-index:50;background:#eceae4;border:1px solid #ffffffa8;border-radius:28px;width:min(280px,100vw - 32px);min-height:280px;padding:16px 16px 14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:10px 12px 24px #1e1d1a17,-4px -4px 10px #ffffff8f,inset 0 1px #ffffff57}.events-panel.melody-page .synth-menu-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.events-panel.melody-page .synth-menu-kicker{text-transform:uppercase;letter-spacing:.16em;color:#2d34368c;font-size:.62rem;font-weight:800}.events-panel.melody-page .synth-menu-model{height:22px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:var(--landing-periwinkle);box-shadow:var(--bas-shadow-carved);border:1px solid #ffffff57;border-radius:8px;align-items:center;margin-top:4px;padding:0 8px;font-size:.62rem;display:inline-flex}.events-panel.melody-page .synth-menu-close{color:#2d3436b3;cursor:pointer;background:#efede7;border:1px solid #ffffff7a;border-radius:12px;width:34px;height:34px;box-shadow:4px 5px 10px #1e1d1a11,-3px -3px 8px #ffffffb8}.events-panel.melody-page .synth-label-row{text-transform:uppercase;letter-spacing:.1em;color:#2d3436c7;justify-content:space-between;align-items:baseline;gap:10px;font-size:.68rem;font-weight:800;display:flex}.events-panel.melody-page .synth-value{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.02em;color:#2d343694;text-transform:none;font-weight:600}.events-panel.melody-page .synth-controls{gap:12px;display:grid}.events-panel.melody-page .synth-controls label{gap:8px;display:grid}.events-panel.melody-page .synth-controls input[type=range]{width:100%}.events-panel.melody-page .synth-controls input[type=range]::-webkit-slider-runnable-track{height:32px;box-shadow:var(--bas-shadow-carved);background:#efede7;border-radius:18px}.events-panel.melody-page .synth-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#efede7;border:1px solid #ffffff6b;border-radius:12px;width:40px;height:24px;margin-top:4px;box-shadow:4px 5px 10px #1e1d1a12,-2px -2px 6px #ffffffbd}.events-panel.melody-page .synth-controls input[type=range]::-moz-range-track{height:32px;box-shadow:var(--bas-shadow-carved);background:#efede7;border-radius:18px}.events-panel.melody-page .synth-controls input[type=range]::-moz-range-thumb{background:#efede7;border:1px solid #ffffff6b;border-radius:12px;width:40px;height:24px;box-shadow:4px 5px 10px #1e1d1a12,-2px -2px 6px #ffffffbd}.events-panel.melody-page .basTinyLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d34368c;font-size:.7rem}.events-panel.melody-page .basSettingsToggleGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.events-panel.melody-page .basCheckStacked{justify-items:center;gap:8px;min-width:92px;display:grid}.events-panel.melody-page .basCheckStacked .basTinyLabel{text-align:center}.events-panel.melody-page .basCheckStacked .basCheckMold{margin:0}.events-panel.melody-page .basPlaybackRow{background:var(--landing-bg);box-shadow:var(--bas-shadow-raised);border:1px solid #ffffff80;border-radius:18px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:12px;padding:12px 14px;display:flex}.events-panel.melody-page .basSettingsTempo{background:var(--landing-bg);box-shadow:var(--bas-shadow-carved);border:1px solid #fff6;border-radius:18px;gap:6px;padding:12px 14px;display:grid}.events-panel.melody-page .basSettingsTempo .tempo-controls{margin:0}.events-panel.melody-page .basSettingsTempo .tempo-controls span{color:#2d3436c7;font-weight:700}.events-panel.melody-page .basPlayhead{gap:6px;display:grid}.events-panel.melody-page .basPlayheadPill{background:var(--landing-bg);box-shadow:var(--bas-shadow-carved);border:1px solid #fff6;border-radius:18px;align-items:center;min-width:140px;padding:12px 14px;display:flex}.events-panel.melody-page .basPlayheadValue{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.02em;color:#2d3436c7;font-weight:700}.events-panel.melody-page .basSettingsPrimary{background:var(--landing-bg);border:1px solid #ffffff7a;border-radius:14px;width:48px;height:48px;box-shadow:4px 5px 10px #1e1d1a12,-3px -3px 8px #ffffffbd,inset 0 1px #ffffff57}.events-panel.melody-page .basSettingsPrimary:hover:not(:disabled){transform:translateY(1px);box-shadow:2px 3px 6px #1e1d1a0f,-2px -2px 5px #ffffffad}.events-panel.melody-page .basSettingsPanel .merge-selected-button{border-radius:999px;padding:10px 14px}@media (max-width:760px){.events-panel.melody-page .basSettingsPanel{flex-direction:column;align-items:stretch}.events-panel.melody-page .basSettingsRight{justify-content:space-between}.events-panel.melody-page .basPlayheadPill{min-width:0}}.piano-roll-note.is-deleting{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 6px #ff3c3c99);animation:.65s forwards note-explode}.piano-roll-note.is-added{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 8px #2ad67ccc);animation:.9s ease-out forwards note-added}.piano-roll-note.is-merge-pair{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 10px #1d7bff8c);animation:1.35s ease-in-out infinite merge-note-bounce;fill:#1d7bff!important}.events-panel.melody-page .piano-roll-note.is-merging{animation:1.5s ease-in-out forwards melody-merge-notes;opacity:1!important}.events-panel.melody-page .piano-roll-note.is-merge-pair:not(.is-merging){opacity:1;animation:.78s ease-in-out infinite melody-merge-ready-bounce}@keyframes merge-note-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.2px)scale(1.03)}}@keyframes melody-merge-ready-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3.2px)scale(1.04)}}@keyframes melody-merge-notes{0%{transform:translate(0)rotate(0)scale(1)}12%{transform:translateY(-4px)rotate(-1.6deg)scale(1.02)}24%{transform:translateY(-7px)rotate(1.8deg)scale(1.03)}36%{transform:translateY(-6px)rotate(-1.2deg)scale(1.03)}48%{transform:translateY(-3px)rotate(1.2deg)scale(1.02)}58%{transform:translateY(0)rotate(0)scale(1.02)}78%{transform:translateX(calc(var(--merge-dx,0px) * .45)) rotate(0deg) scale(1.04)}to{transform:translateX(var(--merge-dx,0px)) rotate(0deg) scale(1.08)}}@keyframes note-added{0%{opacity:.2;transform:scale(.9)}20%{opacity:1;transform:scale(1.06)}40%{opacity:.25;transform:scale(1)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes note-explode{0%{fill:#ff4a4a;transform:scale(1)}20%{transform:scale(1.08)translate(-1px)}40%{transform:scale(1.18)translate(2px)}60%{transform:scale(1.28)translate(-2px)}80%{opacity:.7;transform:scale(1.38)}to{opacity:0;transform:scale(1.6)}}.piano-roll-track{height:100%;position:relative}.phrase-ruler{pointer-events:none;z-index:3;height:20px;position:absolute;top:4px;left:12px;right:12px}.phrase-ruler-handle{cursor:ew-resize;pointer-events:auto;touch-action:none;background:0 0;border:0;justify-content:center;align-items:flex-start;width:26px;height:24px;padding:0;display:inline-flex;position:absolute;top:-2px;transform:translate(-50%)}.phrase-ruler-handle:before{content:"";opacity:0;background:#ffffffdb;border-radius:999px;transition:opacity .16s;position:absolute;inset:2px 4px 0;box-shadow:0 6px 14px #1e1d1a1f,inset 0 1px #ffffffb8}.phrase-ruler-handle:hover:before,.phrase-ruler-handle:focus-visible:before{opacity:1}.phrase-ruler-handle:focus-visible{outline:none}.phrase-ruler-handle-glyph{filter:drop-shadow(0 4px 8px #32429c38);border-top:11px solid #6f7cfff5;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-top:2px;position:relative}.basQuantizeGroup{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.piano-roll-track svg{width:100%;height:100%;display:block}.piano-roll-scroll{max-width:100%}.piano-roll-playhead{pointer-events:none;z-index:2;background:#a5b4fc;border-radius:0;width:2px;position:absolute;top:6px;bottom:6px;box-shadow:0 0 15px #a5b4fc8c}.piano-roll-playhead:before{content:none}.scroll-panel{scrollbar-gutter:stable;overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;padding-bottom:4px;overflow:auto hidden}.midi-viewport.scroll-panel{padding-bottom:0}.debug-overflow{outline-offset:-2px;outline:2px solid #f009}.scroll-inner{height:100%;min-height:1px}.score-scroll,.score-inner{position:relative}.score-playhead{pointer-events:none;z-index:2;background:#28d67c;border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px}.score-playhead:before{content:"";border-top:8px solid #28d67c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.roll-caption{color:#6b6a66;margin:0;font-size:.85rem}.roll-caption h3{color:#1e1d1a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:1.05rem}.roll-caption p{color:#4a4844;max-width:820px;margin:0;font-size:.95rem;line-height:1.5}.melody-phrase-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px;display:grid}.melody-phrase-summary-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.melody-phrase-card{background:#ffffff8a;border-radius:18px;padding:14px 16px;box-shadow:inset 4px 4px 10px #1e1d1a12,inset -4px -4px 10px #ffffffb8}.melody-phrase-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.melody-phrase-name{letter-spacing:.12em;text-transform:uppercase;color:#2d3436b8;font-size:.8rem;font-weight:700}.melody-phrase-role{color:#3844a0e6;background:#6f7cff1f;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.melody-phrase-bars{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436c2;font-size:.84rem}.melody-phrase-card p{color:#4a4844;margin:8px 0 0;font-size:.9rem;line-height:1.45}.harmony-phrase-ribbon{background:linear-gradient(#ffffffb3,#f2efe8e6),#ffffff9e;border:1px solid #52504a1f;border-radius:26px;align-items:stretch;gap:0;padding:10px 0;display:grid;position:relative;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #52504a0a}.harmony-phrase-change-lane{align-items:stretch;gap:8px;margin:0 0 10px;display:grid}.harmony-phrase-change-span{background:linear-gradient(#6f7cff1f,#6f7cff0f),#ffffffb3;border-radius:16px;min-height:74px;padding:10px 12px 12px;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #1e1d1a08}.harmony-chord-zone-lane{min-height:48px;margin:10px 0 12px;position:relative}.harmony-chord-zone-span{pointer-events:auto;z-index:1;min-width:0;position:absolute;top:0;bottom:0}.harmony-chord-zone-span:after{content:"";pointer-events:none;border:2px solid #3a3834c7;border-radius:3px;position:absolute;inset:-2px}.harmony-chord-zone-span.is-updated:before{content:"";pointer-events:none;opacity:0;border:2px solid #1d7bff6b;border-radius:5px;animation:1s ease-in-out 3 chordUpdatedPulse;position:absolute;inset:-5px;box-shadow:0 0 #1d7bff52,0 0 18px #1d7bff38}.harmony-chord-zone-span.is-open{z-index:4}.harmony-chord-zone-chip{width:100%;height:100%;box-shadow:none;background:#ffffff0a;border:2px solid #484848eb;border-radius:3px;justify-content:center;align-items:center;display:flex}.harmony-chord-zone-chip-button{appearance:none;cursor:pointer;border:0;padding:0;transition:transform .12s,box-shadow .12s,background .12s}.harmony-chord-zone-chip-button:hover,.harmony-chord-zone-chip-button:focus-visible{transform:translateY(-1px);box-shadow:0 6px 14px #1e1d1a14}.harmony-chord-zone-span.is-open .harmony-chord-zone-chip{background:#ffffff05;border-color:#24221deb;box-shadow:0 0 0 1px #24221d24,0 10px 20px #1e1d1a1a}.harmony-chord-zone-name{letter-spacing:.06em;text-transform:uppercase;color:#3844a0eb;white-space:nowrap;text-overflow:ellipsis;padding:0 12px;font-size:.74rem;font-weight:800;overflow:hidden}.harmony-zone-recommendations-toast{z-index:5;position:absolute;top:calc(100% + 6px);right:8px}.harmony-chord-zone-menu{min-width:360px}.harmony-zone-popup-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.harmony-zone-popup-title{letter-spacing:.08em;text-transform:uppercase;color:#6a655c;font-size:.78rem;font-weight:700}.harmony-zone-popup-summary{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.harmony-zone-popup-summary .chord-select-trigger{width:100%}.harmony-zone-popup-controls{margin-top:8px}.harmony-zone-popup-buttons{gap:8px;margin-top:10px;display:flex}.harmony-timing-hint-lane{align-items:center;gap:8px;margin:0 0 10px;display:grid}.harmony-timing-hint-cell{min-width:0}.harmony-timing-hint-pill,.harmony-timing-hint-placeholder{border-radius:999px;min-height:28px}.harmony-timing-hint-pill{cursor:default;background:#ffffffbd;border:1px solid #52504a1a;justify-content:center;align-items:center;width:100%;padding:6px 10px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffb8,0 1px 1px #1e1d1a08}.harmony-timing-hint-label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:800;overflow:hidden}.harmony-timing-hint-tooltip{z-index:10;color:#fffcf5f5;opacity:0;visibility:hidden;pointer-events:none;background:#1f1e26f0;border-radius:12px;width:min(240px,100vw - 32px);padding:10px 12px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px #1111132e}.harmony-timing-hint-tooltip:after{content:"";background:#1f1e26f0;width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.harmony-timing-hint-pill:hover .harmony-timing-hint-tooltip,.harmony-timing-hint-pill:focus-visible .harmony-timing-hint-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.harmony-timing-hint-tooltip-kicker{letter-spacing:.08em;text-transform:uppercase;color:#c8ceffdb;margin-bottom:6px;font-size:.66rem;font-weight:800;display:inline-block}.harmony-timing-hint-tooltip p{margin:0;font-size:.78rem;line-height:1.4}.harmony-timing-hint-placeholder{background:#52504a0a;border:1px dashed #52504a14}.harmony-timing-hint-pickup{color:#804818eb;background:#d485401f}.harmony-timing-hint-start{color:#1f4584eb;background:#4078d41f}.harmony-timing-hint-continuation{color:#3844a0eb;background:#6f7cff1f}.harmony-timing-hint-cadence{color:#26613af0;background:#45955d24}.harmony-phrase-span{background:linear-gradient(#6f7cff1a,#6f7cff0a),0 0;gap:10px;min-height:76px;padding:10px 14px 12px;display:grid;position:relative}.harmony-phrase-span.has-left-break:before,.harmony-phrase-span.has-right-break:after{content:"";z-index:1;background:#f0ece4f5;border-radius:999px;width:14px;position:absolute;top:10px;bottom:10px;box-shadow:inset 1px 0 #ffffffd1,inset -1px 0 #52504a14}.harmony-phrase-span.has-left-break:before{left:-7px}.harmony-phrase-span.has-right-break:after{right:-7px}.harmony-phrase-span-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.harmony-phrase-span-role{color:#3844a0db;font-size:.72rem;font-weight:700}.harmony-phrase-strip{position:relative}.harmony-phrase-ribbon{border-radius:24px;min-height:134px;position:relative}.harmony-phrase-ribbon-base{background:#f5f2eaf0;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #5953441f,0 8px 20px #1c1f380d}.harmony-phrase-span{border-radius:18px;flex-direction:column;gap:10px;min-height:108px;padding:18px 16px 12px;transition:left .12s,width .12s,background-color .12s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1.5px #4843382e}.harmony-phrase-span:after{display:none}.harmony-phrase-span-top{z-index:1;align-items:center;min-height:24px;display:flex;position:relative}.harmony-phrase-span-name{letter-spacing:.14em;text-transform:uppercase;color:#3e4458cc;font-size:.96rem;font-weight:800}.harmony-exact-boundary-layer{pointer-events:none;z-index:5;min-height:0;position:absolute;inset:0}.harmony-exact-boundary-marker{z-index:4;pointer-events:auto;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;transform:translate(-50%)}.harmony-exact-boundary-badge{color:#fffcf5fa;letter-spacing:.08em;text-transform:uppercase;background:#252b5ae0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 6px 12px #1111131f,0 0 0 4px #f7f4ede6}.harmony-exact-boundary-line{display:none}.harmony-phrase-change-rail{z-index:2;min-height:50px;position:relative}.harmony-phrase-change-line{background:linear-gradient(90deg,#8b95e44d,#5c6ac49e),#52504a14;border-radius:999px;height:3px;position:absolute;top:20px;left:0;right:0;box-shadow:inset 0 1px #ffffff4d,0 1px 1px #1e1d1a0a}.harmony-phrase-change-marker{appearance:none;z-index:3;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:inline-grid;position:absolute;top:7px;transform:translate(-50%)}.harmony-phrase-change-marker.is-draggable{cursor:grab}.harmony-phrase-change-marker.is-draggable:active{cursor:grabbing}.harmony-phrase-change-marker.is-fixed{cursor:default}.harmony-phrase-change-dot{background:#5c6ac4fa;border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 3px #f7f7fff0,0 2px 4px #1e1d1a1f}.harmony-phrase-change-label{letter-spacing:.02em;color:#3844a0d6;white-space:nowrap;margin-top:4px;font-size:.68rem;font-weight:700}.harmony-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.harmony-full{gap:16px;display:grid}.harmony-full>*{min-width:0}.harmony-keybar{gap:6px;max-width:560px;display:grid}.harmony-analysis-box{gap:20px;padding:8px 0 0;display:grid}.harmony-analysis-box-inner{background:#ffffff8f;border:1px solid #52504a1a;border-radius:24px;gap:24px;padding:26px 28px;display:grid;box-shadow:inset 1px 1px #ffffff70,inset -1px -1px #52504a0a}.harmony-analysis-heading{gap:10px;max-width:44rem;display:grid}.harmony-analysis-eyebrow{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d343694;margin:0;font-size:.72rem}.harmony-analysis-title{letter-spacing:-.04em;color:#1e1d1af2;margin:2px 0 0;font-size:clamp(1.5rem,2.6vw,2rem);line-height:.98}.harmony-analysis-subtitle{color:#4a4844bd;max-width:38rem;margin:0;font-size:.98rem;line-height:1.6}.harmony-analysis-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:start;gap:20px;display:grid}.harmony-analysis-left,.harmony-analysis-right{min-width:0}.harmony-overall-key-panel,.harmony-analysis-summary{background:#ffffff7a;border:1px solid #52504a14;border-radius:20px;gap:16px;padding:20px;display:grid}.harmony-analysis-section-head{gap:4px;display:grid}.harmony-analysis-section-kicker{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d343680;font-size:.67rem}.harmony-analysis-section-copy{color:#4a4844b8;margin:0;font-size:.9rem;line-height:1.5}.harmony-overall-key-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 16px;display:grid}.harmony-overall-key-actions>.harmony-style-select,.harmony-overall-key-actions>.harmony-overall-key-select{min-width:0}.harmony-overall-key-select-plain{grid-column:1/2}.harmony-overall-key-static{min-height:46px;box-shadow:var(--bas-shadow-carved);color:#1e1d1ae6;background:#ffffffb3;border-radius:18px;align-items:center;padding:0 14px;font-weight:700;line-height:1.25;display:flex}.harmony-key-signature-badge{min-width:118px;box-shadow:var(--bas-shadow-carved);background:#ffffffad;border-radius:18px;grid-area:1/2/span 3/3;justify-content:center;align-self:stretch;align-items:center;padding:8px;display:flex}.harmony-analysis-summary-card{gap:8px;padding-top:2px;display:grid}.harmony-analysis-summary-label{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.16em;text-transform:uppercase;color:#2d343694;font-size:.7rem}.harmony-analysis-summary-card strong{letter-spacing:-.03em;color:#1e1d1af2;font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.1}.harmony-analysis-bullets{color:#2d3436c7;gap:10px;margin:0;padding-left:1.05rem;font-size:.95rem;line-height:1.58;display:grid}.harmony-analysis-bullets li::marker{color:#627ba6b8}.harmony-keybar select{width:100%;min-height:46px;font-size:.7rem;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d3436d1;background:linear-gradient(180deg, #ffffff2e, #ffffff05), var(--landing-bg);box-shadow:var(--bas-shadow-carved);appearance:none;background-image:linear-gradient(#ffffff2e,#ffffff05),linear-gradient(45deg,#0000 50%,#2d34369e 50%),linear-gradient(135deg,#2d34369e 50%,#0000 50%);background-position:0 0,calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:auto,6px 6px,6px 6px;border:1px solid #fff6;border-radius:18px;padding:0 40px 0 14px;font-weight:700}.harmony-overall-key-select{appearance:auto;-webkit-appearance:menulist;border-radius:initial;border:initial;padding:initial;font-size:initial;background:initial}.harmony-key-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.harmony-key-actions select{width:100%}.harmony-style-select{gap:6px;width:100%;display:grid}.harmony-style-label{letter-spacing:.16em;text-transform:uppercase;color:#2d343694;font-size:.72rem;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.harmony-rerun{background:var(--landing-bg);color:#2d3436e6;cursor:pointer;white-space:nowrap;min-height:42px;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;border:1px solid #ffffff6b;border-radius:999px;justify-self:start;padding:0 16px;font-weight:800;box-shadow:inset 2px 2px 4px #1e1d1a0f,inset -2px -2px 4px #ffffffb8}.harmony-rerun.is-dirty{color:#1e1d1af5;box-shadow:inset 2px 2px 4px #1e1d1a0f,inset -2px -2px 4px #ffffffb8,0 0 0 1px #627ba61f}.harmony-rerun:disabled{opacity:.5;cursor:not-allowed}.harmony-key-label{text-transform:uppercase;letter-spacing:.16em;color:#6b6a66;font-size:.85rem}.harmony-wide{width:100%}.harmony-card{background:#ffffffdb;border:1px solid #52504a1f;border-radius:16px;gap:6px;padding:16px;display:grid}.harmony-card h3{color:#1e1d1a;margin:0;font-size:1rem}.harmony-key-select select{background:#fff;border:1px solid #52504a33;border-radius:12px;width:100%;padding:8px 10px;font-size:1rem}.harmony-key{margin:0;font-size:1.2rem;font-weight:600;line-height:1.1}.harmony-list,.harmony-measures{gap:8px;display:grid}.harmony-row{color:#3c3a35;grid-template-columns:auto 1fr auto;gap:8px;font-size:.9rem;line-height:1.2;display:grid}.harmony-score{font-variant-numeric:tabular-nums;color:#5b5954}.harmony-muted{color:#6b6a66;margin:0;font-size:.9rem}.harmony-empty-state{box-shadow:none;background:#ffffff85;border:1px solid #52504a14;justify-content:flex-start}.harmony-measure{border:1px solid #52504a1f;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.harmony-measure-title{text-transform:uppercase;letter-spacing:.12em;color:#6b6a66;font-size:.8rem}.harmony-measure-chosen{color:#1e1d1a;font-weight:600}.harmony-measure-options{color:#4a4844;flex-wrap:wrap;gap:8px;font-size:.85rem;display:flex}.harmony-chord-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.harmony-chord{background:#ffffffbf;border:1px solid #52504a1f;border-radius:12px;gap:4px;padding:8px 10px;display:grid}.harmony-chord-name{color:#1e1d1a;font-weight:600}.harmony-chord-roman{color:#6b6a66;font-size:.85rem}.harmony-chord-tones{color:#4a4844;letter-spacing:.05em;font-size:.85rem}.sheet-card{gap:10px;display:grid}.sheet-title{color:#1e1d1a;margin:0;font-size:.95rem;font-weight:600}.sheet-card svg{width:100%;height:auto}.sheet-stack{gap:16px;display:grid}.musicxml-panel{background:#ffffffd9;border:1px solid #52504a1f;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex;overflow:hidden}.musicxml-container{width:100%;max-width:100%;min-height:220px}.sheet-playhead-wrap{width:100%;position:relative}.sheet-playhead{pointer-events:none;z-index:2;background:#28d67c;border-radius:999px;width:4px;position:absolute;top:6px;bottom:6px}.sheet-playhead:before{content:"";border-top:8px solid #28d67c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.harmony-playback-row>button:not(.play-button){text-align:center;min-width:120px}.musicxml-container svg{width:100%;height:auto;display:block}@media (max-width:640px){.harmony-chord-grid{grid-template-columns:1fr}}.harmony-card .preview-controls{flex-wrap:wrap;margin-top:4px}.harmony-playback-row{box-shadow:none;background:0 0;border-radius:0;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;padding:4px 0 0;display:flex}.harmony-playback-row .harmony-transport-button{background:var(--landing-bg);width:60px;height:60px;box-shadow:6px 6px 12px var(--landing-shadow-dark), -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:18px}.harmony-playback-row .harmony-transport-button:hover{box-shadow:4px 4px 10px var(--landing-shadow-dark), -4px -4px 10px var(--landing-shadow-light);transform:translateY(-1px)}.harmony-playback-row .harmony-transport-button .play-icon{border-left-color:var(--landing-periwinkle);border-top-width:10px;border-bottom-width:10px;border-left-width:15px}.harmony-playback-row .harmony-transport-button .stop-icon{background:var(--landing-periwinkle);border-radius:3px;width:14px;height:14px}.harmony-playback-row .basCheck{min-height:46px;box-shadow:none;background:0 0;border-radius:999px;padding:0 10px 0 4px}.harmony-playback-row .basCheckLabel{font-size:.92rem}.harmony-playback-row .basCheckMold{margin-right:10px}@media (max-width:880px){.harmony-analysis-grid{grid-template-columns:1fr}.harmony-analysis-box-inner{padding:22px 20px}.harmony-overall-key-actions{grid-template-columns:1fr}.harmony-key-signature-badge{grid-area:auto;min-width:0}.harmony-grid{grid-template-columns:1fr}}@media (max-width:640px){.upload-page{padding:48px 18px 72px}.status-card,.events-controls{flex-direction:column;align-items:flex-start}.events-row{grid-template-columns:1fr 1fr;row-gap:6px}}.upload-page{background:var(--landing-bg);color:var(--landing-text)}.sculpt-out{background:var(--landing-bg);box-shadow:10px 10px 20px var(--landing-shadow-dark), -10px -10px 20px var(--landing-shadow-light);border-radius:var(--landing-radius-md)}.sculpt-in{background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border-radius:var(--landing-radius-md)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,color .16s,opacity .16s;display:inline-flex}.btn:focus-visible{outline:none}.btn--pill{background:var(--landing-bg);color:var(--landing-text);box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border-radius:999px;padding:.9rem 1.6rem;font-size:1.05rem;font-weight:700}.btn--pill:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.btn--pill:active{transform:translateY(2px)}.btn--periwinkle{color:var(--landing-periwinkle)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.upload-page .hero h1,.upload-page .hero .subhead{color:var(--landing-text)}