.code-diff-page{max-width:1360px;margin:0 auto}.code-diff-heading{max-width:850px;margin-bottom:36px}.code-diff-heading .eyebrow{color:#ffca6d;margin-bottom:16px}.code-diff-heading h1{letter-spacing:-2.6px;max-width:850px;margin:0 0 18px;font-size:clamp(42px,5.5vw,72px);line-height:1.06}.code-diff-heading>p,.code-diff-explainer>p,.code-diff-explainer li{color:#b8cce5;max-width:850px;font-size:17px;line-height:1.75}.code-diff-workspace{background:linear-gradient(145deg,#0d2039ed,#0a1729f5);border:1px solid #a3caff36;border-radius:24px;padding:22px;box-shadow:0 24px 80px #00000026}.code-diff-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.code-diff-input{background:#081426;border:1px solid #a3caff2a;border-radius:16px;min-width:0;overflow:hidden}.code-diff-input-heading{border-bottom:1px solid #a3caff24;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.code-diff-input-heading label{letter-spacing:.1px;font-weight:700}.code-diff-editor{resize:vertical;color:#e7f0fb;tab-size:4;white-space:pre;background:0 0;border:0;outline:0;width:100%;height:290px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;display:block}.code-diff-editor:focus-visible{outline-offset:-3px;outline:2px solid #ffcb6a}.code-diff-editor::placeholder{color:#8196b2;opacity:1}.code-diff-input-note{color:#8da5c4;margin:0;padding:0 16px 14px;font-size:12px}.code-diff-quiet-button{color:#d8e6f7;white-space:nowrap;background:#122742;border:1px solid #a3caff35;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:13px;font-weight:600;line-height:1.2;transition:background .18s,border-color .18s,opacity .18s;display:inline-flex}.code-diff-quiet-button svg{flex:none;width:15px;height:15px}.code-diff-quiet-button:hover:not(:disabled){background:#193657;border-color:#a3caff72}.code-diff-quiet-button:disabled{opacity:.45;cursor:not-allowed}.code-diff-toolbar{border-bottom:1px solid #a3caff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:68px;display:flex}.code-diff-actions,.code-diff-result-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.code-diff-compare{min-height:41px;padding:9px 17px;font-size:14px}.code-diff-checkbox{color:#b8cce5;white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:inline-flex}.code-diff-checkbox input{accent-color:#ff8069;width:17px;height:17px}.code-diff-privacy,.code-diff-status,.code-diff-error{margin:13px 0 0;font-size:13px;line-height:1.5}.code-diff-privacy{color:#a8c9e8}.code-diff-status{color:#8fd9ac}.code-diff-error{color:#ffd0c6;background:#ff806917;border-left:3px solid #ff8069;padding:8px 12px}.code-diff-results{margin-top:24px}.code-diff-results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.code-diff-results-heading h2{letter-spacing:-.4px;margin:0 0 5px;font-size:23px}.code-diff-results-heading p{color:#9fb7d4;margin:0;font-size:13px}.code-diff-stats{flex-wrap:wrap;gap:13px;display:flex}.diff-stat--added{color:#8be0a8!important}.diff-stat--removed{color:#ff9b9a!important}.code-diff-result-actions .code-diff-quiet-button{min-height:35px;padding:6px 9px;font-size:12px}.code-diff-view-bar{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:12px;display:flex}.code-diff-view-toggle{background:#081426;border:1px solid #a3caff30;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.code-diff-view-toggle button{color:#a8bfdd;background:0 0;border:0;border-radius:7px;min-height:34px;padding:6px 12px;font-size:12px;font-weight:650}.code-diff-view-toggle button.selected{color:#fff5e9;background:#24466c}.code-diff-split,.code-diff-unified{scrollbar-color:#547294 #0b192b;background:#061020;border:1px solid #a3caff30;border-radius:12px;max-height:min(70vh,900px);overflow:auto}.code-diff-column-heads{z-index:2;color:#b9cde6;text-transform:uppercase;letter-spacing:1px;background:#10223b;border-bottom:1px solid #a3caff30;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:12px;font-weight:700;display:grid;position:sticky;top:0}.code-diff-column-heads span{padding:10px 14px}.code-diff-column-heads span+span{border-left:1px solid #a3caff30}.code-diff-row{border-bottom:1px solid #a3caff0b;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:25px;scroll-margin:48px;display:grid}.code-diff-row[data-active-change=true],.code-diff-unified-row[data-active-change=true]{outline-offset:-2px;outline:2px solid #ffcb6a}.code-diff-row:last-child,.code-diff-unified-row:last-child{border-bottom:0}.code-diff-cell{color:#cad8e8;min-width:0;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;display:flex}.code-diff-cell+.code-diff-cell{border-left:1px solid #a3caff24}.code-diff-number{color:#6f87a3;text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 49px;width:49px;padding:2px 9px 2px 4px}.code-diff-cell pre,.code-diff-unified-row pre{min-width:0;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;flex:1;margin:0;padding:2px 12px 2px 5px}.code-diff--nowrap .code-diff-table{width:max-content;min-width:100%}.code-diff--nowrap .code-diff-cell pre,.code-diff--nowrap .code-diff-unified-row pre{white-space:pre;overflow-wrap:normal}.code-diff-cell--removed{color:#ffe1df;background:#932e3638}.code-diff-cell--added{color:#d4ffe1;background:#1f724936}.code-diff-cell--empty{background:#a3caff09}.code-diff-row--changed .code-diff-cell--removed{background:#932e3655}.code-diff-row--changed .code-diff-cell--added{background:#1f724955}.code-diff-inline{color:inherit;border-radius:2px}.code-diff-inline--removed{background:#dd66735c}.code-diff-inline--added{background:#4ac07865}.code-diff-unified-row{color:#cad8e8;border-bottom:1px solid #a3caff0b;grid-template-columns:26px 49px 49px minmax(0,1fr);min-height:25px;scroll-margin:48px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;display:grid}.code-diff-marker{color:#7890ac;text-align:center;padding:2px 0}.code-diff-unified-row--removed{color:#ffe1df;background:#932e3638}.code-diff-unified-row--added{color:#d4ffe1;background:#1f724936}.code-diff-fold{background:#0d1d33;border-bottom:1px solid #a3caff0b}.code-diff-fold-button{color:#8fb3dc;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:30px;padding:4px 14px;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.code-diff-fold-button:hover{color:#d8e6f7;background:#a3caff12}.code-diff-empty-state{color:#9fb7d4;border:1px dashed #a3caff3b;border-radius:12px;padding:24px}.code-diff-empty-state p:last-child{margin-bottom:0}.code-diff-no-changes{color:#8fd9ac;margin:14px 0 0;font-size:14px}.code-diff-explainer{max-width:1000px;margin-top:55px}.code-diff-explainer h2{letter-spacing:-.8px;margin:34px 0 12px;font-size:clamp(25px,3vw,34px)}.code-diff-explainer h2:first-child{margin-top:0}.code-diff-explainer h3{margin:23px 0 7px;font-size:17px}.code-diff-explainer ul,.code-diff-explainer ol{padding-left:22px}.code-diff-explainer strong{color:#e4eefb}.code-diff-explainer .code-diff-credit{margin-top:34px;font-size:15px}.code-diff-credit a{color:#ffb4a6}.code-diff-explainer li{padding:3px 0;font-size:15px}@media (width<=760px){.code-diff-heading h1{letter-spacing:-1.8px;font-size:clamp(39px,10vw,58px)}.code-diff-heading>p,.code-diff-explainer>p{font-size:16px}.code-diff-workspace{border-radius:17px;margin:0 -10px;padding:13px}.code-diff-inputs{grid-template-columns:minmax(0,1fr);gap:12px}.code-diff-editor{height:230px}.code-diff-toolbar{align-items:flex-start;padding:13px 0}.code-diff-actions{width:100%}.code-diff-actions .code-diff-compare{flex:1}.code-diff-result-actions{gap:6px}.code-diff-result-actions .code-diff-quiet-button{padding:6px 7px}.code-diff-results-heading{align-items:flex-start}.code-diff-stats{gap:8px}.code-diff-explainer{margin-top:40px}.code-diff-number{flex-basis:34px;width:34px;padding-right:6px}.code-diff-unified-row{grid-template-columns:20px 34px 34px minmax(0,1fr)}}
