*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #7c3aed;--text-color: #1f2937;--text-light: #6b7280;--bg-color: #ffffff;--bg-secondary: #f3f4f6;--border-color: #e5e7eb;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--card-bg: #ffffff;--header-bg: #ffffff;--footer-bg: #1f2937;--footer-text: #9ca3af}[data-theme=dark]{--primary-color: #3b82f6;--primary-dark: #2563eb;--secondary-color: #8b5cf6;--text-color: #f3f4f6;--text-light: #9ca3af;--bg-color: #111827;--bg-secondary: #1f2937;--border-color: #374151;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--card-bg: #1f2937;--header-bg: #1f2937;--footer-bg: #0f172a;--footer-text: #9ca3af}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.6;transition:background-color .3s,color .3s}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.main-content{min-height:calc(100vh - 160px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);color:var(--text-color)}.btn-secondary:hover{background:var(--border-color)}.text-diff-tool{color:var(--text-color)}.diff-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:2.5rem;margin-bottom:1rem;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);font-size:.9rem}.diff-panel-heading span{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.diff-panel-heading i{width:.55rem;height:.55rem;background:var(--success-color)}.diff-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:.5rem}.diff-editors label{display:flex;flex-direction:column;gap:.35rem;min-width:0;color:var(--text-color);font-size:.875rem;text-transform:uppercase}.diff-editors textarea{width:100%;min-height:10rem;padding:1rem;resize:vertical;border:2px solid var(--border-color);border-radius:.5rem;background:var(--card-bg);color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5}.diff-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:.5rem}.diff-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:Consolas,Monaco,monospace;font-size:.8rem}.diff-table tr+tr{border-top:1px solid var(--border-color)}.diff-table th{width:2rem;padding:.35rem;border-right:1px solid var(--border-color);color:var(--text-light);font-weight:400;text-align:right}.diff-table td{width:calc((100% - 2rem)/2);min-height:1.5rem;padding:.35rem .5rem;border-right:1px solid var(--border-color);color:var(--text-color);white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.diff-table td:last-child{border-right:0}.diff-same td{background:var(--card-bg)}.diff-modified td:first-of-type,.diff-removed td:first-of-type,.diff-added td:first-of-type{background:color-mix(in srgb,var(--error-color) 12%,var(--card-bg))}.diff-modified td:last-of-type,.diff-added td:last-of-type,.diff-removed td:last-of-type{background:color-mix(in srgb,var(--success-color) 12%,var(--card-bg))}.diff-character{padding:.08rem .12rem;border-radius:.15rem}.diff-character-removed{background:color-mix(in srgb,var(--error-color) 28%,var(--card-bg));text-decoration:line-through}.diff-character-added{background:color-mix(in srgb,var(--success-color) 28%,var(--card-bg))}.diff-actions{flex-wrap:wrap}@media(max-width:768px){.diff-editors{grid-template-columns:1fr}}.video-recorder{display:grid;gap:1rem;min-width:0;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--card-bg)}.video-options{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.video-resolution-option,.video-option-toggle{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-color)}.video-resolution-option select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.35rem;background:var(--card-bg);color:var(--text-color);font:inherit}.video-resolution-option select:disabled,.video-option-toggle input:disabled{cursor:not-allowed;opacity:.6}.video-option-toggle input{width:1rem;height:1rem;accent-color:var(--primary-color)}.video-preview{display:block;width:100%;aspect-ratio:16/9;border-radius:.5rem;background:#111827;object-fit:contain}.video-preview-empty{display:grid;place-items:center;border:1px dashed var(--border-color);background:var(--bg-secondary);color:var(--text-light)}@media(max-width:768px){.video-recorder{padding:.75rem}.video-options{align-items:flex-start;flex-direction:column;gap:.75rem}}