:root{--bg: #f5f4f1;--bg-soft: #efede9;--paper: #ffffff;--paper-2: #fbfaf8;--sidebar: #101114;--sidebar-2: #17181d;--text: #232226;--muted: #76727a;--muted-2: #9c98a0;--line: rgba(35, 34, 38, .1);--line-strong: rgba(35, 34, 38, .16);--gold: #d1ad42;--gold-soft: rgba(209, 173, 66, .18);--green: #5a9c67;--green-soft: rgba(90, 156, 103, .14);--amber: #c89b34;--amber-soft: rgba(200, 155, 52, .15);--red: #c85e56;--red-soft: rgba(200, 94, 86, .14);--shadow-sm: 0 10px 30px rgba(17, 18, 22, .05);--shadow-md: 0 22px 60px rgba(17, 18, 22, .08);--shadow-lg: 0 40px 100px rgba(17, 18, 22, .12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 36px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Iowan Old Style, Palatino Linotype, Book Antiqua, Georgia, ui-serif, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0}img,svg{display:block}.app{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.85),transparent 28%),radial-gradient(circle at top right,rgba(209,173,66,.08),transparent 24%),var(--bg)}.logo{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1;color:#2a282d;text-transform:none;letter-spacing:-.02em}.logo:before{content:"";width:1.1rem;height:1.1rem;border-radius:4px;background:linear-gradient(var(--text),var(--text)) 0 0 / 100% 3px no-repeat,linear-gradient(var(--text),var(--text)) 0 50% / 100% 3px no-repeat,linear-gradient(var(--text),var(--text)) 0 100% / 100% 3px no-repeat;opacity:.92;transform:perspective(12px) rotateX(42deg)}.btn-primary,.btn-outline,.btn-ghost,.btn-secondary{height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1a1c23,#0d0f15);color:#fff;box-shadow:0 16px 36px #10111438}.btn-primary:hover,.btn-outline:hover,.btn-ghost:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-primary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-outline,.btn-secondary,.btn-ghost{border:1px solid var(--line);background:#ffffffad;color:var(--text)}.btn-ghost{background:transparent;border-color:transparent}.app-header{width:100%;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#f5f4f1d1;border-bottom:1px solid rgba(35,34,38,.05)}.about-header{max-width:1360px;margin:0 auto;min-height:86px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.about-header-left,.about-header-right{display:flex;align-items:center;gap:14px}.about-header-right{justify-content:flex-end}.about-nav{display:flex;align-items:center;justify-content:center;gap:28px}.about-nav-link{position:relative;color:var(--muted);font-size:.98rem;font-weight:500}.about-nav-link:hover,.about-nav-link.is-active{color:var(--text)}.landing-shell{width:100%;max-width:1360px;margin:0 auto;padding:64px 28px 72px}.landing-grid{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(300px,.95fr);gap:44px;align-items:center;min-height:calc(100vh - 260px)}.landing-copy{max-width:620px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;border:1px solid rgba(209,173,66,.35);color:#313036;background:#ffffffb3;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.hero-badge-dot{width:8px;height:8px;border-radius:999px;background:var(--gold)}.landing-title{margin:28px 0 22px;font-family:var(--font-serif);font-size:clamp(3.6rem,7vw,5.5rem);line-height:.98;letter-spacing:-.05em;max-width:9ch}.landing-title-emphasis{display:block;color:#efcc4a;font-style:italic;font-weight:600}.landing-description{max-width:620px;margin:0;color:#5f5b62;font-size:1.15rem;line-height:1.65}.landing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:40px}.btn-primary--hero{min-width:280px;height:78px;padding:0 30px;font-size:1.25rem;font-weight:500}.landing-social-proof{display:flex;align-items:center;gap:14px}.landing-avatars{display:flex;align-items:center}.landing-avatars span{width:34px;height:34px;border-radius:999px;border:2px solid #f7f5f1;box-shadow:var(--shadow-sm);margin-left:-8px;background:linear-gradient(135deg,#c3a46f,#4b4d57)}.landing-avatars span:first-child{margin-left:0;background:linear-gradient(135deg,#d5d0c7,#9d8473)}.landing-avatars span:nth-child(2){background:linear-gradient(135deg,#95b3c8,#4d6076)}.landing-social-proof-text{max-width:180px;color:#5c5860;line-height:1.35}.landing-visual{display:flex;align-items:center;justify-content:center}.orbit-shell{position:relative;width:min(100%,560px);aspect-ratio:1 / 1}.orbit-ring{position:absolute;border-radius:999px;border:1px solid rgba(209,173,66,.14)}.orbit-ring--outer{inset:6%}.orbit-ring--inner{inset:20%}.orbit-core{position:absolute;inset:29%;border-radius:999px;background:linear-gradient(135deg,#57534b,#2f3238 55%,#474643);box-shadow:0 26px 58px #16171c33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fbf9f4}.orbit-core-wave{width:84px;height:34px;border-radius:999px;background:linear-gradient(90deg,rgba(209,173,66,.4) 0%,rgba(209,173,66,.4) 10%,transparent 10%,transparent 16%,rgba(209,173,66,.55) 16%,rgba(209,173,66,.55) 28%,transparent 28%,transparent 34%,rgba(209,173,66,.72) 34%,rgba(209,173,66,.72) 48%,transparent 48%,transparent 54%,rgba(209,173,66,.85) 54%,rgba(209,173,66,.85) 70%,transparent 70%,transparent 76%,rgba(209,173,66,1) 76%,rgba(209,173,66,1) 100%)}.orbit-core-arrow{color:#d1ad42e6;font-size:1.7rem}.orbit-core-notes{font-size:2.3rem;letter-spacing:.12em}.orbit-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(35,34,38,.07);background:#ffffffd6;box-shadow:var(--shadow-sm);color:#5f5b62}.orbit-chip--label{top:37%;left:2%;padding:11px 18px;font-size:.92rem}.orbit-chip--pdf,.orbit-chip--fx,.orbit-chip--midi,.orbit-chip--avatar{width:58px;height:58px;font-size:1rem}.orbit-chip--pdf{top:14%;left:46%;background:#3a3d43;color:#f0d36a}.orbit-chip--fx{top:22%;right:8%;color:var(--gold);background:#efe5c1b8}.orbit-chip--midi{right:6%;bottom:29%}.orbit-chip--avatar{bottom:5%;left:37%;background:linear-gradient(135deg,#d6d0c3,#8c8f98);color:#fff}.brand-strip{border-top:1px solid rgba(35,34,38,.06);border-bottom:1px solid rgba(35,34,38,.06);background:#ffffff73}.brand-strip__inner{max-width:1360px;margin:0 auto;padding:22px 28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;color:#8f8a91;font-family:var(--font-serif);font-size:1.1rem}.about-footer{background:linear-gradient(90deg,#181920,#111219 55%,#191a22);color:#d3d0d7}.about-footer-inner{max-width:1360px;margin:0 auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.about-footer .logo{color:#fff;font-size:1.9rem}.about-footer .logo:before{background:linear-gradient(var(--gold),var(--gold)) 0 0 / 100% 3px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 50% / 100% 3px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 100% / 100% 3px no-repeat}.about-footer-cols{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.about-footer-link{color:#d8d4dc}.about-footer-link:hover{color:#fff}.about-footer-muted{color:#d8d4dcb8}.app--shell{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{padding:28px 20px;background:linear-gradient(180deg,#090a0d,#101216 38%,#111317);color:#ffffffd1;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:22px}.sidebar .logo{color:#fff;font-size:2rem}.sidebar .logo:before{background:linear-gradient(#fff,#fff) 0 0 / 100% 3px no-repeat,linear-gradient(#fff,#fff) 0 50% / 100% 3px no-repeat,linear-gradient(#fff,#fff) 0 100% / 100% 3px no-repeat}.sidebar-logo{display:flex;align-items:center;gap:14px;padding:6px 8px 18px}.sidebar-icon-btn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:#fff;cursor:pointer}.sidebar-icon-btn:hover{background:#ffffff1a}.sidebar-section-label{padding:0 12px;color:#ffffff75;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-link{height:54px;width:100%;border-radius:16px;padding:0 16px;text-align:left;background:transparent;color:#ffffffb8;font-size:1rem;cursor:pointer}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link--active{background:#d1ad4224;color:#f0cc66;border:1px solid rgba(209,173,66,.24);box-shadow:inset 0 0 0 1px #d1ad420a}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-link--danger{color:#ffffffc7}.workspace{min-width:0;padding:36px 42px}.panel{max-width:1200px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{margin-bottom:12px;color:var(--gold);font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.panel-header h1,.composition-detail-title{margin:0;font-family:var(--font-serif);font-size:clamp(2.2rem,3vw,3.2rem);letter-spacing:-.04em;line-height:1}.panel-header p,.composition-detail-subtitle{margin:10px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.6}.panel-actions{display:flex;gap:12px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card,.info-card,.records-card,.score-card,.auth-modal-panel,.modal{background:#ffffffd1;border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.stat-card{min-height:152px;border-radius:26px;padding:24px;display:flex;flex-direction:column;gap:12px}.stat-card__label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.stat-card__value{font-family:var(--font-serif);font-size:3rem;line-height:1;font-weight:600}.stat-card__meta{color:var(--muted-2);font-size:.96rem}.records-card{border-radius:34px;padding:26px 0 16px;overflow:hidden}.records-card__head{padding:0 26px 18px;border-bottom:1px solid var(--line)}.records-card__title{margin:0;font-family:var(--font-serif);font-size:2rem;letter-spacing:-.03em}.records-card__subtitle{margin:8px 0 0;color:var(--muted)}.composition-list{display:flex;flex-direction:column}.composition-row{display:grid;grid-template-columns:minmax(0,1.65fr) 170px 220px;gap:18px;align-items:center;padding:20px 26px;border-bottom:1px solid rgba(35,34,38,.08)}.composition-row--header{padding-top:14px;padding-bottom:14px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.composition-row--clickable{cursor:pointer;transition:background .16s ease,transform .16s ease}.composition-row--clickable:hover{background:#d1ad420f}.composition-name{font-family:var(--font-serif);font-size:1.3rem;line-height:1.35}.composition-date{color:var(--muted);font-variant-numeric:tabular-nums}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:.88rem;font-weight:600;border:1px solid transparent}.status-badge--ready{color:var(--green);background:var(--green-soft);border-color:#5a9c6738}.status-badge--processing{color:var(--amber);background:var(--amber-soft);border-color:#c89b3433}.status-badge--error{color:var(--red);background:var(--red-soft);border-color:#c85e5633}.panel-pagination{display:flex;justify-content:flex-end;padding:18px 26px 6px}.pagination{display:flex;gap:8px}.pagination-btn{min-width:36px;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.pagination-page--active{color:var(--gold);border-color:#d1ad4280;background:#d1ad4214}.placeholder-card,.info-card{border-radius:28px;padding:24px}.placeholder-title{margin:0 0 10px;font-family:var(--font-serif);font-size:1.6rem}.placeholder-text,.info-label,.info-value,.detail-placeholder-text,.detail-placeholder-title,.score-empty-hint,.score-message{color:var(--muted)}.info-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:0}.info-label{font-size:.92rem;text-transform:uppercase;letter-spacing:.12em}.info-value{color:var(--text);font-weight:600}.detail-page{display:flex;flex-direction:column;gap:22px}.composition-detail-header{display:flex;justify-content:space-between;align-items:flex-start}.detail-header-left{display:flex;flex-direction:column;gap:16px}.detail-back{align-self:flex-start;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#ffffff9e;color:var(--muted);cursor:pointer}.composition-detail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.detail-tabs{display:inline-flex;padding:6px;border-radius:999px;background:#ffffffb8;border:1px solid var(--line)}.detail-tab{height:42px;padding:0 18px;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.detail-tab--active{background:#111219;color:#fff;box-shadow:0 10px 20px #11121929}.auth-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px}.auth-modal-backdrop,.modal-backdrop{position:fixed;inset:0;background:#1112166b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-modal-panel,.modal{position:relative;z-index:1;width:min(540px,calc(100vw - 32px));border-radius:30px;padding:26px}.auth-modal-head,.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.auth-modal-title,.modal-header h2{margin:0;font-family:var(--font-serif);font-size:2rem;letter-spacing:-.03em}.auth-modal-subtitle{color:var(--muted);line-height:1.6;margin-bottom:18px}.auth-modal-close{width:38px;height:38px;border-radius:999px;background:#1112160f;color:var(--text);cursor:pointer}.auth-providers{display:flex;flex-direction:column;gap:12px}.auth-provider{min-height:74px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:#ffffffa6;cursor:pointer}.auth-provider:hover:not(:disabled){border-color:#d1ad4261;background:#d1ad420f}.auth-provider.is-disabled{opacity:.62;cursor:not-allowed}.auth-provider-left{display:flex;align-items:center;gap:14px}.auth-provider-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#1112160f;color:var(--text)}.auth-provider-title{font-weight:700}.auth-provider-subtitle,.auth-foot-muted{color:var(--muted);font-size:.92rem}.auth-provider-pill{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:34px;border-radius:999px;padding:0 14px;background:#111219;color:#fff;font-size:.88rem}.auth-provider-pill.is-soon{background:#11121614;color:var(--muted)}.auth-modal-foot{margin-top:18px}.modal-body{display:flex;flex-direction:column;gap:18px}.file-drop{display:block;border:1px dashed rgba(209,173,66,.44);border-radius:22px;background:#d1ad420d;cursor:pointer}.file-drop-inner{padding:34px 22px;text-align:center}.file-drop-title{margin:0 0 8px;font-weight:700}.file-drop-text,.file-drop-selected{margin:0;color:var(--muted)}.file-drop-selected{margin-top:12px;color:var(--gold);font-weight:700}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.modal-btn{min-width:130px}@media(max-width:1080px){.about-header{grid-template-columns:1fr auto}.about-nav{display:none}.landing-grid{grid-template-columns:1fr;min-height:auto}.landing-copy,.landing-title{max-width:none}.app-shell{grid-template-columns:1fr}.sidebar{padding-bottom:18px}.workspace{padding:24px 18px 36px}}@media(max-width:720px){.about-header{grid-template-columns:1fr;padding:16px 18px}.about-header-right{justify-content:flex-start}.landing-shell{padding:36px 18px 54px}.landing-title{font-size:3.2rem}.btn-primary--hero{width:100%;min-width:0;height:64px;font-size:1.05rem}.brand-strip__inner{grid-template-columns:repeat(2,minmax(0,1fr));font-size:1rem}.dashboard-stats{grid-template-columns:1fr}.composition-row{grid-template-columns:1fr;gap:10px}.composition-row--header{display:none}.composition-name{font-size:1.1rem}.composition-detail-top{flex-direction:column;align-items:flex-start}.panel-header{flex-direction:column}.panel-actions,.panel-actions .btn-primary{width:100%}}body{font-size:14px}.logo{font-size:1.35rem;gap:10px}.logo:before{width:.95rem;height:.95rem}.app-header{background:#f5f4f1e6}.about-header{min-height:72px;padding:0 42px;max-width:1280px}.about-nav{gap:24px}.about-nav-link{font-size:.9rem}.btn-primary,.btn-outline,.btn-ghost,.btn-secondary{height:42px;padding:0 18px;font-size:.9rem}.landing-shell{max-width:1280px;padding:54px 42px 70px}.landing-grid{min-height:calc(100vh - 220px);grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);gap:58px}.landing-copy{max-width:540px}.hero-badge{padding:6px 14px;font-size:.72rem;letter-spacing:.13em}.landing-title{margin:24px 0 18px;max-width:10.4ch;font-size:clamp(2.8rem,5.3vw,4.35rem);line-height:.98}.landing-description{max-width:520px;font-size:1rem;line-height:1.62}.landing-actions{margin-top:30px}.btn-primary--hero{min-width:252px;height:58px;padding:0 24px;font-size:1rem}.landing-visual{min-height:390px}.conversion-card{position:relative;width:min(100%,560px);aspect-ratio:1.55 / 1;border-radius:26px;border:1px solid rgba(209,173,66,.34);background:linear-gradient(135deg,#575344f5,#393d3ffa),#3c3e3b;box-shadow:0 34px 80px #17181c29;overflow:hidden}.conversion-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.08),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none}.conversion-card__corner{position:absolute;top:-18px;right:-18px;width:58px;height:58px;border:2px solid rgba(239,204,74,.8);border-radius:999px;color:#f5ce24;display:flex;align-items:flex-end;justify-content:flex-start;padding:12px;font-size:1rem}.conversion-card__content{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1.25fr;align-items:center;justify-items:center;gap:22px;padding:48px}.conversion-wave{height:120px;display:flex;align-items:center;gap:9px}.conversion-wave span{width:12px;border-radius:999px;background:#f5c915;box-shadow:0 0 18px #f5c9153d}.conversion-wave span:nth-child(1),.conversion-wave span:nth-child(7){height:34px;opacity:.58}.conversion-wave span:nth-child(2),.conversion-wave span:nth-child(6){height:58px;opacity:.68}.conversion-wave span:nth-child(3),.conversion-wave span:nth-child(5){height:84px;opacity:.82}.conversion-wave span:nth-child(4){height:110px}.conversion-arrow{color:#f5c915;font-size:2.2rem;font-weight:700}.conversion-sheet{position:relative;width:220px;height:118px;display:flex;align-items:center;justify-content:center}.conversion-staff{position:absolute;inset:32px 0 28px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 2px,transparent 2px,transparent 14px)}.conversion-notes{position:relative;z-index:1;color:#fff;font-size:3.15rem;line-height:1;letter-spacing:.08em;text-shadow:0 10px 20px rgba(0,0,0,.24)}.brand-strip{display:none}.about-footer-inner{max-width:1280px;min-height:74px;padding:20px 42px;font-size:.9rem}.about-footer .logo,.sidebar .logo{font-size:1.35rem}.about-footer-cols{gap:22px}.public-page{width:100%;max-width:980px;min-height:calc(100vh - 146px);margin:0 auto;padding:68px 42px 84px}.public-hero{max-width:660px;margin-bottom:28px}.public-hero h1{margin:22px 0 14px;font-family:var(--font-serif);font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.04em}.public-hero p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.pricing-card,.news-card{background:#ffffffd1;border:1px solid rgba(255,255,255,.76);border-radius:24px;box-shadow:var(--shadow-md);padding:28px}.pricing-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.pricing-card__label,.news-card__date{color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pricing-card h2,.news-card h2{margin:8px 0 0;font-family:var(--font-serif);font-size:2rem;line-height:1.1;letter-spacing:-.03em}.pricing-card__price{font-family:var(--font-serif);font-size:2.2rem;line-height:1}.pricing-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:22px}.pricing-limit{min-height:110px;border-radius:16px;border:1px solid var(--line);background:#ffffff8c;padding:18px}.pricing-limit strong{display:block;font-family:var(--font-serif);font-size:1.55rem;line-height:1.1;margin-bottom:8px}.pricing-limit span,.news-card p{color:var(--muted);line-height:1.6}.news-card{max-width:720px}.news-card h2{margin-bottom:12px}.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:24px 16px;gap:18px}.sidebar-logo{padding-bottom:12px}.sidebar-icon-btn{width:34px;height:34px}.sidebar-section-label{font-size:.68rem}.sidebar-link{height:44px;border-radius:12px;padding:0 14px;font-size:.92rem}.workspace{padding:34px 38px}.panel{max-width:1080px}.panel-header{margin-bottom:22px}.panel-header h1,.composition-detail-title{font-size:clamp(1.8rem,2.7vw,2.65rem)}.panel-header p,.composition-detail-subtitle{font-size:.94rem;line-height:1.55}.dashboard-stats{gap:14px;margin-bottom:18px}.stat-card{min-height:122px;border-radius:18px;padding:20px;gap:8px}.stat-card__label{font-size:.7rem}.stat-card__value{font-size:2.2rem}.stat-card__meta{font-size:.86rem}.records-card{border-radius:22px;padding-top:22px}.records-card__title{font-size:1.55rem}.records-card__subtitle{font-size:.88rem}.composition-row{padding:16px 24px;grid-template-columns:minmax(0,1.55fr) 150px 185px}.composition-row--header{padding-top:12px;padding-bottom:12px;font-size:.7rem}.composition-name{font-size:1.08rem}.composition-date{font-size:.88rem}.status-badge{min-height:28px;padding:0 11px;font-size:.78rem}.detail-tabs{border-radius:14px}.detail-tab{height:36px;border-radius:10px;font-size:.88rem}.detail-tab--active{border-radius:10px}.detail-back{height:34px;font-size:.86rem}.modal,.auth-modal-panel{border-radius:22px}@media(max-width:1080px){.about-header,.landing-shell,.public-page,.about-footer-inner{padding-left:24px;padding-right:24px}.landing-grid{gap:32px}.landing-visual{min-height:auto}.conversion-card{max-width:520px}.app-shell{grid-template-columns:1fr}}@media(max-width:720px){.about-header{min-height:auto;padding-top:14px;padding-bottom:14px}.landing-shell,.public-page{padding-top:42px;padding-bottom:56px}.landing-title{font-size:2.8rem}.conversion-card__content{padding:30px;grid-template-columns:1fr;gap:12px}.conversion-card{aspect-ratio:1.15 / 1}.conversion-arrow{transform:rotate(90deg);font-size:1.8rem}.conversion-sheet{width:190px}.conversion-notes{font-size:2.45rem}.pricing-limits{grid-template-columns:1fr}.public-hero h1{font-size:2.2rem}.pricing-card__head{flex-direction:column}}.auth-modal-title,.modal-header h2{font-size:1.55rem}.auth-modal-subtitle,.auth-provider-subtitle,.auth-foot-muted,.file-drop-text,.file-drop-selected{font-size:.86rem}.auth-provider{min-height:64px;border-radius:16px}.auth-provider-icon{width:36px;height:36px}.auth-provider-pill{min-height:28px;min-width:72px;font-size:.78rem}.file-drop-inner{padding:26px 18px}.placeholder-title{font-size:1.35rem}.info-card,.placeholder-card{border-radius:18px}.about-header-right .btn-primary{min-width:190px}.dashboard-stats--single{grid-template-columns:minmax(220px,320px)}.composition-row--disabled{opacity:.62;cursor:not-allowed;background:#23222606}.composition-row--disabled:hover{background:#23222606}.auth-provider-img{width:24px;height:24px;object-fit:contain}.auth-provider-icon{overflow:hidden;background:#fff}.spinner{width:22px;height:22px;border-radius:999px;border:2px solid rgba(35,34,38,.14);border-top-color:#d1ad42;display:inline-block;animation:musirion-spin .8s linear infinite}.spinner--small{width:16px;height:16px;border-width:2px}@keyframes musirion-spin{to{transform:rotate(360deg)}}.player-loading{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:10px;background:#f7f5f1b8;color:var(--muted);font-size:.9rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.player-loading--score{min-height:260px}.composition-detail-top{justify-content:flex-end}.auth-provider{text-align:left}.auth-provider-left{flex:1 1 auto;min-width:0;justify-content:flex-start}.auth-provider-main{min-width:0;text-align:left}.auth-provider-title,.auth-provider-subtitle{text-align:left}.auth-provider-right{flex:0 0 auto}.panel-pagination{justify-content:space-between;align-items:center;gap:16px}.pagination-summary{color:var(--muted);font-size:.86rem;font-variant-numeric:tabular-nums}.score-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px}.score-toolbar .score-player{width:auto;min-width:420px}.detail-download-btn{height:40px;min-width:142px}.composition-detail-top{justify-content:space-between}@media(max-width:720px){.panel-pagination{align-items:flex-start;flex-direction:column}.score-toolbar .score-player{min-width:0;width:100%}}.app-shell,.workspace,.panel,.detail-page,.records-card,.composition-detail-body,.detail-view{width:100%;max-width:none}.workspace{min-width:0}.panel{max-width:none}.modal-backdrop{z-index:120;display:grid;place-items:center;padding:24px}.modal-backdrop .modal{position:relative}.auth-provider{justify-content:flex-start;gap:12px}.auth-provider-left{flex:0 1 auto;justify-content:flex-start;gap:12px}.auth-provider-main{flex:0 1 auto;min-width:0;text-align:left}.auth-provider-right{margin-left:auto}.download-menu{position:relative;display:inline-flex}.detail-download-btn{gap:8px}.download-menu__list{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:190px;padding:6px;border-radius:14px;border:1px solid var(--line);background:#fffffff5;box-shadow:0 18px 40px #11121629;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.download-menu__item{width:100%;min-height:36px;padding:0 12px;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.download-menu__item:hover:not(:disabled){background:#d1ad421a}.download-menu__item:disabled{color:var(--muted-2);cursor:not-allowed}.composition-row--disabled{pointer-events:auto}.seo-content-section,.faq-section{width:min(1120px,calc(100% - 48px));margin:0 auto 56px}.seo-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-content-card,.faq-list article{border:1px solid rgba(35,34,38,.09);background:#ffffffb8;border-radius:18px;padding:22px;box-shadow:0 14px 36px #1112160d}.seo-content-card h2,.faq-section h2,.faq-list h3{margin:0;color:var(--text);letter-spacing:-.02em}.seo-content-card h2,.faq-section h2{font-family:var(--font-serif);font-size:1.55rem}.seo-content-card p,.faq-list p{margin:12px 0 0;color:var(--muted);font-size:.98rem;line-height:1.65}.faq-section h2{margin-bottom:18px}.faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faq-list h3{font-size:1rem}@media(max-width:860px){.seo-content-section,.faq-section{width:min(100% - 32px,640px)}.seo-content-grid,.faq-list{grid-template-columns:1fr}}.seo-prerender{max-width:960px;margin:0 auto;padding:48px 24px;color:#232226;font-family:var(--font-sans)}.seo-prerender__nav{display:flex;gap:18px;margin-bottom:36px}.seo-prerender__nav a{color:#5f5b62;text-decoration:none}.seo-prerender__eyebrow{color:#b08d2e;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.seo-prerender h1{margin:0 0 18px;font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,4rem);line-height:1;letter-spacing:-.04em}.seo-prerender h2{margin:32px 0 10px;font-family:var(--font-serif);font-size:1.6rem}.seo-prerender h3{margin:18px 0 8px;font-size:1rem}.seo-prerender p,.seo-prerender li{color:#5f5b62;font-size:1rem;line-height:1.65}.upload-progress-message{margin-top:14px;display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:.92rem}.upload-error-message{margin:0;color:var(--red);font-size:.95rem;font-weight:600}.file-drop--busy{cursor:default;opacity:.82}.status-badge--queued,.status-badge--processing-audio-to-midi,.status-badge--processing-midi-to-musicxml{color:var(--amber);background:var(--amber-soft);border-color:#c89b3433}.processing-page{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px}.demo-page-main .processing-page{width:min(760px,calc(100% - 48px));margin:52px auto 72px}.processing-back{align-self:flex-start}.processing-card,.demo-upload-card{width:100%;border:1px solid rgba(35,34,38,.1);background:#ffffffdb;border-radius:22px;padding:32px;box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.processing-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;overflow:hidden}.processing-card--error{border-color:#c85e563d;background:#ffffffe6}.processing-card__copy h1,.demo-upload-card h1{margin:0;font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.7rem);line-height:1;letter-spacing:-.045em}.processing-card__copy p,.demo-upload-card p{max-width:660px;margin:14px 0 0;color:var(--muted);font-size:1rem;line-height:1.65}.processing-status-line{margin:10px 0 0!important;color:var(--muted)!important;font-size:.95rem!important;line-height:1.35!important}.processing-orb{position:relative;width:88px;height:88px;display:grid;place-items:center}.processing-orb__ring{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(209,173,66,.28);animation:processing-pulse 1.8s ease-in-out infinite}.processing-orb__core{width:58px;height:58px;border-radius:999px;display:grid;place-items:center;color:#f5d365;background:linear-gradient(135deg,#2f3238,#121319);box-shadow:0 16px 34px #1112162e;font-family:var(--font-serif);font-size:1.65rem}@keyframes processing-pulse{0%{transform:scale(.88);opacity:.55}55%{transform:scale(1.06);opacity:1}to{transform:scale(.88);opacity:.55}}.processing-progress{position:relative;width:min(100%,520px);height:7px;overflow:hidden;background:#11121612}.processing-progress__bar{height:100%;background:linear-gradient(90deg,#2f3238,var(--gold));transition:width .35s ease}.processing-steps{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.processing-step{min-height:68px;padding:12px 10px;border:1px solid var(--line);background:#ffffff8a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.processing-step__dot{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#1112161a;color:#fff;font-size:.72rem;font-weight:700}.processing-step--active{border-color:#d1ad4280;background:#d1ad421a}.processing-step--active .processing-step__dot,.processing-step--passed .processing-step__dot{background:var(--gold)}.processing-step--passed{background:#5a9c6714}.processing-step--passed .processing-step__dot{background:var(--green)}.processing-step__label{color:var(--text);font-size:.84rem;font-weight:750;line-height:1.25}.processing-step__description{display:none}.processing-estimate{margin:-2px 0 0;color:var(--muted-2);font-size:.86rem;line-height:1.45}.processing-message{margin:0;color:var(--muted);font-size:.92rem}.processing-message--error,.processing-error-block p,.demo-result-cta__error{color:var(--red)}.processing-error-block{width:100%;margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;background:var(--red-soft);border:1px solid rgba(200,94,86,.2);text-align:left}.processing-error-block p{margin:0;font-weight:600}.demo-page-main{min-height:60vh}.demo-upload-section{width:min(940px,calc(100% - 48px));margin:52px auto 72px}.demo-upload-card{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.demo-detail-shell{width:min(1220px,calc(100% - 48px));margin:32px auto 70px}.demo-result-cta{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.demo-result-cta p{margin:0;color:var(--muted)}.demo-result-cta .btn-primary{height:42px;padding:0 18px}@media(max-width:900px){.processing-summary-grid,.processing-steps{grid-template-columns:1fr 1fr}}@media(max-width:760px){.processing-card,.demo-upload-card{padding:22px}.processing-card__hero{grid-template-columns:1fr}.processing-orb{width:88px;height:88px}.processing-orb__core{width:62px;height:62px}.processing-summary-grid,.processing-steps,.processing-error-block{grid-template-columns:1fr}.processing-error-block{flex-direction:column;align-items:flex-start}.demo-upload-section,.demo-detail-shell{width:min(100% - 32px,640px)}}.route-loader{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.records-card{padding-top:0}.records-card>.placeholder-card{margin:24px}.upload-field{display:flex;flex-direction:column;gap:8px}.upload-field__label{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.upload-select{width:100%;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#ffffffd1;color:var(--text);cursor:pointer}.upload-select:disabled{opacity:.68;cursor:default}.not-found-page{display:grid;align-items:center}.not-found-card{background:#ffffffd1;border:1px solid rgba(255,255,255,.76);box-shadow:var(--shadow-md);padding:34px;max-width:680px}.not-found-card h1{margin:22px 0 12px;font-family:var(--font-serif);font-size:clamp(2rem,3.4vw,3rem);line-height:1.02;letter-spacing:-.04em}.not-found-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.not-found-actions{margin-top:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.not-found-actions .btn-primary,.not-found-actions .btn-outline{height:44px;padding:0 18px}.faq-section__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.faq-section__head h2{margin-bottom:0}.faq-section__link{color:var(--gold);font-weight:700;font-size:.92rem;white-space:nowrap}.faq-list--home{grid-template-columns:repeat(5,minmax(0,1fr))}.faq-page{max-width:1040px}.faq-page-list{display:flex;flex-direction:column;gap:22px}.faq-category{background:#ffffffc7;border:1px solid rgba(255,255,255,.76);border-radius:22px;box-shadow:var(--shadow-md);padding:24px}.faq-category h2{margin:0 0 16px;font-family:var(--font-serif);font-size:1.6rem;letter-spacing:-.03em}.faq-category__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{border:1px solid var(--line);border-radius:16px;background:#ffffff94;padding:18px}.faq-item h3{margin:0;color:var(--text);font-size:1rem;letter-spacing:-.01em}.faq-item p{margin:10px 0 0;color:var(--muted);line-height:1.62;font-size:.95rem}@media(max-width:1120px){.faq-list--home{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.faq-section__head{align-items:flex-start;flex-direction:column}.faq-list--home,.faq-category__items{grid-template-columns:1fr}.faq-category{padding:20px;border-radius:18px}}.faq-page{max-width:900px}.faq-page__hero{margin-bottom:28px}.faq-page-list{display:flex;flex-direction:column;gap:10px}.faq-page-list .faq-item{border:1px solid rgba(35,34,38,.1);border-radius:16px;background:#ffffffc2;box-shadow:0 14px 34px #1112160b;overflow:hidden;padding:0}.faq-page-list .faq-item summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;color:var(--text);font-weight:700;font-size:1rem;line-height:1.35;cursor:pointer;list-style:none}.faq-page-list .faq-item summary::-webkit-details-marker{display:none}.faq-item__icon{flex:0 0 auto;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(209,173,66,.34);background:#d1ad4214;color:var(--gold);font-size:1rem;font-weight:700;transition:transform .16s ease,background .16s ease}.faq-page-list .faq-item[open] .faq-item__icon{transform:rotate(45deg);background:#d1ad4224}.faq-page-list .faq-item p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:.96rem;line-height:1.62}@media(max-width:720px){.faq-page-list .faq-item{border-radius:14px}.faq-page-list .faq-item summary{min-height:58px;padding:16px 18px;font-size:.96rem}.faq-page-list .faq-item p{padding:0 18px 18px}}.about-page{min-height:100vh;display:flex;flex-direction:column}.about-page>.app-main,.about-page>.public-page{flex:1 0 auto}.about-page>.about-footer{margin-top:auto;flex-shrink:0}.detail-view{margin-top:4px;border-radius:16px;border:1px solid rgba(113,140,196,.45);background:#050814fa;min-height:260px;padding:16px 14px}.detail-placeholder{height:100%;border-radius:12px;padding:16px;background:radial-gradient(circle at top,#141a2b,#050815)}.detail-placeholder--dark{background:radial-gradient(circle at top,#060815,#02030a)}.detail-placeholder-title{font-size:1rem;margin-bottom:6px}.detail-placeholder-text{font-size:.9rem;opacity:.85}.piano-roll-scroll{overflow:auto;position:relative}.piano-roll-canvas{position:relative;border-radius:8px;background:linear-gradient(to bottom,#050814,#050714)}.piano-roll-grid-line{position:absolute;top:0;bottom:0;border-left:1px solid rgba(120,140,190,.18);font-size:.7rem}.piano-roll-grid-label{position:absolute;top:2px;left:2px;opacity:.6}.piano-roll-note{position:absolute;border-radius:4px;background:linear-gradient(135deg,#2458fff2,#401025f2);box-shadow:0 0 8px #1862ffcc}.piano-roll-root{display:flex;flex-direction:column;gap:8px}.piano-roll-controls{display:flex;align-items:center;gap:12px;font-size:.85rem;opacity:.85}.piano-roll-time{font-variant-numeric:tabular-nums}.piano-roll-container{border-radius:12px;border:1px solid rgba(113,140,196,.45);background:radial-gradient(circle at top,#060815,#02030a);padding:8px}.piano-roll-scroll{overflow:hidden}.piano-roll-canvas{position:relative;border-radius:8px;background:linear-gradient(to right,#050814,#050714);transition:transform .03s linear}.piano-roll-key-line{position:absolute;top:0;bottom:0;width:1px;background:#788cbe1f}.piano-roll-key-line--highlight{background:#a0b4e638}.piano-roll-grid-line-h{position:absolute;left:0;right:0;border-top:1px solid rgba(120,140,190,.18);font-size:.7rem}.piano-roll-grid-label{position:absolute;right:4px;top:2px;opacity:.6}.piano-roll-playhead{position:absolute;left:0;right:0;height:2px;background:linear-gradient(to right,#2458ffe6,#0fb6d6e6);box-shadow:0 0 12px #2458ffcc;pointer-events:none}.piano-roll-note{position:absolute;border-radius:4px;background:linear-gradient(135deg,#2458fff2,#0fb6d6f2);box-shadow:0 0 8px #1862ffcc}.piano-roll-message{font-size:.9rem;opacity:.8}.piano-roll-message--error{color:#ff9f9f;opacity:1}.prp{--prp-bg: #f5f5f7;--prp-panel: #ffffff;--prp-glass: rgba(255, 255, 255, .72);--prp-border: rgba(0, 0, 0, .1);--prp-border-soft: rgba(0, 0, 0, .06);--prp-text: #111111;--prp-muted: rgba(17, 17, 17, .58);--prp-primary: #111111;--prp-primary-hover: #000000;--prp-accent: #0a84ff;--prp-radius: 28px;--prp-shadow: 0 24px 80px rgba(0, 0, 0, .1);--prp-shadow-glass: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 8px 18px rgba(0, 0, 0, .06);--prp-shadow-primary: 0 14px 32px rgba(0, 0, 0, .2);--prp-ring: 0 0 0 4px rgba(10, 132, 255, .22);border-radius:var(--prp-radius);border:1px solid var(--prp-border);background:var(--prp-panel);box-shadow:var(--prp-shadow);overflow:hidden}.prp__header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--prp-border);background:var(--prp-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.prp__title{color:var(--prp-text);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.prp__meta{margin-top:2px;display:flex;align-items:center;gap:8px;color:var(--prp-muted);font-size:12px;line-height:1}.prp__metaDot{opacity:.35}.prp__controls,.prp__controlsGroup{display:flex;align-items:center;gap:10px}.prp__btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--prp-border);background:#ffffffe0;box-shadow:var(--prp-shadow-glass);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--prp-text);transition:transform .16s ease,background-color .16s ease,opacity .16s ease,box-shadow .16s ease}.prp__btn:hover{background:#fffffffa}.prp__btn:active{transform:scale(.98)}.prp__btn:disabled{opacity:.38;cursor:not-allowed}.prp__btn:focus-visible{outline:none;box-shadow:var(--prp-shadow-glass),var(--prp-ring)}.prp__btn--primary{width:44px;height:44px;border:none;background:var(--prp-primary);box-shadow:var(--prp-shadow-primary);color:#fff}.prp__btn--primary:hover{background:var(--prp-primary-hover)}.prp__btn--active{box-shadow:var(--prp-shadow-glass),0 0 0 4px #0a84ff2e;border-color:#0a84ff40}.prp__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.prp__icon svg{width:24px;height:24px;color:currentColor}.prp__icon svg path[stroke]{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.prp__surface{background:var(--prp-bg)}.prp__surfaceVignette{position:relative}.prp__surfaceVignette:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,#0000000a,#0000 60%)}@media(max-width:640px){.prp__title{max-width:220px}}@media(prefers-reduced-motion:reduce){.prp__btn{transition:none}.prp__btn:active{transform:none}}.detail-view{margin-top:4px;min-height:260px;padding:0;border:0;border-radius:0;background:transparent}.detail-placeholder,.detail-placeholder--dark{height:auto;padding:0;border-radius:0;background:transparent}.piano-roll-detail{margin:0}.piano-roll-detail .prp{border-color:#00000014;box-shadow:0 18px 46px #0000001a}.score-layout{display:flex;flex-direction:column;gap:14px}.score-card{border:1px solid rgba(0,0,0,.08);border-radius:20px;background:#ffffffeb;box-shadow:0 14px 40px #0f172a1a}.score-card--intro{padding:18px}.score-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.score-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:0 0 auto}.score-player{margin-top:0;display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(0,0,0,.07);border-radius:18px;background:linear-gradient(180deg,#f9fafbf5,#f3f4f6f5)}.score-player--on-score{position:sticky;bottom:12px;z-index:5;width:min(880px,calc(100% - 18px));margin:-72px auto 0;border-color:#1118271a;background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a2e}.score-player__play,.score-player__stop{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.score-player__play{width:42px;height:42px;background:#111827;color:#f9fafb;box-shadow:0 12px 26px #11182738}.score-player__stop{width:34px;height:34px;background:#e5e7eb;color:#111827;border:1px solid rgba(17,24,39,.08)}.score-player__play:hover:not(:disabled),.score-player__stop:hover:not(:disabled){transform:translateY(-1px)}.score-player__play:disabled,.score-player__stop:disabled,.score-player__range:disabled{opacity:.45;cursor:not-allowed}.score-player__timeline{display:flex;flex-direction:column;gap:7px;min-width:0}.score-player__time{display:flex;justify-content:space-between;color:#111827b3;font-size:.78rem;font-variant-numeric:tabular-nums}.score-player__range{width:100%;accent-color:#111827;cursor:pointer}.score-player__status{color:#111827b3;font-size:.82rem;white-space:nowrap}.score-empty-hint{margin:12px 0 0;color:#111827ad;font-size:.86rem}.score-viewer-card{position:relative;min-height:340px;max-height:660px;overflow:auto;padding:14px 14px 92px;background:#f9fafb}.score-osmd{width:100%;display:flex;justify-content:center;color:#000}.score-osmd>svg{max-width:100%;height:auto}.score-message{margin:0 0 10px;color:#374151;font-size:.9rem}.score-message--error{color:#b91c1c}@media(max-width:820px){.score-card__header{flex-direction:column}.score-actions{justify-content:flex-start}.score-player{grid-template-columns:auto auto minmax(0,1fr)}.score-player--on-score{bottom:8px;width:100%;margin-top:-82px}.score-player__status{grid-column:1 / -1;white-space:normal}}@media(prefers-color-scheme:dark){.piano-roll-detail .prp{border-color:#ffffff1a;box-shadow:0 18px 46px #00000047}.score-card{border-color:#ffffff1a;background:#fafafcf5}}.prp{--prp-radius: 14px;border-radius:14px;border-color:#2322261a;box-shadow:0 18px 44px #1112161a}.prp__header{height:58px;padding:0 14px;background:#ffffffc7}.prp__title{font-size:13px;max-width:360px}.prp__meta{font-size:11px}.prp__controls,.prp__controlsGroup{gap:7px}.prp__btn,.prp__btn--primary{width:34px;height:34px;border-radius:10px;box-shadow:none}.prp__btn--primary{background:#17181d}.prp__icon,.prp__icon svg{width:19px;height:19px}.prp__surface{background:#f6f4f0}.piano-roll-detail .prp{border-radius:14px;box-shadow:0 18px 44px #1112161a}.score-layout{gap:12px}.score-card{border-radius:16px;box-shadow:0 14px 34px #11121614}.score-card--intro{padding:16px}.score-card__header{gap:14px}.score-player{grid-template-columns:auto auto minmax(170px,1fr) auto;gap:10px;padding:10px;border-radius:12px}.score-player--on-score{bottom:10px;width:min(760px,calc(100% - 16px));margin-top:-62px;border-radius:12px}.score-player__play,.score-player__stop{border-radius:10px}.score-player__play{width:36px;height:36px;background:#17181d;box-shadow:none}.score-player__stop{width:32px;height:32px;background:#f2f0ec}.score-player__time{font-size:.72rem}.score-player__status{font-size:.76rem}.score-viewer-card{overflow:hidden}.score-osmd{background:#fff}@media(max-width:720px){.prp__header{height:auto;min-height:58px;gap:10px;flex-wrap:wrap;padding:12px}.score-player,.score-player--on-score{grid-template-columns:auto auto 1fr}.score-player__status{grid-column:1 / -1;white-space:normal}}.prp{border-radius:8px;overflow:hidden;border-color:#2322261f;box-shadow:0 16px 40px #1112161a}.piano-roll-detail .prp{border-radius:8px}.prp__header{height:58px;background:#faf9f6f0;border-bottom:1px solid rgba(35,34,38,.1)}.prp__surface{position:relative;background:#f7f5f1}.prp__surface canvas{display:block}.prp__btn,.prp__btn--primary{border-radius:6px}.score-card{border-radius:10px}.score-card--intro{display:flex;flex-direction:column;gap:14px}.score-player{width:100%;margin-top:0;display:grid;grid-template-columns:auto auto auto minmax(120px,1fr);align-items:center;gap:10px;padding:10px;border-radius:8px;border:1px solid rgba(35,34,38,.1);background:#faf9f6d1;box-shadow:none}.score-player__play,.score-player__stop{border-radius:6px}.score-player__play{width:34px;height:34px;background:#17181d;box-shadow:none}.score-player__stop{width:32px;height:32px;background:#ece9e2}.score-player__time--single{display:inline-flex;justify-content:flex-start;gap:6px;color:#232226a8;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.score-player__timeline,.score-player__range{display:none}.score-player__status{justify-self:end;color:#2322269e;font-size:.78rem}.score-viewer-card{position:relative;min-height:360px;max-height:680px;overflow:auto;padding:0;background:#fff}.score-osmd{min-height:320px;padding:18px;background:#fff}@media(max-width:820px){.score-player{grid-template-columns:auto auto auto}.score-player__status{grid-column:1 / -1;justify-self:start}}.piano-roll-detail .prp,.prp{border-radius:0}.prp__surface,.prp__surface canvas{border-radius:0}.prp__surfaceVignette:after{display:none}