:root{--mtl-paper:#fbfbf9;--mtl-paper-dim:#f3f3ef;--mtl-ink:#1a1a1a;--mtl-ink-2:#4a4a48;--mtl-ink-3:#8b8b87;--mtl-line:#dcdcd6;--mtl-line-soft:#eaeae5;--mtl-accent:#a93b2a;--mtl-accent-deep:#8a2f21;--mtl-accent-subtle:#a93b2a14;--mtl-success:#3d6b45;--color-part-soprano:var(--mtl-accent);--color-part-mezzosoprano:var(--mtl-accent-deep);--color-part-alto:#6b4a3f;--color-part-tenor:var(--mtl-ink);--color-part-baritone:var(--mtl-ink-2);--color-part-bass:#3a3a38;--color-part-piano:var(--mtl-accent-deep);--color-part-percussion:var(--mtl-ink-2);--mtl-font-sans:"Montserrat", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;--mtl-font-mono:"IBM Plex Mono", ui-monospace, monospace;--mtl-text-pp:.75rem;--mtl-text-p:.875rem;--mtl-text-mp:1rem;--mtl-text-mf:1.25rem;--mtl-text-f:1.5625rem;--mtl-text-ff:2rem;--mtl-text-fff:2.5rem;--mtl-leading-body:1.8;--mtl-leading-heading:1.3;--mtl-tracking-jp:.02em;--mtl-tracking-caps:.08em;--mtl-space-half:4px;--mtl-space-1:8px;--mtl-space-2:16px;--mtl-space-3:24px;--mtl-space-4:32px;--mtl-space-6:48px;--mtl-space-8:64px;--mtl-space-12:96px;--mtl-container:1120px;--mtl-radius:2px;--mtl-shadow:0 1px 2px #1a1a1a0d;--mtl-dur-s:.16s;--mtl-dur-m:.24s;--mtl-ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){:root{--mtl-dur-s:0s;--mtl-dur-m:0s}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--mtl-font-sans);font-size:var(--mtl-text-mp);color:var(--mtl-ink);background-color:var(--mtl-paper);min-height:100vh;line-height:1.6}::selection{background:var(--mtl-ink);color:var(--mtl-paper)}.app{max-width:680px;padding:var(--mtl-space-6) var(--mtl-space-4);gap:var(--mtl-space-6);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.header{text-align:center;padding:var(--mtl-space-8) 0 var(--mtl-space-4);border-bottom:1px solid var(--mtl-line)}.header__title{font-family:var(--mtl-font-sans);font-size:var(--mtl-text-ff);font-weight:700;line-height:var(--mtl-leading-heading,1.3);color:var(--mtl-ink);letter-spacing:.01em}.header__subtitle{font-size:var(--mtl-text-p);color:var(--mtl-ink-2);margin-top:var(--mtl-space-1)}.card{background:var(--mtl-paper);border:1px solid var(--mtl-line);border-radius:var(--mtl-radius);padding:var(--mtl-space-6);opacity:0;animation:card-enter var(--mtl-dur-m) var(--mtl-ease) forwards;transform:translateY(8px)}.card+.card{animation-delay:80ms}.card__label{font-size:var(--mtl-text-pp);color:var(--mtl-accent);text-transform:uppercase;letter-spacing:var(--mtl-tracking-caps);margin-bottom:var(--mtl-space-1);font-weight:600;display:inline-block}.card__title{font-size:var(--mtl-text-mf);color:var(--mtl-ink);margin-bottom:var(--mtl-space-4);font-weight:600}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.drop-zone{border:1px dashed var(--mtl-line);border-radius:var(--mtl-radius);padding:var(--mtl-space-8) var(--mtl-space-6);text-align:center;cursor:pointer;transition:border-color var(--mtl-dur-s) var(--mtl-ease), background-color var(--mtl-dur-s) var(--mtl-ease)}.drop-zone:hover{border-color:var(--mtl-accent);background-color:var(--mtl-accent-subtle)}.drop-zone:focus-visible{outline:2px solid var(--mtl-accent);outline-offset:2px}.drop-zone--active{border-color:var(--mtl-accent);background-color:var(--mtl-accent-subtle)}.drop-zone__icon{color:var(--mtl-ink-3);margin-bottom:var(--mtl-space-3);justify-content:center;display:flex}.drop-zone__text{color:var(--mtl-ink-2);font-size:var(--mtl-text-p)}.drop-zone__hint{color:var(--mtl-ink-3);font-size:var(--mtl-text-pp);margin-top:var(--mtl-space-2)}.file-tags{gap:var(--mtl-space-2);margin-top:var(--mtl-space-4);flex-wrap:wrap;display:flex}.file-tag{align-items:center;gap:var(--mtl-space-2);padding:var(--mtl-space-half) var(--mtl-space-2);background:var(--mtl-paper-dim);border:1px solid var(--mtl-line);border-radius:var(--mtl-radius);font-size:var(--mtl-text-pp);color:var(--mtl-ink-2);display:inline-flex}.file-tag__remove{width:16px;height:16px;color:var(--mtl-ink-3);cursor:pointer;font-size:var(--mtl-text-p);transition:color var(--mtl-dur-s) var(--mtl-ease);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.file-tag__remove:hover{color:var(--mtl-accent)}.file-tag__remove:focus-visible{outline:2px solid var(--mtl-accent);outline-offset:1px}.track-table{border-collapse:collapse;width:100%}.track-table th{text-align:left;font-size:var(--mtl-text-pp);color:var(--mtl-ink-3);text-transform:uppercase;letter-spacing:.05em;padding:var(--mtl-space-2) var(--mtl-space-3);border-bottom:1px solid var(--mtl-line);font-weight:600}.track-table td{padding:var(--mtl-space-3);border-bottom:1px solid var(--mtl-line-soft);vertical-align:middle}.track-table tr:last-child td{border-bottom:none}.track-name{align-items:center;gap:var(--mtl-space-2);display:flex}.track-name__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.track-name__label{font-size:var(--mtl-text-p);color:var(--mtl-ink);font-weight:500}.track-name__notes{font-size:var(--mtl-text-pp);color:var(--mtl-ink-3);margin-left:var(--mtl-space-1)}.select{-webkit-appearance:none;appearance:none;background:var(--mtl-paper);border:1px solid var(--mtl-line);border-radius:var(--mtl-radius);color:var(--mtl-ink);background-position:right var(--mtl-space-2) center;transition:border-color var(--mtl-dur-s) var(--mtl-ease);background-color:var(--mtl-paper-dim);border:1px solid var(--mtl-line);border-radius:var(--mtl-radius);width:100%;font-family:inherit;font-size:var(--mtl-text-p);padding:var(--mtl-space-2) var(--mtl-space-8) var(--mtl-space-2) var(--mtl-space-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231a1a1a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat}.select:hover{border-color:var(--mtl-accent)}.select:focus-visible{outline:2px solid var(--mtl-accent);outline-offset:1px}.part-name-input{margin-top:var(--mtl-space-1);background:var(--mtl-paper);border:1px solid var(--mtl-line);border-radius:var(--mtl-radius);width:100%;color:var(--mtl-ink);font-family:var(--mtl-font-sans);font-size:var(--mtl-text-p);padding:var(--mtl-space-1) var(--mtl-space-2)}.part-name-input:focus-visible{outline:2px solid var(--mtl-accent);outline-offset:1px}.part-name-grid{margin-top:var(--mtl-space-4);gap:var(--mtl-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.part-name-field{gap:var(--mtl-space-1);flex-direction:column;display:flex}.part-name-field__label{font-size:var(--mtl-text-pp);color:var(--mtl-ink-2)}.choir-type{align-items:center;gap:var(--mtl-space-3);margin-bottom:var(--mtl-space-4);padding-bottom:var(--mtl-space-4);border-bottom:1px solid var(--mtl-line-soft);flex-wrap:wrap;display:flex}.choir-type__label{font-size:var(--mtl-text-p);color:var(--mtl-ink-2);white-space:nowrap;font-weight:600}.choir-type .select{width:auto;min-width:8rem}.choir-type__hint{font-size:var(--mtl-text-pp);color:var(--mtl-ink-3)}.volume-control{align-items:center;gap:var(--mtl-space-4);margin-top:var(--mtl-space-4);display:flex}.volume-control__label{font-size:var(--mtl-text-p);color:var(--mtl-ink-2);white-space:nowrap}.volume-control__slider{-webkit-appearance:none;appearance:none;background:var(--mtl-line);outline:none;flex:1;height:2px}.volume-control__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--mtl-accent);cursor:pointer;width:14px;height:14px;transition:transform var(--mtl-dur-s) var(--mtl-ease);border-radius:50%}.volume-control__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-control__slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;background:var(--mtl-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.volume-control__slider:focus-visible{outline:2px solid var(--mtl-accent);outline-offset:4px}.volume-control__value{font-family:var(--mtl-font-mono);font-size:var(--mtl-text-p);color:var(--mtl-ink);text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--mtl-space-2);width:100%;padding:var(--mtl-space-3) var(--mtl-space-6);border:1px solid var(--mtl-ink);border-radius:var(--mtl-radius);font-family:var(--mtl-font-sans);font-size:var(--mtl-text-mf);cursor:pointer;transition:background-color var(--mtl-dur-s) var(--mtl-ease), color var(--mtl-dur-s) var(--mtl-ease), transform var(--mtl-dur-s) var(--mtl-ease);font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--mtl-accent);border-color:var(--mtl-accent);color:var(--mtl-paper)}.btn--primary:hover:not(:disabled){background:var(--mtl-accent-deep);border-color:var(--mtl-accent-deep)}.btn--success{background:var(--mtl-ink);border-color:var(--mtl-ink);color:var(--mtl-paper)}.btn--success:hover:not(:disabled){background:var(--mtl-ink-2);border-color:var(--mtl-ink-2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible{outline:2px solid var(--mtl-accent);outline-offset:2px}.progress{margin-top:var(--mtl-space-4)}.progress__bar-container{background:var(--mtl-line-soft);width:100%;height:4px;overflow:hidden}.progress__bar{background:var(--mtl-accent);transform-origin:0;height:100%;transition:transform var(--mtl-dur-m) var(--mtl-ease)}.progress__text{margin-top:var(--mtl-space-2);font-size:var(--mtl-text-p);color:var(--mtl-ink-2);justify-content:space-between;align-items:center;display:flex}.progress__percent{font-family:var(--mtl-font-mono);font-variant-numeric:tabular-nums;color:var(--mtl-ink);font-weight:500}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.shake{animation:shake var(--mtl-dur-m) var(--mtl-ease)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.footer{text-align:center;padding:var(--mtl-space-8) 0 var(--mtl-space-4);font-size:var(--mtl-text-pp);color:var(--mtl-ink-3);border-top:1px solid var(--mtl-line);margin-top:auto}.footer p+p{margin-top:var(--mtl-space-1)}.hidden{display:none!important}@media (max-width:768px){.app{padding:var(--mtl-space-4) var(--mtl-space-3)}.card{padding:var(--mtl-space-4)}.header__title{font-size:var(--mtl-text-f)}.track-table{display:block}.track-table thead{display:none}.track-table tbody{gap:var(--mtl-space-3);display:grid}.track-table tr{gap:var(--mtl-space-2);padding:var(--mtl-space-3);border:1px solid var(--mtl-line);border-radius:var(--mtl-radius);background:var(--mtl-paper-dim);display:grid}.track-table td{gap:var(--mtl-space-1);border:none;padding:0;display:grid}.track-table td:before{content:attr(data-label);font-size:var(--mtl-text-pp);text-transform:uppercase;letter-spacing:.04em;color:var(--mtl-ink-3);font-weight:600}.part-name-grid{grid-template-columns:1fr}.volume-control{gap:var(--mtl-space-2);flex-wrap:wrap}.volume-control__label{white-space:normal;width:100%}.volume-control__value{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}