.compare-view{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;height:calc(100dvh - var(--layout-header-height));overflow-y:auto;box-sizing:border-box;flex:1 1 auto;min-height:0;min-width:0}.compare-header{display:flex;flex-direction:column;gap:.5rem}.compare-back-link{display:inline-flex;align-items:center;gap:.25rem;color:rgba(0,0,0,.65);text-decoration:none;font-size:.875rem;width:fit-content}.compare-back-link:hover{color:rgba(0,0,0,.9);text-decoration:underline}.compare-title{margin:0;font-size:1.75rem;font-weight:500}.compare-controls{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;background:#fafafa}.compare-version-pickers{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.compare-arrow{font-size:1.5rem;color:rgba(0,0,0,.5)}.compare-select-control{min-width:180px}.compare-language-control{min-width:140px}.compare-filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.compare-error{padding:.75rem 1rem;border-radius:.5rem;background:rgba(239,68,68,.12);color:#991b1b}.compare-loading{padding:.75rem 1rem;color:rgba(0,0,0,.6)}.compare-summary{display:flex;flex-wrap:wrap;gap:.5rem}.compare-summary-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.8125rem;font-weight:500}.compare-summary-added{background:rgba(34,197,94,.16);color:#166534}.compare-summary-removed{background:rgba(239,68,68,.16);color:#991b1b}.compare-summary-modified{background:rgba(234,179,8,.18);color:#854d0e}.compare-summary-unchanged{background:rgba(0,0,0,.06);color:rgba(0,0,0,.55)}.compare-empty{padding:1.5rem;border-radius:.5rem;background:rgba(0,0,0,.03);text-align:center;color:rgba(0,0,0,.6)}.compare-sections{display:flex;flex-direction:column;gap:.5rem}.section-diff{border:1px solid rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden;background:#fff}.section-diff-modified{border-left:4px solid #eab308}.section-diff-added{border-left:4px solid #22c55e}.section-diff-removed{border-left:4px solid #ef4444}.section-diff-unchanged{border-left:4px solid rgba(0,0,0,.1)}.section-diff-summary{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;user-select:none;background:rgba(0,0,0,0);border:none;width:100%;text-align:left;font-size:.95rem}.section-diff-summary:hover{background:rgba(0,0,0,.02)}.section-diff-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:rgba(0,0,0,.55);transition:transform .15s ease}.section-diff-toggle-open{transform:rotate(90deg)}.section-diff-name{flex:1;font-weight:500;color:rgba(0,0,0,.85)}.section-diff-name-removed{text-decoration:line-through;color:rgba(0,0,0,.5)}.section-diff-rename{color:rgba(0,0,0,.5);font-size:.85rem;margin-left:.5rem}.section-diff-status-badge{padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.section-diff-link{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;color:#2563eb;font-size:.8125rem;text-decoration:none}.section-diff-link:hover{text-decoration:underline}.section-diff-content{padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.5rem}.section-diff-children{display:flex;flex-direction:column;gap:.375rem;margin-left:1rem;padding-left:.75rem;border-left:1px dashed rgba(0,0,0,.1)}.component-diff{border:1px solid rgba(0,0,0,.08);border-radius:.375rem;background:#fafafa;padding:.625rem .75rem;display:flex;flex-direction:column;gap:.5rem}.component-diff-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:rgba(0,0,0,.7)}.component-diff-type{font-weight:500;font-family:var(--app-code-font-family);font-size:.8125rem}.component-diff-images{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.component-diff-image-row{display:flex;flex-direction:column;gap:.125rem}.component-diff-image-label{color:rgba(0,0,0,.55)}.component-diff-image-list{margin:0;padding-left:1.25rem;word-break:break-all}.text-diff-pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.875rem}.text-diff-pane{border:1px solid rgba(0,0,0,.08);border-radius:.375rem;background:#fff;padding:.5rem .75rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;font-family:var(--app-code-font-family);line-height:1.45;max-height:400px;overflow-y:auto;max-width:100%;min-width:0}.text-diff-pane-label{font-size:.75rem;color:rgba(0,0,0,.55);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.02em}.diff-removed{background:rgba(239,68,68,.18);color:#991b1b;text-decoration:line-through}.diff-added{background:rgba(34,197,94,.18);color:#166534}.diff-empty-text{color:rgba(0,0,0,.4);font-style:italic}@media(max-width:720px){.compare-view{padding:1rem}.compare-version-pickers{flex-direction:column;align-items:stretch}.compare-arrow{text-align:center}.text-diff-pair{grid-template-columns:1fr}}