:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Helvetica Neue,sans-serif}[hidden]{display:none!important}body{margin:0;padding:2rem 1rem 4rem;display:flex;justify-content:center}main{width:100%;max-width:32rem}h1{font-size:1.4rem}.lead{color:#666;font-size:.9rem;line-height:1.6}.field{margin:1.25rem 0;display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.85rem;font-weight:600}.field input,.field select{font-size:1rem;padding:.5rem}.hint{font-size:.8rem;color:#888}button{font-size:1rem;padding:.6rem 1.5rem;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.status{min-height:1.4em;font-size:.9rem}.error{color:#c00;font-size:.9rem}.warning{background:#fff3e0;border-radius:.4rem;padding:.5rem .7rem;color:#8a5000;font-size:.8rem;margin:0}#result{margin-top:1.5rem}#preview{width:100%;margin-bottom:.5rem}.loop-player{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.loop-player button{padding:.4rem 1rem}.segmented{display:flex;gap:1rem;font-size:.9rem;font-weight:400}.segmented label{font-weight:400;display:flex;align-items:center;gap:.3rem}h3{font-size:1rem;margin:0 0 .5rem}.mp3-export{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #ddd}h2{font-size:1.05rem;margin:2rem 0 .75rem;padding-top:.75rem;border-top:1px solid #ddd}h2:first-of-type{border-top:none;padding-top:0}.slider-field{margin:1.1rem 0;display:flex;flex-direction:column;gap:.3rem}.slider-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.slider-label .accent{color:#d9822b}.slider-field input[type=range]{width:100%}.toggles{display:flex;flex-direction:column;gap:.5rem;margin:1.1rem 0;font-size:.9rem}.toggles label,.checkbox-field{display:flex;align-items:center;gap:.4rem}.checkbox-field{margin:1.1rem 0;font-size:.9rem}.auto-quality-field{margin:.3rem 0 0;font-size:.8rem;color:#555}.tip{background:#fff8e1;border-radius:.4rem;padding:.6rem .8rem;color:#6b5900}button.secondary{background:none;border:1px solid #ccc;font-size:.85rem;padding:.4rem 1rem}.summary-section,.seams-section,.plot-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #ddd}.summary-list{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0;font-size:.9rem}.summary-list dt{color:#888}.summary-list dd{margin:0}h4{font-size:.9rem;margin:1rem 0 .4rem}.repetitions-list{margin:0;padding-left:1.2rem;font-size:.85rem;color:#555}.table-scroll{overflow-x:auto}#seams-table{width:100%;border-collapse:collapse;font-size:.8rem;white-space:nowrap}#seams-table th,#seams-table td{padding:.3rem .5rem;text-align:right;border-bottom:1px solid #eee}#seams-table th:nth-child(3),#seams-table td:nth-child(3){text-align:center}.plot-scroll{overflow:auto;max-height:760px;border:1px solid #eee}