textarea{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#514b61}textarea:focus-visible{outline:2px solid #ac9af4;outline-offset:-2px}main{max-width:1180px}.workspace-toolbar,.actions,.options,.checks,.comparison-heading,.comparison-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-toolbar{margin:2px 0 15px}.actions{gap:14px}.secondary{border-color:#e6e1ee;background:#fff;color:#81718f}.secondary:hover{background:#f6f3fb}.muted{color:#8b8495}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor .card-heading{padding:20px}.editor .feature-icon{font-size:22px}.upload{margin-left:auto;padding:7px 10px;min-height:32px;font-size:10px}.upload svg{width:13px;height:13px}.editor textarea{display:block;resize:vertical;min-height:210px;height:235px;width:100%;border:0;border-top:1px solid #f0edf5;border-radius:0;padding:18px 20px;background:#fff}.editor textarea::placeholder{color:#b0a9bc}.editor-footer{display:flex;justify-content:space-between;gap:10px;background:#fcfbfd;border-top:1px solid #efedf3;padding:11px 20px;color:#9b92a6;font-size:10px}.editor.dragging{outline:2px dashed var(--purple)}.options{padding:19px 2px 23px}.checks{gap:23px}.checks label{display:flex;align-items:center;gap:7px;font-size:11px;color:#81788b;cursor:pointer}.checks input{width:14px;height:14px;padding:0;margin:0;accent-color:var(--purple)}.comparison-heading{padding:19px 22px}.result-title{display:flex;align-items:center;gap:15px}#summary{color:#978c9f;font-size:10px}.view-toggle{display:flex;border:1px solid #e9e3f0;background:#f6f3f9;border-radius:7px;padding:3px}.view-toggle button{background:transparent;color:#93879f;border:0;font-size:10px;padding:7px 12px;border-radius:4px}.view-toggle button.selected{background:#fff;color:var(--purple);box-shadow:0 1px 4px #30234d12}.diff-column-headings{display:grid;grid-template-columns:1fr 1fr;background:#faf9fc;border-block:1px solid #ece8f1;color:#9a90a4;font-size:9px;letter-spacing:1.3px}.diff-column-headings span{padding:11px 20px}.diff-column-headings span+span{border-left:1px solid #ece8f1}#diff-output{max-height:520px;overflow:auto;min-height:200px}.empty-state{padding:34px 20px;text-align:center;color:#91879d}.empty-state .feature-icon{margin:auto}.empty-state h3{font-size:13px;font-weight:550;margin:15px 0 9px}.empty-state p{font-size:11px;margin:0;line-height:1.7}.diff-row{display:grid;grid-template-columns:1fr 1fr;min-height:27px}.diff-cell{display:flex;min-width:0;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#61576e}.diff-cell+.diff-cell{border-left:1px solid #ece8f1}.line-number{width:43px;flex-shrink:0;text-align:right;padding:3px 10px 3px 3px;color:#a59baa;user-select:none;border-right:1px solid #30234d08;font-size:10px}.line-sign{width:23px;flex-shrink:0;text-align:center;padding-top:2px;user-select:none}.line-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;padding:2px 10px 2px 0;tab-size:4}.diff-cell.removed{background:#fff0f2;color:#9e4f61}.diff-cell.added{background:#edf8f2;color:#397d5e}.diff-cell.blank{background:#f8f7fa}.diff-cell mark{color:inherit;border-radius:2px;background:#f7ced7}.diff-cell.added mark{background:#c6ebd6}.unified .diff-row{grid-template-columns:1fr}.unified .line-number{width:38px}.comparison-footer{padding:14px 20px;border-top:1px solid var(--border)}.legend{display:flex;gap:16px;font-size:10px}.removed-key{color:#b7687c}.added-key{color:#589276}button:disabled{opacity:.45;cursor:default}#limit-note{font-size:11px;color:#8d6b3f;background:#fff9ee;padding:12px 20px;margin:0}.learn-grid{margin-top:30px}.site-footer{max-width:1252px}
@media(max-width:800px){.checks{gap:13px}.checks .section-label{display:none}.result-title{align-items:flex-start;flex-direction:column;gap:7px}.editor .card-heading{padding:15px}.editor-footer{padding:10px 15px}.editor-footer span:last-child{display:none}}
@media(max-width:650px){.editor-grid{grid-template-columns:1fr;gap:15px}.editor textarea{height:180px;min-height:140px}.workspace-toolbar>.section-label{display:none}.workspace-toolbar{justify-content:flex-end}.options{gap:10px;flex-wrap:wrap}.options>.live-badge{display:none}.comparison-heading{padding:16px 12px;gap:8px}.view-toggle button{padding:7px 8px}.comparison-footer{padding:12px;flex-wrap:wrap}.comparison-footer .actions{margin-left:auto;gap:8px}.line-number{width:25px;padding-right:5px}.line-sign{width:15px}.diff-cell{font-size:11px}.diff-column-headings span{padding:10px}.legend{gap:12px}}