.diff-workspace--light{--insert-line-bg: rgba(91, 196, 102, .32);--delete-line-bg: rgba(224, 82, 82, .18);--replace-line-bg: rgba(102, 166, 232, .22);--insert-char-bg: rgba(91, 196, 102, .46);--delete-char-bg: rgba(224, 82, 82, .34);--insert-line: #67b86d;--delete-line: #e05252;--replace-line: #6fa9e8;--insert-connector-bg: rgba(91, 196, 102, .28);--insert-connector-line: rgba(63, 161, 72, .45);--delete-connector-bg: rgba(224, 82, 82, .18);--delete-connector-line: rgba(224, 82, 82, .42);--replace-connector-bg: rgba(102, 166, 232, .22);--replace-connector-line: rgba(84, 139, 205, .42);--diff-connector-bg: #f8fafc;--diff-connector-axis: rgba(139, 160, 190, .32);--connector-action-bg: rgba(255, 255, 255, .92);--connector-action-shadow: 0 8px 18px rgba(23, 32, 51, .08);--connector-action-hover-shadow: 0 12px 26px rgba(23, 32, 51, .14);--fold-wave-color: rgba(146, 158, 174, .45)}.diff-workspace--dark{--insert-line-bg: rgba(52, 211, 153, .15);--delete-line-bg: rgba(248, 113, 113, .15);--replace-line-bg: rgba(251, 191, 36, .15);--insert-char-bg: rgba(52, 211, 153, .35);--delete-char-bg: rgba(248, 113, 113, .35);--insert-connector-bg: rgba(52, 211, 153, .22);--insert-connector-line: rgba(52, 211, 153, .42);--delete-connector-bg: rgba(248, 113, 113, .2);--delete-connector-line: rgba(248, 113, 113, .42);--replace-connector-bg: rgba(96, 165, 250, .18);--replace-connector-line: rgba(96, 165, 250, .42);--diff-connector-bg: rgba(7, 11, 18, .78);--diff-connector-axis: rgba(139, 160, 190, .18);--connector-action-bg: rgba(14, 21, 34, .92);--connector-action-shadow: 0 8px 18px rgba(0, 0, 0, .22);--connector-action-hover-shadow: 0 12px 26px rgba(0, 0, 0, .32);--fold-wave-color: rgba(139, 160, 190, .36)}.diff-workspace--warm{--insert-line-bg: rgba(132, 204, 22, .12);--delete-line-bg: rgba(220, 38, 38, .12);--replace-line-bg: rgba(217, 119, 6, .12);--insert-char-bg: rgba(132, 204, 22, .3);--delete-char-bg: rgba(220, 38, 38, .3);--insert-connector-bg: rgba(132, 204, 22, .2);--insert-connector-line: rgba(101, 163, 13, .36);--delete-connector-bg: rgba(220, 38, 38, .16);--delete-connector-line: rgba(220, 38, 38, .34);--replace-connector-bg: rgba(217, 119, 6, .16);--replace-connector-line: rgba(217, 119, 6, .34);--diff-connector-bg: #fff7ed;--diff-connector-axis: rgba(168, 132, 95, .24);--connector-action-bg: rgba(255, 252, 247, .92);--connector-action-shadow: 0 8px 18px rgba(88, 61, 42, .08);--connector-action-hover-shadow: 0 12px 26px rgba(88, 61, 42, .14);--fold-wave-color: rgba(143, 114, 88, .38)}.diff-workspace--ocean{--insert-line-bg: rgba(20, 184, 166, .15);--delete-line-bg: rgba(251, 113, 133, .15);--replace-line-bg: rgba(251, 146, 60, .15);--insert-char-bg: rgba(20, 184, 166, .35);--delete-char-bg: rgba(251, 113, 133, .35);--insert-connector-bg: rgba(20, 184, 166, .2);--insert-connector-line: rgba(20, 184, 166, .4);--delete-connector-bg: rgba(251, 113, 133, .2);--delete-connector-line: rgba(251, 113, 133, .42);--replace-connector-bg: rgba(56, 189, 248, .18);--replace-connector-line: rgba(56, 189, 248, .42);--diff-connector-bg: rgba(3, 12, 22, .78);--diff-connector-axis: rgba(125, 211, 252, .18);--connector-action-bg: rgba(7, 22, 38, .92);--connector-action-shadow: 0 8px 18px rgba(0, 8, 18, .24);--connector-action-hover-shadow: 0 12px 26px rgba(0, 8, 18, .34);--fold-wave-color: rgba(125, 211, 252, .34)}.diff-workspace--forest{--insert-line-bg: rgba(52, 211, 153, .15);--delete-line-bg: rgba(248, 113, 113, .15);--replace-line-bg: rgba(251, 191, 36, .15);--insert-char-bg: rgba(52, 211, 153, .35);--delete-char-bg: rgba(248, 113, 113, .35);--insert-connector-bg: rgba(52, 211, 153, .22);--insert-connector-line: rgba(52, 211, 153, .42);--delete-connector-bg: rgba(248, 113, 113, .18);--delete-connector-line: rgba(248, 113, 113, .4);--replace-connector-bg: rgba(96, 165, 250, .16);--replace-connector-line: rgba(96, 165, 250, .38);--diff-connector-bg: rgba(2, 9, 6, .78);--diff-connector-axis: rgba(134, 239, 172, .16);--connector-action-bg: rgba(6, 16, 12, .92);--connector-action-shadow: 0 8px 18px rgba(0, 8, 5, .24);--connector-action-hover-shadow: 0 12px 26px rgba(0, 8, 5, .34);--fold-wave-color: rgba(134, 239, 172, .32)}.cm-diff-insert-line{background-color:var(--insert-line-bg)}.cm-diff-delete-line{background-color:var(--delete-line-bg)}.cm-diff-replace-line{background-color:var(--replace-line-bg)}.cm-diff-active-line{box-shadow:inset 2px 0 0 var(--accent),inset -2px 0 0 var(--accent)}.cm-diff-insert-char{background-color:var(--insert-char-bg);border-radius:2px}.cm-diff-delete-char{background-color:var(--delete-char-bg);border-radius:2px}.cm-diff-insert{background-color:var(--insert-line-bg)}.cm-diff-delete{background-color:var(--delete-line-bg)}.cm-diff-replace{background-color:var(--replace-line-bg)}.diff-toolbar{--toolbar-row-gap: 0;--toolbar-item-gap: 4px;--toolbar-group-gap: 5px;--toolbar-control-gap: 5px;--toolbar-control-pad-x: 8px;display:grid;position:relative;gap:0;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.diff-toolbar__mobile-trigger,.diff-toolbar__mobile-status{display:none}.diff-toolbar__panel{display:grid;gap:var(--toolbar-row-gap);min-width:0}.diff-toolbar__row{display:flex;align-items:center;justify-content:flex-start;gap:var(--toolbar-group-gap);min-width:0;flex-wrap:nowrap}.diff-toolbar__row--primary,.diff-toolbar__row--secondary{align-items:center}.diff-toolbar__cluster{display:flex;align-items:center;gap:var(--toolbar-item-gap);flex-wrap:nowrap;flex:0 0 auto;max-width:100%;min-width:0}.diff-toolbar__cluster--review{flex:0 0 auto}.diff-toolbar__label{align-self:center;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.diff-toolbar__status{display:inline-flex;align-items:center;justify-content:center;gap:var(--toolbar-control-gap);min-height:30px;padding:0 var(--toolbar-control-pad-x);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:750;white-space:nowrap;flex:0 0 auto}.icon-button,.ghost-button,.segmented button,.toggle,.format-select{min-height:30px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font:inherit;font-size:.76rem;box-shadow:none;transition:var(--transition-all);user-select:none;-webkit-user-select:none}.icon-button,.ghost-button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:var(--toolbar-control-gap);padding:5px var(--toolbar-control-pad-x);cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap}@media(min-width:921px){.diff-toolbar{display:flex;align-items:center;gap:0;flex-wrap:wrap}.diff-toolbar__row,.diff-toolbar__panel{display:contents}.diff-toolbar__cluster--view{order:1}.diff-toolbar__cluster--compare{order:2}.diff-toolbar__cluster--workspace{order:3}.diff-toolbar__cluster--export{order:4}.diff-toolbar__cluster--review{order:5}}.icon-button:hover,.ghost-button:hover,.segmented button:hover,.toggle:hover,.format-select:hover{background:var(--control-hover-bg);box-shadow:none;transform:translateY(-1px)}.icon-button:active,.ghost-button:active,.segmented button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.icon-button:disabled,.ghost-button:disabled,.segmented button:disabled{opacity:.5;cursor:not-allowed;transform:none}.segmented{display:inline-flex;gap:2px;padding:2px;border:0;border-radius:calc(var(--radius-md) + 2px);background:transparent}.segmented button{min-height:26px;border:0;border-radius:var(--radius-sm);background:transparent}.segmented button:first-child{border-radius:var(--radius-sm)}.segmented button:last-child{border-radius:var(--radius-sm)}.segmented button[aria-pressed=true],.toggle:has(input:checked){background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent);font-weight:600;box-shadow:none}.toggle:has(input:checked){background:transparent}.segmented--apply button{min-width:68px}.segmented--nav button{min-width:62px}.ghost-button[aria-pressed=true],.ghost-button[aria-expanded=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:var(--selected-shadow)}.toggle{display:inline-flex;align-items:center;gap:var(--toolbar-control-gap);padding:5px var(--toolbar-control-pad-x);cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap}.toggle input{accent-color:var(--accent);cursor:pointer;width:13px;height:13px}.format-select{display:inline-flex;align-items:center;gap:var(--toolbar-control-gap);padding:0 var(--toolbar-control-pad-x)}.format-select select{min-height:26px;width:auto;max-width:none;border:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:.78rem}.icon-button:focus-visible,.ghost-button:focus-visible,.segmented button:focus-visible,.toggle:focus-within,.format-select:focus-within{outline:2px solid var(--accent);outline-offset:2px}.diff-editors{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:0;height:clamp(520px,64vh,760px);min-height:500px;border:1px solid var(--border);border-radius:10px;overflow:hidden;overscroll-behavior:auto;overflow-anchor:none;background:var(--editor-surface);box-shadow:var(--editor-frame-shadow)}.diff-editors--stacked{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.diff-editors--stacked .diff-editor--left{border-bottom:1px solid var(--border)}.diff-editor{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border:0;border-right:0;border-radius:0;background:var(--editor-surface);overflow:hidden;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.diff-editor__surface{position:relative;height:100%;min-height:0;overflow:hidden;overscroll-behavior:auto;overflow-anchor:none}.diff-editor__mount{height:100%;min-height:0}.diff-editor--right,.diff-editor:last-child{border-right:0}.diff-editor:hover{border-color:var(--accent-border);box-shadow:var(--editor-hover-ring)}.diff-editor__header{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--editor-header-bg);color:var(--editor-header-text);font-size:.82rem;font-weight:700}.diff-editor__header-title{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.diff-editor__header-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-editor__title-action,.diff-editor__fullscreen-exit{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;border-radius:var(--radius-pill);font:inherit;font-size:.7rem;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;user-select:none;-webkit-user-select:none;white-space:nowrap;flex:0 0 auto}.diff-editor__title-action{width:24px;padding:0;border:0;background:var(--control-bg);color:var(--text-muted);font-weight:650;box-shadow:none}.diff-editor__fullscreen-exit{width:auto;padding:0 9px;border:1px solid var(--accent-border);background:var(--accent);color:var(--on-accent);font-weight:700;box-shadow:var(--selected-shadow)}.diff-editor__title-action:hover{background:var(--control-hover-bg);color:var(--accent);box-shadow:none}.diff-editor__fullscreen-exit:hover{border-color:var(--accent-border);background:var(--accent-strong, var(--accent));color:var(--on-accent);box-shadow:var(--control-hover-shadow)}.diff-editor__title-action:focus-visible,.diff-editor__fullscreen-exit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-editor__header-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.editor-format-group{display:inline-flex;align-items:center;height:28px;min-width:0;overflow:hidden;border:0;border-radius:7px;background:var(--control-bg);color:var(--text-muted);box-shadow:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.editor-format-group:hover{background:var(--control-hover-bg);box-shadow:none}.editor-format-group:focus-within{outline:2px solid var(--accent);outline-offset:2px}.diff-editor-format-control{display:inline-flex;align-items:center;min-height:28px;min-width:76px;max-width:112px;border:0;background:transparent;color:var(--text-muted);padding:0 4px 0 8px}.diff-editor-format-control select{width:100%;min-height:26px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.74rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.editor-format-group:hover .diff-editor-format-control select,.editor-format-group:focus-within .diff-editor-format-control select{color:var(--text)}.diff-editor-format-control select:focus-visible{outline:0}.editor-format-submit{display:inline-flex;align-items:center;justify-content:center;width:31px;height:28px;padding:0;border:0;background:transparent;color:var(--text-muted);opacity:.78;cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease;user-select:none;-webkit-user-select:none}.editor-format-submit:hover:not(:disabled){background:var(--accent-light);color:var(--accent);opacity:1}.editor-format-submit:active:not(:disabled){transform:translateY(.5px)}.editor-format-submit:disabled{color:var(--text-subtle);cursor:not-allowed;opacity:.55}.diff-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.editor-clear-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:var(--control-bg);color:var(--text-muted);cursor:pointer;box-shadow:none;transition:all .15s ease;user-select:none;-webkit-user-select:none}.editor-clear-button:hover{background:var(--control-hover-bg);color:var(--accent);box-shadow:none}.editor-clear-button:active{transform:translateY(.5px)}.diff-editors{position:relative}.diff-toolbar:has(+.diff-editors){border-radius:0}.diff-toolbar+.diff-editors{border-top:1px solid var(--border);border-top-left-radius:10px;border-top-right-radius:10px}.diff-connector-gutter{position:relative;min-width:0;min-height:0;overflow:hidden;border-inline:1px solid var(--border);background:linear-gradient(90deg,transparent 0 49%,var(--diff-connector-axis) 49% 51%,transparent 51%),var(--diff-connector-bg)}.diff-connector-gutter__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.diff-connector-link{fill:var(--replace-connector-bg);stroke:var(--replace-connector-line);stroke-width:1;opacity:.84;transition:fill .15s ease,opacity .15s ease,stroke .15s ease}.diff-connector-link--insert{fill:var(--insert-connector-bg);stroke:var(--insert-connector-line)}.diff-connector-link--delete{fill:var(--delete-connector-bg);stroke:var(--delete-connector-line)}.diff-connector-link--active{opacity:1;stroke-width:1.6;filter:drop-shadow(0 2px 5px rgba(23,32,51,.16))}.diff-connector-actions{position:absolute;left:50%;z-index:3;display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--connector-action-bg);box-shadow:var(--connector-action-shadow);opacity:.52;transform:translate(-50%,-50%);transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.diff-connector-actions:hover,.diff-connector-actions--active{border-color:var(--accent-border);opacity:1;box-shadow:var(--connector-action-hover-shadow)}.diff-connector-actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.diff-connector-actions button:hover{background:var(--accent-light);color:var(--accent)}.diff-connector-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-overview-rail{position:absolute;top:16px;right:16px;bottom:16px;z-index:8;width:24px;cursor:pointer;pointer-events:auto}.diff-overview-rail__marker{position:absolute;right:0;width:100%;min-height:18px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;opacity:1;pointer-events:none;--marker-color: var(--replace-line);--marker-visual-height: 4px;--marker-visual-offset: 7px}.diff-overview-rail__marker:before{content:"";position:absolute;top:var(--marker-visual-offset);right:4px;width:8px;height:var(--marker-visual-height);min-height:4px;border-radius:999px;background:var(--marker-color);opacity:.7;transition:opacity .15s ease,transform .15s ease,width .15s ease}.diff-overview-rail__marker:hover:before,.diff-overview-rail__marker--active:before{width:11px;opacity:1;transform:translate(-1px)}.diff-overview-rail__marker--insert{--marker-color: var(--insert-line)}.diff-overview-rail__marker--delete{--marker-color: var(--delete-line)}.diff-overview-rail__marker--replace{--marker-color: var(--replace-line)}.diff-editors:fullscreen,.diff-editors--fullscreen{width:100vw;height:100dvh;max-height:none;min-height:100dvh;border:0;border-radius:0;background:var(--editor-surface);box-shadow:none}.diff-editors:fullscreen .diff-editor,.diff-editors:fullscreen .diff-editor__surface,.diff-editors:fullscreen .diff-editor__mount,.diff-editors:fullscreen .diff-editor__surface .cm-editor,.diff-editors:fullscreen .diff-editor__surface .cm-scroller,.diff-editors--fullscreen .diff-editor,.diff-editors--fullscreen .diff-editor__surface,.diff-editors--fullscreen .diff-editor__mount,.diff-editors--fullscreen .diff-editor__surface .cm-editor,.diff-editors--fullscreen .diff-editor__surface .cm-scroller{height:100%;min-height:0}.diff-editor__surface .cm-unchanged-fold{display:block;width:calc(100% - 36px);height:1lh;min-height:1lh;margin:0 18px;border:0;border-radius:0;background:radial-gradient(circle at 4px 50%,var(--fold-wave-color) 2px,transparent 2.5px) 0 50% / 12px 8px repeat-x,transparent;color:var(--text-muted);cursor:pointer;font-family:var(--editor-font-family);font-size:.78rem;line-height:1.35;user-select:none;transition:all .15s ease}.diff-editor__surface .cm-unchanged-fold:hover{opacity:.75}.diff-editor__surface .cm-unchanged-fold span{display:block;width:100%;height:1lh;line-height:1lh;text-align:center;text-shadow:0 1px 0 var(--editor-surface),0 -1px 0 var(--editor-surface),1px 0 0 var(--editor-surface),-1px 0 0 var(--editor-surface)}.diff-editor__surface .cm-unchanged-fold:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line{position:relative}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line:after{position:absolute;left:18px;right:18px;height:2px;border-radius:999px;content:"";z-index:2;pointer-events:none}.diff-editor--left .diff-editor__surface .cm-line.cm-diff-empty-anchor-line:after{left:18px;right:0;width:auto}.diff-editor--right .diff-editor__surface .cm-line.cm-diff-empty-anchor-line:after{left:0;right:18px;width:auto}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--insert:after{background:var(--insert-line);box-shadow:none}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--delete:after{background:var(--delete-line);box-shadow:none}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--before:after{top:-1px}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--after:after{bottom:-1px}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--active:after{height:2px;background:var(--accent);box-shadow:none}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--text-subtle);transition:all .2s ease}.status-dot--changed{background:var(--accent);box-shadow:0 0 0 3px var(--accent-light);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.diff-toast{position:absolute;z-index:50;top:6px;left:50%;display:grid;gap:2px;width:max-content;max-width:min(360px,calc(100% - 24px));padding:9px 12px;border:1px solid var(--accent-border);border-radius:8px;background-color:var(--surface);background-image:linear-gradient(135deg,var(--success-bg),transparent 70%);color:var(--text);box-shadow:var(--navigator-shadow);font-size:.8rem;line-height:1.4;pointer-events:none;translate:-50% 0;animation:toastIn .18s ease-out,toastOut .2s ease-in 2.38s forwards}.diff-toast strong{color:var(--text);font-size:.82rem;line-height:1.25}.diff-toast span{color:var(--text-muted)}.diff-toast--error{border-color:var(--error-text);background-color:var(--surface);background-image:linear-gradient(135deg,var(--error-bg),transparent 70%);animation:toastIn .18s ease-out,toastOut .2s ease-in 4.98s forwards}.diff-toast--error strong,.diff-toast--error span{color:var(--error-text)}@keyframes toastIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(-4px)}}.diff-workspace--focus{position:fixed;inset:0;z-index:120;box-sizing:border-box;width:100vw;height:100dvh;max-height:100dvh;min-height:100dvh;overflow:auto;padding:12px;border-radius:0;background:var(--workspace-bg)}.diff-workspace--focus .diff-editors{height:calc(100dvh - 140px);min-height:calc(100dvh - 140px)}.diff-workspace--focus .diff-editor,.diff-workspace--focus .diff-editor__surface,.diff-workspace--focus .diff-editor__surface .cm-scroller,.diff-workspace--focus .diff-editor__surface .cm-content{min-height:calc(100dvh - 202px)}.display-panel{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.2fr) minmax(180px,1.2fr) minmax(280px,2fr) auto;gap:10px;align-items:end;border-top:1px solid var(--border);padding-top:12px}.display-field{display:grid;gap:6px}.display-field__label{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.75rem;font-weight:700}.display-field select{min-height:32px;border:1px solid var(--border);border-radius:6px;background:var(--control-bg);color:var(--text);padding:0 8px;font:inherit;font-size:.82rem;cursor:pointer;box-shadow:var(--control-shadow);transition:var(--transition-all)}.display-field select:hover{border-color:var(--accent-border);background:var(--control-hover-bg);box-shadow:var(--control-hover-shadow)}.display-field select:focus{border-color:var(--accent);outline:none}.display-field--range{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.display-field--range .display-field__label{grid-column:1 / -1}.display-field input[type=range]{accent-color:var(--accent);cursor:pointer}.display-field output{min-width:42px;text-align:right;color:var(--text-muted);font-size:.78rem;font-weight:600}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-option{display:grid;gap:2px;min-height:52px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--control-shadow);transition:all .15s ease;user-select:none;-webkit-user-select:none}.theme-option:hover{border-color:var(--accent-border);background:var(--surface-hover)}.theme-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-light);box-shadow:var(--theme-option-selected-shadow)}.theme-option__label{font-size:.82rem;font-weight:700;color:var(--text)}.theme-option__desc{font-size:.7rem;color:var(--text-subtle)}@media(max-width:920px){.display-panel{grid-template-columns:1fr;gap:12px}.theme-options{grid-template-columns:1fr}}.floating-settings{position:fixed;top:8px;right:20px;z-index:100;width:48px;min-height:58px}#nav-settings-portal .floating-settings{position:relative;top:auto;right:auto;z-index:100;width:auto;min-height:auto}.floating-settings__trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--site-muted);cursor:pointer;transition:var(--transition-all);user-select:none;-webkit-user-select:none}.floating-settings__trigger:hover{color:var(--site-foreground);background:var(--site-nav-hover-bg)}.floating-settings__trigger:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.floating-settings__trigger:active{transform:none}.floating-settings__panel{position:absolute;top:44px;right:0;width:292px;max-height:calc(100vh - 28px);padding:14px;border:1px solid var(--floating-panel-border, var(--site-line));border-radius:18px;background:var(--floating-panel-bg, var(--site-panel)),var(--site-panel);box-shadow:var(--floating-panel-shadow, 0 18px 48px rgba(15, 23, 42, .14));z-index:100;opacity:0;transform:translate(20px) scale(.96);pointer-events:none;transition:var(--transition-all);overflow-y:auto}.floating-settings__panel--open{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.floating-settings__panel .display-panel{grid-template-columns:1fr;gap:10px;border-top:0;padding-top:0}.floating-settings__panel .display-field{gap:5px}.floating-settings__panel .display-field select{min-height:30px}.floating-settings__panel .display-field--range{gap:6px}.floating-settings__panel .display-field output{min-width:38px}.floating-settings__panel .theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.floating-settings__panel .theme-option{min-height:34px;padding:6px 8px}.floating-settings__panel .theme-option__desc{display:none}.floating-settings__panel .theme-option__label{font-size:.78rem}.floating-settings__panel .ghost-button{min-height:32px;padding:7px 9px}@media(max-width:640px){.floating-settings{top:12px;right:12px}.floating-settings__trigger{width:36px;height:36px}.floating-settings__panel{width:calc(100vw - 24px);max-width:292px}}.diff-workspace--focus #nav-settings-portal .floating-settings{display:none}@media(max-width:920px){.diff-workspace{min-width:0}.diff-editors--side-by-side{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:0}.diff-editors--stacked{grid-template-columns:1fr;gap:0}.diff-overview-rail,.diff-editors--stacked .diff-connector-gutter{display:none}.diff-editors--stacked .diff-editor{border-right:0;border-bottom:1px solid var(--border)}.diff-editors--stacked .diff-editor--right,.diff-editors--stacked .diff-editor:last-child,.diff-editors--side-by-side .diff-editor{border-bottom:0}.diff-toolbar{z-index:30;padding:0;border:0;background:transparent;box-shadow:none}.diff-toolbar__mobile-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:7px 10px;border:1px solid var(--floating-trigger-border, var(--border));border-radius:8px;background:var(--floating-trigger-bg, var(--toolbar-bg));color:var(--floating-trigger-color, var(--text));font:inherit;font-size:.78rem;font-weight:650;box-shadow:var(--floating-trigger-shadow, var(--shadow-sm));cursor:pointer}.diff-toolbar__mobile-trigger[aria-expanded=true]{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--control-hover-shadow)}.diff-toolbar__mobile-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:26px;margin-top:-2px;color:var(--text-muted);font-size:.72rem;font-weight:700;white-space:nowrap}.diff-toolbar__panel{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:40;display:none;max-height:min(70vh,470px);padding:8px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--floating-panel-border, var(--border));border-radius:10px;background:var(--floating-panel-bg, var(--toolbar-bg));box-shadow:var(--floating-panel-shadow, 0 18px 48px rgba(15, 23, 42, .14))}.diff-toolbar__panel[data-mobile-open=true]{display:grid;gap:8px}.diff-toolbar__row{display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px}.diff-toolbar__row--primary{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-toolbar__cluster{display:grid;gap:6px;width:100%;min-width:0;padding:0;flex:none}.diff-toolbar__cluster--view{order:1}.diff-toolbar__cluster--compare{order:2}.diff-toolbar__cluster--workspace{order:3}.diff-toolbar__cluster--export{order:4}.diff-toolbar__cluster--review{grid-template-columns:minmax(0,1fr) auto auto;order:5}.diff-toolbar__row--secondary{display:none}.diff-toolbar__cluster--compare,.diff-toolbar__cluster--view{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.diff-toolbar__cluster--workspace,.diff-toolbar__cluster--export{grid-template-columns:minmax(0,1fr)}.diff-toolbar__cluster--workspace{grid-column:1}.diff-toolbar__cluster--export{grid-column:2}.diff-toolbar__cluster--workspace [data-testid=focus-mode-toggle]{display:none}.diff-toolbar__label{flex:0 0 70px}.diff-toolbar__status{flex:1 1 140px}.diff-toolbar__cluster--review .diff-toolbar__status{display:none}.format-select select{width:100%;max-width:none}.segmented{width:100%}.segmented button,.segmented button:first-child,.segmented button:last-child{min-width:0;border-radius:var(--radius-md)}.segmented button{flex:1 1 0}.segmented--wide,.diff-toolbar__cluster--view .segmented,.diff-toolbar__cluster--export .ghost-button{grid-column:1 / -1}.segmented--nav,.segmented--apply{width:100%}.toggle,.ghost-button{width:100%;flex:none;min-width:0;justify-content:center}.diff-toolbar__cluster--compare .toggle,.diff-toolbar__cluster--view .toggle{justify-content:flex-start;padding-inline:6px}.diff-toolbar__cluster--compare .toggle span,.diff-toolbar__cluster--view .toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis}}@media(max-width:640px){.diff-workspace{width:100%;gap:8px;padding:0}.diff-toolbar{z-index:30;padding:0;border:0;background:transparent;box-shadow:none}.diff-toolbar__mobile-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:7px 10px;border:1px solid var(--floating-trigger-border, var(--border));border-radius:8px;background:var(--floating-trigger-bg, var(--toolbar-bg));color:var(--floating-trigger-color, var(--text));font:inherit;font-size:.78rem;font-weight:650;box-shadow:var(--floating-trigger-shadow, var(--shadow-sm));cursor:pointer}.diff-toolbar__mobile-trigger[aria-expanded=true]{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--control-hover-shadow)}.diff-toolbar__mobile-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;margin-top:-2px;color:var(--text-muted);font-size:.7rem;font-weight:700;white-space:nowrap}.diff-toolbar__panel{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:40;display:none;max-height:min(70vh,470px);padding:8px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--floating-panel-border, var(--border));border-radius:10px;background:var(--floating-panel-bg, var(--toolbar-bg));box-shadow:var(--floating-panel-shadow, 0 18px 48px rgba(15, 23, 42, .14))}.diff-toolbar__panel[data-mobile-open=true]{display:grid;gap:8px}.diff-toolbar__row,.diff-toolbar__row:first-child{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}.diff-toolbar__row--primary,.diff-toolbar__row:first-child.diff-toolbar__row--primary{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-toolbar__cluster{display:grid;gap:6px;width:100%;padding:0;flex:none}.diff-toolbar__cluster--compare{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));order:2}.diff-toolbar__cluster--view{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));order:1}.diff-toolbar__cluster--workspace{grid-column:1;order:3}.diff-toolbar__cluster--export{grid-column:2;order:4}.diff-toolbar__cluster--review{grid-template-columns:1fr;order:5}.diff-toolbar__row--secondary,.diff-toolbar__cluster--review .segmented--nav,.diff-toolbar__cluster--review .segmented--apply{display:none}.diff-toolbar__cluster--workspace,.diff-toolbar__cluster--export{grid-template-columns:minmax(0,1fr)}.diff-toolbar__label{flex-basis:100%;margin-bottom:4px}.segmented{width:100%}.segmented button,.segmented button:first-child,.segmented button:last-child{min-width:0;border-radius:var(--radius-md)}.segmented--wide,.diff-toolbar__cluster--view .segmented,.diff-toolbar__cluster--review .diff-toolbar__status,.diff-toolbar__cluster--workspace .ghost-button,.diff-toolbar__cluster--export .ghost-button{grid-column:1 / -1}.segmented--nav,.segmented--apply{width:100%}.segmented--nav button span,.segmented--apply button span{display:none}.segmented button{flex:1 1 0}.format-select{width:100%;justify-content:space-between}.diff-editor__header{display:grid;grid-template-columns:minmax(42px,1fr) auto;gap:6px;min-height:32px;padding:0 7px;font-size:.72rem}.diff-editor__header-title{min-width:0;white-space:nowrap}.diff-editor__header-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.diff-editor__title-action,.diff-editor__fullscreen-exit{min-height:22px;padding-inline:7px;font-size:.66rem}.diff-editor__title-action{width:22px;padding:0}.diff-editor__header-actions{display:inline-grid;grid-template-columns:100px;gap:3px;justify-content:end;width:max-content;max-width:100%;min-width:0}.diff-editors--side-by-side .diff-editor__header{grid-template-columns:minmax(0,1fr);gap:4px}.diff-editors--side-by-side .diff-editor__header-actions{width:100%}.diff-editors--side-by-side .editor-format-group{width:100%;max-width:none}.editor-format-group{width:100px;height:26px;min-width:0;max-width:34vw}.diff-editor-format-control{flex:1 1 auto;width:100%;justify-content:space-between;max-width:none}.diff-editor-format-control select{width:100%;max-width:none;min-width:0;font-size:.68rem}.editor-format-submit{width:30px;height:26px;flex:0 0 30px}.toggle,.ghost-button{width:100%;flex:none;min-width:0;min-height:30px;padding-inline:7px;font-size:.72rem}.diff-toolbar__cluster--compare .toggle,.diff-toolbar__cluster--view .toggle{justify-content:flex-start;gap:4px;padding-inline:5px;font-size:.68rem}.segmented button{min-height:28px;padding-inline:6px;font-size:.72rem}.diff-toolbar__status{min-height:30px;font-size:.72rem}.diff-toolbar__cluster--workspace .ghost-button span,.diff-toolbar__cluster--export .ghost-button span,.diff-toolbar__cluster--workspace [data-testid=focus-mode-toggle]{display:none}.diff-toolbar__cluster--workspace{grid-template-columns:1fr}.diff-toolbar__cluster--workspace .ghost-button,.diff-toolbar__cluster--export .ghost-button{min-height:30px;padding-inline:8px}.editor-clear-button{width:30px;min-width:30px;height:26px}.diff-editors--stacked:not(.diff-editors--fullscreen){height:auto;min-height:0;grid-template-rows:repeat(2,minmax(320px,38vh));grid-auto-rows:minmax(320px,38vh)}.diff-editors--side-by-side:not(.diff-editors--fullscreen){height:clamp(440px,58vh,620px);min-height:440px;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-auto-rows:auto}.diff-editor{min-height:320px}.diff-editor__surface,.diff-editor__mount,.diff-editor__surface .cm-editor,.diff-editor__surface .cm-scroller,.diff-editor__surface .cm-content{height:100%;min-height:0}.diff-toast{top:6px;right:auto;left:50%;width:max-content;max-width:calc(100% - 20px);font-size:.76rem}.diff-overview-rail,.diff-editors--stacked .diff-connector-gutter{display:none}}