.diff-app-workspace[data-astro-cid-kfbimtqk]{margin-bottom:2rem}.diff-drop-grid[data-astro-cid-kfbimtqk]{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=768px){.diff-drop-grid[data-astro-cid-kfbimtqk]{grid-template-columns:1fr;gap:.75rem}}.diff-slot-card[data-astro-cid-kfbimtqk]{background:var(--bg-surface);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);outline:none;padding:1.75rem 1.25rem;position:relative}.diff-slot-card[data-astro-cid-kfbimtqk]:hover,.diff-slot-card[data-astro-cid-kfbimtqk]:focus-visible,.diff-slot-card[data-astro-cid-kfbimtqk].drag-active{border-color:var(--accent);background:var(--bg-surface-hover)}.slot-badge[data-astro-cid-kfbimtqk]{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs);margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.slot-badge-a[data-astro-cid-kfbimtqk]{background:var(--border-subtle);color:var(--text-secondary)}.slot-badge-b[data-astro-cid-kfbimtqk]{background:var(--accent);color:var(--text-inverse)}.slot-icon[data-astro-cid-kfbimtqk]{color:var(--text-secondary);margin-bottom:.5rem}.slot-filename[data-astro-cid-kfbimtqk]{color:var(--text-primary);word-break:break-all;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.slot-filename[data-astro-cid-kfbimtqk].has-file{color:var(--accent)}.slot-help[data-astro-cid-kfbimtqk]{color:var(--text-secondary);font-size:.75rem}.diff-slot-bridge[data-astro-cid-kfbimtqk]{justify-content:center;align-items:center;display:flex}.btn-swap[data-astro-cid-kfbimtqk]{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;width:38px;height:38px;transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-swap[data-astro-cid-kfbimtqk]:hover{color:var(--text-primary);border-color:var(--border-strong);transform:rotate(180deg)}.diff-quick-bar[data-astro-cid-kfbimtqk]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.btn-sample-diff[data-astro-cid-kfbimtqk]{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-sample-diff[data-astro-cid-kfbimtqk]:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.diff-quick-tip[data-astro-cid-kfbimtqk]{color:var(--text-secondary);font-size:.8125rem}.diff-waiting-banner[data-astro-cid-kfbimtqk]{text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:2rem;font-size:.9375rem}.diff-results-card[data-astro-cid-kfbimtqk]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.diff-stats-dashboard{background:var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;display:grid}.diff-stat-card{background:var(--bg-surface);text-align:center;flex-direction:column;gap:.2rem;padding:.85rem .75rem;display:flex}.diff-stat-card .stat-num{font-size:1.25rem;font-weight:700;font-family:var(--font-mono,monospace);color:var(--text-primary)}.diff-stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.stat-modified .stat-num{color:#eab308}.stat-retimed .stat-num{color:#06b6d4}.stat-added .stat-num{color:#22c55e}.stat-deleted .stat-num{color:#ef4444}.diff-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.diff-filter-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.diff-filter-tabs .tab-btn,.diff-view-toggle .view-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;padding:.35rem .75rem;font-size:.8125rem;font-weight:600}.diff-filter-tabs .tab-btn:hover,.diff-view-toggle .view-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.diff-filter-tabs .tab-btn.active,.diff-view-toggle .view-btn.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.diff-view-toggle{gap:.25rem;display:flex}.diff-view-container{background:var(--bg-app);max-height:600px;overflow-y:auto}.diff-empty-filtered{text-align:center;color:var(--text-secondary);padding:2.5rem;font-size:.875rem}.split-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);z-index:2;grid-template-columns:1fr 100px 1fr;padding:.6rem 1rem;font-size:.8125rem;font-weight:700;display:grid;position:sticky;top:0}.split-col-header.header-status{text-align:center}.split-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 100px 1fr;font-size:.875rem;line-height:1.5;display:grid}.split-row:hover{background:#ffffff05}.split-cell{padding:.75rem 1rem}.split-cell-status{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);justify-content:center;align-items:flex-start;padding-top:.85rem;display:flex}.cue-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.75rem;display:flex}.cue-num{color:var(--text-primary);font-weight:700}.time-shift-pill{color:#06b6d4;border-radius:var(--radius-xs);background:#06b6d426;padding:.1rem .4rem;font-size:.7rem}.diff-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-xs);padding:.15rem .45rem;font-size:.7rem;font-weight:700}.badge-modified{color:#eab308;background:#eab30826}.badge-retimed{color:#06b6d4;background:#06b6d426}.badge-added{color:#22c55e;background:#22c55e26}.badge-deleted{color:#ef4444;background:#ef444426}.badge-unchanged{background:var(--border-subtle);color:var(--text-secondary)}.diff-del{color:#fca5a5;background:#ef444433;border-radius:2px;padding:.05rem .25rem;text-decoration:line-through}.diff-ins{color:#86efac;background:#22c55e33;border-radius:2px;padding:.05rem .25rem;text-decoration:none}.cue-empty{color:var(--text-secondary);opacity:.4;padding:.5rem 0}.unified-diff-list{flex-direction:column;display:flex}.unified-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:90px 1fr;gap:1rem;padding:.75rem 1rem;font-size:.875rem;display:grid}.unified-badge-col{align-items:flex-start;padding-top:.2rem;display:flex}.unified-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.75rem;display:flex}.line-del{margin-bottom:.25rem}.line-timing-before{color:var(--text-secondary);font-size:.75rem}.line-timing-after{color:#06b6d4;margin-bottom:.25rem;font-size:.75rem}.diff-actions-bar{background:var(--bg-surface);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;display:flex}.action-btn{border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.action-primary{background:var(--accent);color:var(--text-inverse);border:1px solid var(--accent)}.action-primary:hover{opacity:.92}.action-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.action-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.visually-hidden[data-astro-cid-kfbimtqk]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.faq-list[data-astro-cid-kfbimtqk]{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}.faq-item[data-astro-cid-kfbimtqk] dt[data-astro-cid-kfbimtqk]{color:var(--text-primary);margin-bottom:.4rem;font-size:1.0625rem;font-weight:700}.faq-item[data-astro-cid-kfbimtqk] dd[data-astro-cid-kfbimtqk]{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.hidden[data-astro-cid-kfbimtqk]{display:none!important}
