.text-comparator[data-v-6dd2a896]{width:100%;margin:0 auto;padding:20px}.text-comparator .input-section[data-v-6dd2a896]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.text-comparator .input-group[data-v-6dd2a896]{border:1px solid var(--border-1);border-radius:var(--radius-md);padding:15px;background:var(--surface-2)}.text-comparator .input-header[data-v-6dd2a896]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.text-comparator .input-header h3[data-v-6dd2a896]{margin:0;color:var(--text-1)}.text-comparator .clear-btn[data-v-6dd2a896],.text-comparator .paste-btn[data-v-6dd2a896]{padding:5px 10px;font-size:12px;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-left:5px}.text-comparator .paste-btn[data-v-6dd2a896]{background:var(--brand-500);color:var(--text-inverse)}.text-comparator .clear-btn[data-v-6dd2a896]{background:var(--danger);color:var(--text-inverse)}.text-comparator .text-input[data-v-6dd2a896]{width:100%;min-height:200px;padding:10px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;resize:vertical;box-sizing:border-box}.text-comparator .modified-text[data-v-6dd2a896],.text-comparator .original-text[data-v-6dd2a896]{background:var(--surface)}.text-comparator .char-count[data-v-6dd2a896]{font-size:12px;color:var(--text-3);margin-top:5px}.text-comparator .options-section[data-v-6dd2a896]{display:flex;gap:20px;align-items:center;margin-bottom:20px;padding:15px;background:var(--surface-2);border-radius:var(--radius-md)}.text-comparator .option-group[data-v-6dd2a896]{display:flex;align-items:center;gap:10px}.text-comparator .option-group label[data-v-6dd2a896]{font-weight:700;color:var(--text-1)}.text-comparator .option-group select[data-v-6dd2a896]{padding:5px 10px;border:1px solid var(--border-1);border-radius:var(--radius-sm)}.text-comparator .compare-btn[data-v-6dd2a896]{padding:8px 20px;background:var(--success);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.text-comparator .compare-btn[data-v-6dd2a896]:disabled{background:var(--border-2);cursor:not-allowed}.text-comparator .result-section[data-v-6dd2a896]{margin-bottom:20px}.text-comparator .result-section h3[data-v-6dd2a896]{color:var(--text-1);margin-bottom:15px}.text-comparator .diff-stats[data-v-6dd2a896]{display:flex;gap:20px;margin-bottom:15px;padding:10px;background:var(--surface-2);border-radius:var(--radius-sm)}.text-comparator .diff-stats span[data-v-6dd2a896]{padding:5px 10px;border-radius:var(--radius-sm);font-weight:700}.text-comparator[data-v-6dd2a896] .added{background:#d4edda;color:#155724}.text-comparator[data-v-6dd2a896] .removed{background:#f8d7da;color:#721c24}.text-comparator[data-v-6dd2a896] .changed{background:#fff3cd;color:#856404}.text-comparator .diff-display[data-v-6dd2a896]{border:1px solid var(--border-1);border-radius:var(--radius-md);padding:15px;background:var(--surface);max-height:400px;overflow-y:auto}.text-comparator[data-v-6dd2a896] .unified-diff .diff-line{font-family:var(--font-mono);font-size:14px;line-height:1.4;padding:2px 0}.text-comparator[data-v-6dd2a896] .unified-diff .prefix{display:inline-block;width:20px;font-weight:700}.text-comparator[data-v-6dd2a896] .unified-diff .unchanged{color:var(--text-2)}.text-comparator[data-v-6dd2a896] .side-panel{border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:10px}.text-comparator[data-v-6dd2a896] .side-panel h4{margin:0 0 10px 0;color:var(--text-1);text-align:center}.text-comparator[data-v-6dd2a896] .side-panel .diff-line{font-family:var(--font-mono);font-size:14px;line-height:1.4;padding:2px 4px;margin:1px 0}.text-comparator[data-v-6dd2a896] .side-panel .removed{text-decoration:line-through}.text-comparator[data-v-6dd2a896] .side-panel .unchanged{color:var(--text-2)}.text-comparator[data-v-6dd2a896] .side-by-side-diff{display:flex;gap:0;border:1px solid var(--border-2);border-radius:var(--radius-sm);overflow:hidden;font-family:var(--font-mono);font-size:12px;line-height:1.5;background:var(--surface);margin-top:15px}.text-comparator[data-v-6dd2a896] .diff-column{flex:1;min-width:0;border-right:1px solid var(--border-2)}.text-comparator[data-v-6dd2a896] .diff-column:last-child{border-right:none}.text-comparator[data-v-6dd2a896] .column-header{background-color:var(--surface-2);border-bottom:1px solid var(--border-2);padding:8px 16px;font-weight:600;color:var(--text-1);text-align:center;font-size:13px}.text-comparator[data-v-6dd2a896] .diff-line{display:flex;min-height:20px;border-bottom:1px solid var(--border-1)}.text-comparator[data-v-6dd2a896] .diff-line:last-child{border-bottom:none}.text-comparator[data-v-6dd2a896] .diff-line:hover{background-color:var(--surface-2)}.text-comparator[data-v-6dd2a896] .deleted-content{background-color:#ffebe9}.text-comparator[data-v-6dd2a896] .added-content{background-color:#e6ffec}.text-comparator[data-v-6dd2a896] .unchanged-content{background-color:var(--surface)}.text-comparator[data-v-6dd2a896] .empty-content{background-color:var(--surface-2);color:var(--border-2)}.text-comparator[data-v-6dd2a896] .diff-line .line-number{width:50px;padding:0 8px;text-align:right;color:var(--text-2);background-color:var(--surface-2);border-right:1px solid var(--border-2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;line-height:20px;font-size:11px}.text-comparator[data-v-6dd2a896] .diff-line .line-content{flex:1;padding:0 8px;white-space:pre;word-break:break-all;line-height:20px;font-size:12px}.text-comparator .visual-diff-section[data-v-6dd2a896]{margin-bottom:20px}.text-comparator .diff-header[data-v-6dd2a896]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0}.text-comparator .diff-header h4[data-v-6dd2a896]{color:var(--text-1);margin:0;font-size:18px}.text-comparator .diff-controls[data-v-6dd2a896]{display:flex;gap:10px}.text-comparator .fullscreen-btn[data-v-6dd2a896]{padding:8px 16px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-1);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.text-comparator .fullscreen-btn[data-v-6dd2a896]:hover{background:var(--surface-3);border-color:var(--border-2)}.text-comparator .fullscreen-mode[data-v-6dd2a896]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-fullscreen);background:var(--surface);padding:20px;margin:0;border-radius:0;overflow:auto}.text-comparator .fullscreen-mode .diff-header[data-v-6dd2a896]{position:sticky;top:0;background:var(--surface);z-index:1;padding:15px 0;border-bottom:1px solid var(--border-2);margin-bottom:20px}.text-comparator .fullscreen-mode[data-v-6dd2a896] .side-by-side-diff{height:calc(100vh - 100px);border:none;border-radius:0;margin:0}.text-comparator .fullscreen-mode[data-v-6dd2a896] .diff-column{height:100%;overflow-y:auto}.text-comparator .fullscreen-content[data-v-6dd2a896]{height:calc(100vh - 120px);overflow:hidden}.text-comparator .actions[data-v-6dd2a896]{display:flex;gap:10px;justify-content:center}.text-comparator .copy-btn[data-v-6dd2a896],.text-comparator .download-btn[data-v-6dd2a896],.text-comparator .example-btn[data-v-6dd2a896]{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.text-comparator .download-btn[data-v-6dd2a896]{background:var(--brand-500);color:var(--text-inverse)}.text-comparator .copy-btn[data-v-6dd2a896]{background:#9b59b6;color:var(--text-inverse)}.text-comparator .example-btn[data-v-6dd2a896]{background:var(--warning);color:var(--text-inverse)}.text-comparator .copy-btn[data-v-6dd2a896]:disabled,.text-comparator .download-btn[data-v-6dd2a896]:disabled{background:var(--border-2);cursor:not-allowed}@media (max-width:768px){.text-comparator[data-v-6dd2a896]{padding:14px}.text-comparator .input-section[data-v-6dd2a896]{grid-template-columns:1fr;gap:14px}.text-comparator .input-group[data-v-6dd2a896]{padding:12px}.text-comparator .text-input[data-v-6dd2a896]{min-height:150px;font-size:16px}.text-comparator .clear-btn[data-v-6dd2a896],.text-comparator .paste-btn[data-v-6dd2a896]{padding:9px 12px;min-height:36px}.text-comparator .options-section[data-v-6dd2a896]{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.text-comparator .option-group[data-v-6dd2a896]{justify-content:space-between}.text-comparator .option-group select[data-v-6dd2a896]{flex:1;min-width:0;font-size:16px;padding:8px 10px}.text-comparator .compare-btn[data-v-6dd2a896]{min-height:40px}.text-comparator .diff-stats[data-v-6dd2a896]{flex-wrap:wrap;gap:8px}.text-comparator[data-v-6dd2a896] .side-by-side-diff{flex-direction:column}.text-comparator[data-v-6dd2a896] .diff-column{border-right:none;border-bottom:1px solid var(--border-2)}.text-comparator[data-v-6dd2a896] .diff-column:last-child{border-bottom:none}.text-comparator[data-v-6dd2a896] .diff-line .line-number{width:34px;padding:0 4px;font-size:12px}.text-comparator[data-v-6dd2a896] .diff-line .line-content{padding:0 6px}.text-comparator .fullscreen-mode[data-v-6dd2a896]{padding:10px}.text-comparator .fullscreen-mode[data-v-6dd2a896] .side-by-side-diff{height:calc(100vh - 80px)}.text-comparator .fullscreen-mode[data-v-6dd2a896] .diff-column{height:50%}.text-comparator .diff-header[data-v-6dd2a896]{flex-direction:column;align-items:flex-start;gap:10px}.text-comparator .diff-header h4[data-v-6dd2a896]{font-size:16px}.text-comparator .diff-controls[data-v-6dd2a896]{width:100%;justify-content:flex-end}}@media (max-width:480px){.text-comparator .input-group[data-v-6dd2a896],.text-comparator[data-v-6dd2a896]{padding:10px}.text-comparator .input-header h3[data-v-6dd2a896]{font-size:15px}.text-comparator .diff-stats[data-v-6dd2a896]{padding:8px}.text-comparator .diff-stats span[data-v-6dd2a896]{padding:4px 8px}.text-comparator .actions[data-v-6dd2a896]{flex-direction:column}.text-comparator .copy-btn[data-v-6dd2a896],.text-comparator .download-btn[data-v-6dd2a896],.text-comparator .example-btn[data-v-6dd2a896]{width:100%;min-height:42px}}