.tadaoto-seamless-loop-page .sloop-app { margin: 40px auto 0; max-width: 880px; }
.tadaoto-seamless-loop-page [hidden] { display: none !important; }
.tadaoto-seamless-loop-page .tool-panel + .tool-panel { margin-top: 20px; }
.tadaoto-seamless-loop-page .sloop-drop { background: var(--tool-panel); border: 2px dashed #aeb5bc; border-radius: 12px; cursor: pointer; margin-top: 24px; padding: 34px 20px 32px; text-align: center; transition: background-color .2s ease,border-color .2s ease; }
.tadaoto-seamless-loop-page .sloop-drop:hover,.tadaoto-seamless-loop-page .sloop-drop.is-over { background:#edf4fc; border-color:var(--tool-accent); }
.tadaoto-seamless-loop-page .sloop-drop.is-disabled { cursor:wait; opacity:.55; }
.tadaoto-seamless-loop-page .sloop-drop__icon { color:var(--tool-accent); display:inline-block; height:42px; margin-bottom:10px; width:42px; }
.tadaoto-seamless-loop-page .sloop-drop__icon svg { fill:none; height:100%; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; width:100%; }
.tadaoto-seamless-loop-page .sloop-drop__main { font-size:17px; font-weight:700; margin:0 0 6px; }
.tadaoto-seamless-loop-page .sloop-drop__sub,.tadaoto-seamless-loop-page .sloop-file-info,.tadaoto-seamless-loop-page .sloop-status { color:var(--tool-muted); font-size:13px; line-height:1.65; }
.tadaoto-seamless-loop-page .sloop-file-info { margin:12px 0 -.3em; overflow-wrap:anywhere; }
.tadaoto-seamless-loop-page .sloop-summary { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:24px; }
.tadaoto-seamless-loop-page .sloop-summary div { background:var(--tool-panel); border:1px solid var(--tool-line); border-radius:10px; padding:14px 16px; }
.tadaoto-seamless-loop-page .sloop-summary span { color:var(--tool-muted); display:block; font-size:12px; }
.tadaoto-seamless-loop-page .sloop-summary strong { display:block; font-size:20px; font-variant-numeric:tabular-nums; margin-top:3px; }
.tadaoto-seamless-loop-page .sloop-wave { background:var(--tool-panel); border:1px solid var(--tool-line); border-radius:10px; display:block; height:112px; margin-top:18px; width:100%; }
.tadaoto-seamless-loop-page .sloop-wave-help { color:var(--tool-muted); font-size:11px; margin:7px 0 0; }
.tadaoto-seamless-loop-page fieldset { border:0; border-top:1px solid var(--tool-line); margin:24px 0 0; padding:22px 0 0; }
.tadaoto-seamless-loop-page legend { font-size:16px; font-weight:700; padding:0; }
.tadaoto-seamless-loop-page .sloop-fade__help,.tadaoto-seamless-loop-page .sloop-measure__help { color:var(--tool-muted); font-size:13px; line-height:1.65; margin:8px 0 0; }
.tadaoto-seamless-loop-page .sloop-fade-list { display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:14px; }
.tadaoto-seamless-loop-page .sloop-measure-list { display:grid; gap:8px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:14px; }
.tadaoto-seamless-loop-page .sloop-fade-list label,.tadaoto-seamless-loop-page .sloop-measure-list label { align-items:flex-start; background:#fff; border:1px solid #b8bec5; border-radius:10px; cursor:pointer; display:flex; gap:9px; padding:13px 14px; }
.tadaoto-seamless-loop-page .sloop-fade-list label.is-selected,.tadaoto-seamless-loop-page .sloop-measure-list label.is-selected { background:#edf4fc; border-color:var(--tool-accent); box-shadow:inset 0 0 0 1px var(--tool-accent); }
.tadaoto-seamless-loop-page .sloop-fade-list input,.tadaoto-seamless-loop-page .sloop-measure-list input { accent-color:var(--tool-accent); margin-top:4px; }
.tadaoto-seamless-loop-page .sloop-fade-list strong,.tadaoto-seamless-loop-page .sloop-fade-list small,.tadaoto-seamless-loop-page .sloop-measure-list strong,.tadaoto-seamless-loop-page .sloop-measure-list small { display:block; }
.tadaoto-seamless-loop-page .sloop-fade-list strong,.tadaoto-seamless-loop-page .sloop-measure-list strong { font-size:14px; }
.tadaoto-seamless-loop-page .sloop-fade-list small,.tadaoto-seamless-loop-page .sloop-measure-list small { color:var(--tool-muted); font-size:11px; line-height:1.5; margin-top:3px; }
.tadaoto-seamless-loop-page .sloop-candidates__help { color:var(--tool-muted); font-size:13px; line-height:1.65; margin:8px 0 0; }
.tadaoto-seamless-loop-page .sloop-candidate-list { display:grid; gap:10px; margin-top:16px; }
.tadaoto-seamless-loop-page .sloop-candidate { align-items:center; border:1px solid var(--tool-line); border-radius:10px; display:grid; gap:16px; grid-template-columns:minmax(170px,1fr) minmax(300px,auto) auto; padding:14px 16px; }
.tadaoto-seamless-loop-page .sloop-candidate.is-selected { background:#edf4fc; border-color:var(--tool-accent); box-shadow:inset 0 0 0 1px var(--tool-accent); }
.tadaoto-seamless-loop-page .sloop-candidate label { align-items:flex-start; cursor:pointer; display:flex; gap:10px; }
.tadaoto-seamless-loop-page .sloop-candidate input { accent-color:var(--tool-accent); margin-top:4px; }
.tadaoto-seamless-loop-page .sloop-candidate strong,.tadaoto-seamless-loop-page .sloop-candidate small { display:block; }
.tadaoto-seamless-loop-page .sloop-candidate strong { font-size:14px; }
.tadaoto-seamless-loop-page .sloop-candidate small { color:var(--tool-muted); font-size:11px; line-height:1.5; margin-top:3px; }
.tadaoto-seamless-loop-page .sloop-candidate dl { display:flex; gap:18px; margin:0; }
.tadaoto-seamless-loop-page .sloop-candidate dt { color:var(--tool-muted); font-size:10px; }
.tadaoto-seamless-loop-page .sloop-candidate dd { font-size:12px; font-variant-numeric:tabular-nums; font-weight:700; margin:2px 0 0; }
.tadaoto-seamless-loop-page .sloop-preview { background:#fff; border:1px solid #b8bec5; border-radius:999px; color:var(--tool-ink); cursor:pointer; font:inherit; font-size:12px; font-weight:700; padding:8px 13px; }
.tadaoto-seamless-loop-page .sloop-preview:hover,.tadaoto-seamless-loop-page .sloop-preview.is-playing { background:#edf4fc; border-color:var(--tool-accent); }
.tadaoto-seamless-loop-page .sloop-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.tadaoto-seamless-loop-page .sloop-button { border:1px solid #b8bec5; border-radius:999px; cursor:pointer; font:inherit; font-size:14px; font-weight:700; min-height:46px; padding:11px 22px; }
.tadaoto-seamless-loop-page .sloop-button--primary { background:var(--tool-accent); border-color:var(--tool-accent); color:#fff; }
.tadaoto-seamless-loop-page .sloop-button--secondary { background:#fff; color:var(--tool-ink); }
.tadaoto-seamless-loop-page .sloop-button:disabled { cursor:wait; opacity:.55; }
.tadaoto-seamless-loop-page .sloop-status { margin:14px 0 -.3em; }
.tadaoto-seamless-loop-page .sloop-status.is-error { color:#a33a34; font-weight:700; }
.tadaoto-seamless-loop-page .sloop-result { border-color:#b7ddcb; }
.tadaoto-seamless-loop-page .sloop-result-summary { background:var(--tool-panel); border-radius:10px; margin-top:20px; padding:13px 16px; }
.tadaoto-seamless-loop-page .sloop-result-summary span { color:var(--tool-muted); font-size:12px; }
.tadaoto-seamless-loop-page .sloop-result-summary strong { font-size:20px; margin-left:12px; }
.tadaoto-seamless-loop-page .sloop-result-audio { display:block; margin-top:16px; width:100%; }
.tadaoto-seamless-loop-page .sloop-result-note { color:var(--tool-muted); font-size:12px; line-height:1.7; margin:10px 0 0; }
.tadaoto-seamless-loop-page .sloop-download { background:var(--tool-accent); border-radius:999px; color:#fff; display:block; font-size:15px; font-weight:700; margin:18px 0 0; max-width:320px; padding:13px 20px; text-align:center; text-decoration:none; }
.tadaoto-seamless-loop-page .sloop-note { background:var(--tool-panel); border-radius:12px; margin-top:22px; padding:22px 24px; }
.tadaoto-seamless-loop-page .sloop-note h2 { font-size:16px; margin:0 0 10px; }
.tadaoto-seamless-loop-page .sloop-note ul { color:var(--tool-muted); font-size:13px; line-height:1.75; margin:0; padding-left:1.3em; }
.tadaoto-seamless-loop-page .sloop-drop:focus-visible,.tadaoto-seamless-loop-page button:focus-visible,.tadaoto-seamless-loop-page input:focus-visible,.tadaoto-seamless-loop-page a:focus-visible { outline:3px solid rgba(47,118,199,.35); outline-offset:3px; }
@media(max-width:700px){.tadaoto-seamless-loop-page .sloop-candidate{align-items:start;grid-template-columns:1fr auto}.tadaoto-seamless-loop-page .sloop-candidate dl{grid-column:1/-1;grid-row:2}.tadaoto-seamless-loop-page .sloop-preview{grid-column:2;grid-row:1}}
@media(max-width:520px){.tadaoto-seamless-loop-page .sloop-summary,.tadaoto-seamless-loop-page .sloop-fade-list{grid-template-columns:1fr}.tadaoto-seamless-loop-page .sloop-measure-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tadaoto-seamless-loop-page .sloop-summary div{align-items:center;display:flex;justify-content:space-between}.tadaoto-seamless-loop-page .sloop-summary strong{margin-top:0}.tadaoto-seamless-loop-page .sloop-candidate{grid-template-columns:1fr}.tadaoto-seamless-loop-page .sloop-preview{grid-column:1;grid-row:3;justify-self:start}.tadaoto-seamless-loop-page .sloop-candidate dl{grid-column:1;grid-row:2}.tadaoto-seamless-loop-page .sloop-actions{display:grid}.tadaoto-seamless-loop-page .sloop-button{width:100%}}
@media(prefers-reduced-motion:reduce){.tadaoto-seamless-loop-page .sloop-drop{transition:none}}