:root{--bg-app: #f8f9fa;--bg-panel: #fff;--bg-panel-header: linear-gradient(to bottom, #fff, #f6f6f6);--bg-context: #f8f9fa;--bg-marker: #eaecf0;--bg-deleted: #feeec8;--bg-added: #d8ecff;--bg-empty: #f0f0f0;--bg-deleted-change: #fc3;--bg-added-change: #a3d3ff;--bg-btn-secondary: #f8f9fa;--bg-btn-secondary-hover: #eaecf0;--bg-thead: #c8ccd1;--border-panel: #0b0c0c;--border-input: #a2a9b1;--border-deleted: #fc3;--border-added: #36c;--border-legend: #eaecf0;--text-primary: #202122;--text-secondary: #54595d;--text-muted: #72777d;--text-marker: #202122;--text-marker-removed: #d33;--text-marker-added: #00af89;--text-change: #000;--accent-primary: #36c;--accent-primary-hover: #2a4b8d;--accent-focus: #36c}@media(prefers-color-scheme:dark){:root{--bg-app: #1a1a1a;--bg-panel: #2b2b2b;--bg-panel-header: linear-gradient(to bottom, #2b2b2b, #232323);--bg-context: #2b2b2b;--bg-marker: #3a3a3a;--bg-deleted: #4d3319;--bg-added: #1a3a52;--bg-empty: #333;--bg-deleted-change: #8b6914;--bg-added-change: #2e5f8f;--bg-btn-secondary: #3a3a3a;--bg-btn-secondary-hover: #4a4a4a;--bg-thead: #3a3a3a;--border-panel: #555;--border-input: #555;--border-deleted: #8b6914;--border-added: #4a90e2;--border-legend: #3a3a3a;--text-primary: #e8e8e8;--text-secondary: #b8b8b8;--text-muted: #999;--text-marker: #e8e8e8;--text-marker-removed: #ff6b6b;--text-marker-added: #51cf66;--text-change: #fff;--accent-primary: #36c;--accent-primary-hover: #2a4b8d;--accent-focus: #36c}}body{margin:0;background:var(--bg-app);transition:background .3s ease}.mw-diff-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;max-width:1200px;margin:0 auto;padding:16px;background:var(--bg-app);transition:background .3s ease}.wiki-panel{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:2px;margin-bottom:16px;transition:background .3s ease,border-color .3s ease}.wiki-panel:last-child{margin-bottom:0}header.wiki-panel{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}main>.wiki-panel:first-child{border-top:none;border-top-left-radius:0;border-top-right-radius:0}output.wiki-panel{display:block}output.wiki-panel:focus{outline:none}.wiki-panel-header{padding:12px 16px;border-bottom:1px solid var(--border-input);background:var(--bg-panel-header);transition:background .3s ease,border-color .3s ease}.wiki-panel-header h1{margin:0;font-size:1.4em;font-weight:400;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:color .3s ease}.header-icon{width:24px;height:24px}.wiki-panel-body{padding:16px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.input-label{display:block;font-weight:700;margin-bottom:6px;color:var(--text-primary);font-size:14px;transition:color .3s ease}.wiki-textarea{width:100%;height:180px;padding:8px;border:1px solid var(--border-input);border-radius:2px;font-family:monospace;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box;background:var(--bg-panel);color:var(--text-primary);transition:background .3s ease,color .3s ease,border-color .3s ease}.wiki-textarea:focus{outline:none;border-color:var(--accent-focus);box-shadow:inset 0 0 0 1px var(--accent-focus)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.wiki-btn{padding:8px 16px;border-radius:2px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid;transition:background .2s ease,color .2s ease,border-color .2s ease}.wiki-btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.wiki-btn-primary:hover{background:var(--accent-primary-hover)}.wiki-btn-secondary{background:var(--bg-btn-secondary);color:var(--text-primary);border-color:var(--border-input)}.wiki-btn-secondary:hover{background:var(--bg-btn-secondary-hover)}.diff-table-wrapper{overflow-x:auto}.diff-table{width:100%;border-collapse:collapse;font-family:monospace;font-size:13px;line-height:1.4}.diff-table thead th{background:var(--bg-thead);padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;color:var(--text-primary);text-align:left;transition:background .3s ease,color .3s ease}.diff-table thead th:last-child{text-align:right}.diff-table td{padding:1px 8px;vertical-align:top}.diff-table td div{word-wrap:break-word}.diff-marker{width:20px;min-width:20px;text-align:center;color:var(--text-marker);font-weight:700;-webkit-user-select:none;user-select:none;background:var(--bg-marker);transition:background .3s ease,color .3s ease}.diff-marker span[aria-hidden=true]{color:var(--text-marker)}.diff-marker[aria-label=Removed] span{color:var(--text-marker-removed)}.diff-marker[aria-label=Added] span{color:var(--text-marker-added)}.diff-context{background:var(--bg-context);color:var(--text-primary);transition:background .3s ease,color .3s ease}.diff-deletedline{background:var(--bg-deleted);border-left:4px solid var(--border-deleted);color:var(--text-primary);transition:background .3s ease,border-color .3s ease,color .3s ease}.diff-addedline{background:var(--bg-added);border-left:4px solid var(--border-added);color:var(--text-primary);transition:background .3s ease,border-color .3s ease,color .3s ease}.diff-empty{background:var(--bg-empty);transition:background .3s ease}.diffchange,del.diffchange,ins.diffchange{font-weight:700;text-decoration:none;padding:1px 2px;border-radius:2px;transition:background .3s ease,color .3s ease}.diff-deletedline del.diffchange{background:var(--bg-deleted-change);color:var(--text-change)}.diff-addedline ins.diffchange{background:var(--bg-added-change);color:var(--text-change)}.diff-notice{text-align:center;padding:24px;color:var(--text-secondary);font-style:italic;transition:color .3s ease}.diff-table tfoot td.diff-legend{background:var(--bg-context);border-top:1px solid var(--border-legend);padding:10px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:12px;color:var(--text-secondary);line-height:normal;transition:background .3s ease,color .3s ease,border-color .3s ease}.legend-list{list-style:none;margin:0;padding:0;display:inline}.legend-item{display:inline-block;padding:2px 8px;margin-right:12px;border-radius:2px;transition:background .3s ease,border-color .3s ease}.legend-removed{background:var(--bg-deleted);border-left:3px solid var(--border-deleted)}.legend-added{background:var(--bg-added);border-left:3px solid var(--border-added)}.legend-change-del{background:var(--bg-deleted-change)}.legend-change-add{background:var(--bg-added-change)}.placeholder{padding:48px;text-align:center;color:var(--text-muted);background:var(--bg-panel);transition:background .3s ease,color .3s ease}.app-footer{text-align:center;padding:16px 16px 0;color:var(--text-secondary);font-size:14px;transition:color .3s ease}.app-footer a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.app-footer a:hover{text-decoration:underline}
