.compare-editor{border:1px solid var(--border);background:var(--background);color:var(--foreground);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:20px;min-width:0;margin-block:12px;padding:20px;font-size:13px;line-height:1.6;container-type:inline-size}.dark .compare-editor{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.compare-editor *,.compare-editor :before,.compare-editor :after{box-sizing:border-box}.compare-editor svg{flex-shrink:0;width:16px;height:16px}.compare-editor [hidden]{display:none!important}.compare-editor .compare-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.compare-editor .compare-header h2{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:650;display:flex}.compare-editor .compare-header h2 svg{color:var(--primary);width:20px;height:20px}.compare-editor .compare-header p{color:var(--muted-foreground);margin-top:4px;font-size:12px}.compare-editor fieldset{border:1px solid var(--border);background:var(--card);border-radius:14px;min-width:0;margin:0;padding:12px 18px 18px}.compare-editor .compare-stack,.compare-editor .compare-stages{flex-direction:column;gap:20px;min-width:0;display:flex}.compare-editor fieldset>:not(legend){margin-block:0}.compare-editor fieldset>:not(legend):not([hidden])~:not(legend):not([hidden]){margin-top:12px}.compare-editor legend{color:var(--foreground);margin:0;padding:0 8px;font-size:14px;font-weight:650}.compare-editor label{min-width:0;color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;margin-block:8px;font-size:12px;display:flex}.compare-editor label:has(>select){flex-direction:column;align-items:stretch}.compare-editor select,.compare-editor input[type=number]{min-width:0;max-width:100%;min-height:36px;color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:8px;padding:7px 10px;font-size:13px}.compare-editor select{text-overflow:ellipsis;width:100%}.compare-editor input[type=number]{font-variant-numeric:tabular-nums;width:96px}.compare-editor input[type=file]{width:100%;min-width:0;color:var(--muted-foreground);font-size:12px;display:block}.compare-editor input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--background);color:var(--foreground);font:inherit;cursor:pointer;border-radius:7px;margin-right:10px;padding:7px 11px}.compare-editor input[type=range]{width:100%;min-width:0;height:22px;accent-color:var(--primary);cursor:pointer;margin:0}.compare-editor input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);flex-shrink:0}.compare-editor button,.compare-editor .compare-download{border:1px solid var(--border);background:var(--background);max-width:100%;min-height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.compare-editor button:hover:not(:disabled),.compare-editor .compare-download:hover{background:var(--accent);border-color:var(--primary)}.compare-editor :is(button,input,select,summary,a):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.compare-editor :disabled{opacity:.5;cursor:not-allowed}.compare-editor .compare-primary,.compare-editor .compare-download{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.compare-editor .compare-primary:hover:not(:disabled),.compare-editor .compare-download:hover{background:color-mix(in oklch, var(--primary), var(--foreground) 12%);color:var(--primary-foreground)}.compare-editor .compare-quiet{color:var(--muted-foreground);background:0 0;border-color:#0000}.compare-editor .compare-header button{flex-shrink:0}.compare-editor details{border:1px solid var(--border);background:var(--background);border-radius:10px;padding:0 12px}.compare-editor details[open]{padding-bottom:12px}.compare-editor summary{color:var(--muted-foreground);cursor:pointer;padding:12px 0;font-size:12px;font-weight:500}.compare-editor details[open]>summary{border-bottom:1px solid var(--border);margin-bottom:8px}.compare-editor .compare-upload{border:1px dashed var(--input);background:var(--background);width:100%;color:var(--foreground);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:14px;display:flex}.compare-editor .compare-upload>span{align-items:center;gap:8px;display:flex}.compare-editor .compare-upload svg{color:var(--primary)}.compare-editor .compare-music-source{gap:12px;display:grid}.compare-editor .compare-music-catalog{flex-direction:column;align-items:stretch;gap:8px;display:flex}.compare-editor .compare-music-catalog p,.compare-editor .compare-section-heading p{color:var(--muted-foreground);font-size:12px}.compare-editor .compare-track-info{background:var(--accent);border-radius:10px;align-items:center;gap:10px;margin-block:16px 8px;padding:12px;display:flex}.compare-editor .compare-track-info svg{color:var(--primary)}.compare-editor .compare-track-info span{overflow-wrap:anywhere;min-width:0}.compare-editor .compare-track-info small{color:var(--muted-foreground);display:block}.compare-editor .compare-listen{flex-wrap:wrap;align-items:center;gap:6px;margin-block:10px;display:flex}.compare-editor .compare-listen button{font-size:12px}.compare-editor .compare-listen [role=status]:empty{display:none}.compare-editor .compare-segment{background:var(--background);border:1px solid var(--border);border-radius:12px;margin-block:16px;padding:16px}.compare-editor .compare-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.compare-editor .compare-section-heading h3{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.compare-editor .compare-section-heading p{margin-top:4px}.compare-editor .compare-badge{background:var(--accent);color:var(--accent-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.compare-editor .compare-source-track{background:var(--muted);border-radius:4px;height:8px;position:relative;overflow:hidden}.compare-editor .compare-source-track span{background:var(--primary);border-radius:4px;min-width:2px;height:100%;position:absolute}.compare-editor .compare-time-scale{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;margin-block:6px 16px;font-size:10px;display:flex}.compare-editor .compare-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compare-editor .compare-time-card{border:1px solid var(--border);border-radius:10px;min-width:0;padding:12px}.compare-editor .compare-time-card label{margin:0 0 8px;display:block}.compare-editor .compare-seconds{align-items:center;gap:6px;margin-top:5px;display:flex}.compare-editor .compare-seconds input{width:100%;max-width:120px;font-weight:600}.compare-editor .compare-shift{gap:6px;margin-block:14px;display:grid}.compare-editor .compare-toggle-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 16px;padding-top:10px;display:flex}.compare-editor .compare-toggle-row label{margin:4px 0;font-size:11px}.compare-editor .compare-toggle-row svg{width:12px;height:12px}.compare-editor .compare-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-block:12px;display:flex}.compare-editor .compare-plan-settings{border-top:1px solid var(--border);gap:10px;margin-top:18px;padding-top:16px;display:grid}.compare-editor .compare-plan-settings>label{margin:0}.compare-editor .compare-reference-settings{border:1px solid var(--border);border-radius:10px;gap:10px;margin-block:14px;padding:14px;display:grid}.compare-editor .compare-hint{color:var(--muted-foreground);font-size:11px;line-height:1.7}.compare-editor .compare-submit{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:16px}.compare-editor .compare-submit>button{width:100%;min-height:42px;font-size:14px}.compare-editor .compare-submit>p{margin-top:10px}.compare-editor [data-testid=compare-status]:not(:empty){background:var(--accent);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:12px}.compare-editor .compare-result{border:1px solid var(--border);background:var(--card);border-radius:12px;gap:12px;margin-top:12px;padding:14px;display:grid}.compare-editor .compare-result>p{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:11px}.compare-editor .compare-result video{background:var(--muted);border-radius:8px;width:100%;max-height:340px}.compare-editor .compare-result [role=status]:empty{display:none}.compare-editor .compare-pair-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px;display:grid}.compare-editor .compare-pair-card{border:1px solid var(--border);background:var(--background);border-radius:10px;min-width:0;padding:12px}.compare-editor .compare-pair-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compare-editor .compare-pair-images>div{min-width:0}.compare-editor .compare-pair-images canvas{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:120px;margin:6px auto}.compare-editor .compare-pair-images select{font-size:11px}.compare-editor .compare-pair-images input[type=file]{margin-top:6px;font-size:10px}@container (width>=600px){.compare-editor .compare-music-source{grid-template-columns:1fr 1fr;align-items:start}.compare-editor .compare-plan-settings{grid-template-columns:1fr 1fr}.compare-editor .compare-plan-settings>p{grid-column:1/-1}}@container (width<=340px){.compare-editor fieldset{padding:12px}.compare-editor .compare-segment{padding:10px}.compare-editor .compare-time-grid{gap:8px}.compare-editor .compare-time-card{padding:8px}.compare-editor .compare-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.compare-editor button{transition:none}}@container (width<=280px){.compare-editor .compare-time-grid{grid-template-columns:1fr}}.compare-editor .compare-more-actions{padding-inline:10px}.compare-editor .compare-more-actions[open]{flex-basis:100%}.compare-editor .compare-more-actions summary{padding-block:8px}.compare-editor .compare-subheading{margin-top:20px;font-size:13px;font-weight:600}.compare-editor .compare-steps{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;padding:0;font-size:12px;list-style:none;display:flex}.compare-editor .compare-steps li{background:var(--muted);border-radius:7px;padding:7px 10px}.compare-editor .compare-steps [aria-current=step]{color:var(--primary-foreground);background:var(--primary)}.compare-editor .compare-step-pending{border:1px dashed var(--border);color:var(--muted-foreground);border-radius:12px;padding:14px 16px;font-size:12px}.compare-editor .compare-step-pending p{margin-top:5px}.compare-editor fieldset:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.compare-editor .compare-proposals{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.compare-editor .compare-proposals h3{font-size:14px;font-weight:600}.compare-editor .compare-proposal-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin-block:12px;display:grid}.compare-editor .compare-proposal{text-align:left;overflow-wrap:anywhere;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;min-width:0;padding:14px;line-height:1.6;display:flex}.compare-editor .compare-proposal[aria-pressed=true]{border-color:var(--primary);background:color-mix(in oklch, var(--primary) 7%, var(--background));box-shadow:inset 0 0 0 1px var(--primary)}.compare-editor .compare-proposal-heading,.compare-editor .compare-proposal-heading>span{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.compare-editor .compare-proposal-heading{justify-content:space-between}.compare-editor .compare-proposal-heading>span{color:var(--primary);font-size:11px}.compare-editor .compare-proposal-range{font-variant-numeric:tabular-nums;font-weight:600;display:grid}.compare-editor .compare-proposal-range>span{color:var(--muted-foreground);font-size:11px;font-weight:400}.compare-editor .compare-proposal-action{color:var(--primary);font-size:11px}.compare-editor [data-testid=compare-proposal-feedback]{margin-block:12px;font-size:12px}.compare-editor [data-testid=compare-plan-preview]:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:8px}.compare-editor .compare-planning-choice{border:1px solid var(--border);background:var(--background);border-radius:14px;gap:14px;padding:16px;display:grid}.compare-editor .compare-choice-heading h3{font-size:14px;font-weight:650}.compare-editor .compare-choice-heading h3 span{color:var(--muted-foreground);margin-left:8px;font-size:12px;font-weight:400}.compare-editor .compare-choice-heading p,.compare-editor .compare-choice-note{color:var(--muted-foreground);font-size:12px}.compare-editor .compare-choice-heading p{margin-top:4px}.compare-editor .compare-choice-grid{gap:10px;display:grid}.compare-editor .compare-plan-choice{border:1px solid var(--border);cursor:pointer;border-radius:10px;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:14px;display:grid}.compare-editor .compare-plan-choice[data-selected=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--accent)}.compare-editor .compare-plan-choice:focus-within{outline:2px solid var(--ring);outline-offset:3px}.compare-editor .compare-plan-choice:has(input:disabled){cursor:wait;opacity:.65}.compare-editor .compare-plan-choice input{width:16px;height:16px;accent-color:var(--primary);margin:3px 0 0}.compare-editor .compare-plan-choice strong{color:var(--foreground);font-size:13px;font-weight:600;display:block}.compare-editor .compare-plan-choice small{margin-top:4px;font-size:12px;line-height:1.6;display:block}.compare-editor .compare-planning-choice>button{justify-self:start}@container (width>=520px){.compare-editor .compare-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-editor .compare-timing-point{border:1px solid var(--border);border-radius:12px;gap:10px;margin-top:12px;padding:14px;display:grid}.compare-editor .compare-timing-point>strong{font-size:13px}.compare-editor .compare-timing-value{align-items:center;gap:8px;display:flex}.compare-editor .compare-timing-value input{width:100px}.compare-editor .compare-timing-point>button{justify-self:start}.compare-editor .compare-timing-enable{gap:8px;margin-block:12px;display:grid}.compare-editor .compare-timing-enable>button{justify-self:start}.compare-editor .compare-settings-section{margin-block:20px}.compare-editor .compare-section-title h3{margin:0;font-size:14px;font-weight:600}.compare-editor .compare-section-title p{color:var(--muted-foreground);margin-top:6px;font-size:12px}.compare-editor .compare-plan-settings{border:0;align-items:stretch;gap:12px;margin-top:12px;padding-top:0}.compare-editor .compare-setting-card,.compare-editor .compare-annotation-card{border:1px solid var(--border);background:var(--background);border-radius:12px;min-width:0;padding:16px}.compare-editor .compare-setting-card label{margin:0 0 10px}.compare-editor .compare-setting-card .compare-hint{margin:0;font-size:12px}.compare-editor .compare-setting-wide{grid-column:1/-1}.compare-editor .compare-check-setting{flex-wrap:nowrap;align-items:flex-start}.compare-editor .compare-check-setting input{flex-shrink:0;margin-top:3px}.compare-editor .compare-check-setting strong{color:var(--foreground);font-weight:500;display:block}.compare-editor .compare-check-setting small{margin-top:6px;font-size:12px;line-height:1.6;display:block}.compare-editor .compare-transition-shortcut{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block:12px;padding:14px 0;display:flex}.compare-editor .compare-transition-shortcut strong{font-size:12px;font-weight:500}.compare-editor .compare-transition-shortcut p{margin-top:4px}.compare-editor .compare-transition-shortcut button{flex-shrink:0}.compare-editor .compare-annotation{margin-top:20px}.compare-editor .compare-annotation-card{margin-top:12px}.compare-editor .compare-annotation-card h4{margin-bottom:8px;font-size:13px;font-weight:600}.compare-editor .compare-annotation-card h4 span{color:var(--muted-foreground);font-weight:400}.compare-editor .compare-annotation-card>.compare-hint{margin-block:8px 12px}.compare-editor .compare-annotation-listen{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}.compare-editor .compare-annotation-listen audio{flex:220px;width:100%;min-width:0}.compare-editor .compare-annotation-listen label{flex:0 140px;margin:0}.compare-editor .compare-annotation canvas{background:var(--muted);cursor:crosshair;border-radius:8px}.compare-editor .compare-annotation-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding-block:10px;display:flex}.compare-editor .compare-annotation-row label{margin:0}.compare-editor .compare-reviewer{border:1px solid var(--input);min-width:0;max-width:100%;color:var(--foreground);background:var(--background);border-radius:8px;padding:8px 10px}.compare-editor .compare-empty{text-align:center;color:var(--muted-foreground);background:var(--muted);border-radius:8px;padding:20px 12px;font-size:12px}.compare-editor .compare-history{gap:16px;display:grid}.compare-editor .compare-history-body{gap:10px;display:grid}.compare-editor .compare-history-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.compare-editor .compare-history-heading p{color:var(--muted-foreground);margin-top:4px;font-size:11px}.compare-editor .compare-history-heading strong{font-size:12px}.compare-editor .compare-history .compare-result{margin:0}.compare-editor .compare-history .compare-actions:empty{display:none}.compare-editor .compare-history-player{gap:12px;padding-top:12px;display:grid}.compare-editor .compare-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:12px;display:flex}.compare-editor .compare-annotation-marks{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:320px;overflow-y:auto}.compare-editor .compare-timing-reset{margin-top:16px;margin-bottom:4px;display:flex}.compare-editor .compare-output-summary{margin-block:16px 12px;line-height:1.7}