:root{--text:#3f3a47;--text-muted:#6b6375;--text-h:#08060d;--bg:#f7f7f9;--surface:#fff;--border:#e5e4e7;--accent:#4348d0;--major:#b3261e;--major-bg:#fdeceb;--minor:#9a6700;--minor-bg:#fff8e1;--patch:#1a7f37;--patch-bg:#e9f7ee;--unknown:#57606a;--unknown-bg:#f0f1f3}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}code{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.85em}h1{color:var(--text-h)}button{font:inherit;cursor:pointer}.topnav{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);position:relative}.topnav-inner{justify-content:space-between;align-items:center;gap:.75rem;height:56px;padding:0 1.25rem;display:flex}.topnav-brand{align-items:center;gap:.6rem;display:flex}.brand-mark{fill:#4f46e5;filter:drop-shadow(0 3px 9px #4f46e559);width:26px;height:26px}.brand-name{color:var(--text-h);font-size:.95rem;font-weight:600}.brand-badge{letter-spacing:.06em;text-transform:uppercase;color:#4338ca;background:#4348d017;border:1px solid #4348d038;border-radius:6px;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.topnav-search{background:var(--bg);border:1px solid var(--border);max-width:460px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.85rem;display:flex}.topnav-search:hover{border-color:#c7c7cf}.topnav-search svg{width:16px;height:16px}.topnav-search span{text-align:left;flex:1}.topnav-search kbd{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;font-family:ui-monospace,Menlo,monospace;font-size:.7rem}.topnav-actions{align-items:center;gap:.25rem;display:flex}.help-menu{position:relative}.menu{z-index:50;background:var(--surface);min-width:15rem;color:var(--text-h);border:1px solid var(--border);border-radius:10px;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000040}.menu-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:.35rem .6rem .25rem;font-size:.62rem;font-weight:700}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-direction:column;gap:.1rem;width:100%;padding:.5rem .6rem;text-decoration:none;display:flex}.menu-item:hover{background:var(--bg)}.menu-item-title{color:var(--text-h);font-size:.85rem;font-weight:600}.menu-item-sub{color:var(--text-muted);font-size:.72rem}.nav-icon{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav-icon svg{width:20px;height:20px}.nav-icon:hover{background:var(--bg);color:var(--text-h)}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-body{flex:1;align-items:stretch;min-height:0;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.75rem;width:236px;padding:.9rem .75rem;display:flex}.sidebar-card{background:linear-gradient(135deg,#eef0fc,#eef0fc66);border:1px solid #4348d026;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.sidebar-card-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:700;display:flex}.sidebar-card-text{flex-direction:column;min-width:0;display:flex}.sidebar-card-title{color:var(--text-h);font-size:.78rem;font-weight:600}.sidebar-card-sub{text-transform:uppercase;letter-spacing:.06em;color:#6366f1;font-size:.62rem}.sidebar-nav{flex-direction:column;gap:.1rem;display:flex}.sidebar-section{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:.8rem 0 .2rem;padding:0 .7rem;font-size:.62rem;font-weight:700}.sidebar-item{color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg);color:var(--accent)}.sidebar-item.disabled{color:var(--text-muted);opacity:.5;pointer-events:none}.sidebar-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.app{flex:1;min-width:0;padding:2rem 2rem 3rem}.app-header h1{margin-bottom:.25rem}.app-header p{color:var(--text-muted);margin-top:0}.controls{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.upload-toggle{border:1px solid var(--border);border-radius:8px;align-self:flex-start;display:inline-flex;overflow:hidden}.toggle{background:var(--surface);color:var(--text-muted);border:none;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.toggle+.toggle{border-left:1px solid var(--border)}.toggle.active{background:var(--accent);color:#fff}.dropzones{align-items:stretch;gap:.75rem;display:flex}.vs{color:var(--text-muted);align-self:center;font-weight:600}.dropzone{border:2px dashed var(--border);text-align:center;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1.25rem 1rem;display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:#f4f4fd}.dropzone-label{color:var(--text-h);font-weight:600}.dropzone-hint{color:var(--text-muted);font-size:.85rem}.dropzone-file{color:var(--accent);word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.compare-button{background:var(--accent);color:#fff;border:none;border-radius:8px;align-self:flex-start;padding:.65rem 1.5rem;font-weight:600}.compare-button:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:var(--major-bg);color:var(--major);border:1px solid var(--major);border-radius:8px;padding:.75rem 1rem}.results{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.summary-sources{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.source-badge{align-items:baseline;gap:.5rem;display:inline-flex}.source-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem}.source-version{color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.arrow{color:var(--text-muted)}.impact-tiles{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.impact-tile{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;padding:.6rem .5rem;display:flex}.impact-tile .impact-count{font-size:1.5rem;font-weight:700}.impact-tile .impact-label{letter-spacing:.06em;font-size:.72rem}.impact-tile.level-major .impact-count{color:var(--major)}.impact-tile.level-minor .impact-count{color:var(--minor)}.impact-tile.level-patch .impact-count{color:var(--patch)}.impact-tile.level-unknown .impact-count{color:var(--unknown)}.impact-tile.selected{outline:2px solid var(--accent);outline-offset:-2px}.suggested-version{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.download-group{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.download-button{border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;padding:.4rem .9rem}.download-button:hover{border-color:var(--accent);color:var(--accent)}.download-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.download-button.primary:hover{color:#fff;opacity:.92}.diff{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.diff-legend{border-bottom:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;gap:1.25rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:inline-flex}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch.removed{background:var(--major-bg);border:1px solid var(--major)}.swatch.added{background:var(--patch-bg);border:1px solid var(--patch)}.swatch.changed{background:var(--minor-bg);border:1px solid var(--minor)}.swatch.restored{border:1px solid var(--accent);background:#e8eefc}.diff-headers{grid-template-columns:repeat(3,1fr);display:grid}.diff-header-cell{color:var(--text-h);border-bottom:1px solid var(--border);border-right:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;display:flex}.diff-header-cell:last-child{border-right:none}.rec-badge{color:var(--accent);background:#eef0fc;border-radius:999px;padding:.1rem .55rem;font-size:.7rem;font-weight:600}.diff-body{grid-template-columns:repeat(3,1fr);max-height:70vh;display:grid;overflow-y:auto}.diff-col{border-right:1px solid var(--border);overflow-x:auto}.diff-col:last-child{border-right:none}.diff-code{tab-size:2;min-width:100%;margin:0;padding:0;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,monospace;font-size:12.5px;display:inline-block;background:0 0!important}.diff-line{white-space:pre;box-sizing:border-box;width:max-content;min-width:100%;min-height:1.55em;padding:0 .75rem;line-height:1.55em}.diff-line.changed{background:var(--minor-bg)}.diff-line.removed{background:var(--major-bg)}.diff-line.added{background:var(--patch-bg)}.diff-line.restored{background:#eef2fd}.diff-line.gap{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 6px,#f1f1f4 6px 12px)}.findings-head{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.findings-head h2{color:var(--text-h);margin:0;font-size:1.15rem}.filter-note{color:var(--text-muted);font-size:.9rem}.link-button{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.no-diffs{background:var(--patch-bg);color:var(--patch);border-radius:8px;margin-top:1rem;padding:1rem}.diff-list{flex-direction:column;gap:.9rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.diff-card{background:var(--surface);border:1px solid var(--border);border-left-width:4px;border-radius:10px;padding:1rem 1.25rem}.diff-card.level-major{border-left-color:var(--major)}.diff-card.level-minor{border-left-color:var(--minor)}.diff-card.level-patch{border-left-color:var(--patch)}.diff-card.level-unknown{border-left-color:var(--unknown)}.diff-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.impact-badge,.type-badge{letter-spacing:.05em;border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:700}.impact-badge.level-major{background:var(--major-bg);color:var(--major)}.impact-badge.level-minor{background:var(--minor-bg);color:var(--minor)}.impact-badge.level-patch{background:var(--patch-bg);color:var(--patch)}.impact-badge.level-unknown,.type-badge{background:var(--unknown-bg);color:var(--unknown)}.diff-path{color:var(--text-muted);word-break:break-all}.diff-message{color:var(--text-h);margin:.6rem 0 .25rem}.diff-values{align-items:center;gap:.5rem;margin:.25rem 0 0;display:flex}.value-old{background:var(--major-bg);border-radius:4px;padding:.1rem .4rem}.value-new{background:var(--patch-bg);border-radius:4px;padding:.1rem .4rem}.recommendations{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.recommendation{background:var(--bg);border-radius:8px;padding:.6rem .9rem}.recommendation .rec-rule{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.recommendation p{margin:.25rem 0 0;font-size:.92rem}.no-rule{color:var(--text-muted);margin-top:.6rem;font-size:.88rem;font-style:italic}@media (width<=720px){.dropzones{flex-direction:column}.impact-tiles{grid-template-columns:repeat(2,1fr)}.diff-code{font-size:11px}}.footer{color:#fff;background:#12161e}.footer-top{border-top:1px solid #6b728080}.footer-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.75rem 1.5rem 1rem;display:flex}.footer-actian{width:auto;height:38px}.footer-division{color:#6b7280;margin:.25rem 0 0;font-size:.7rem}.footer-desc{color:#9ca3af;margin:.5rem 0 0;font-size:.78rem}.footer-copy{color:#6b7280;margin:.4rem 0 0;font-size:.78rem}.footer-social{align-items:center;gap:1rem;display:flex}.footer-social a{color:#9ca3af}.footer-social a:hover{color:#fff}.footer-social svg{width:20px;height:20px}.footer-bottom{border-top:1px solid #6b728080;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.5rem;display:flex}.footer-legal{flex-wrap:wrap;gap:1rem;display:flex}.footer-legal a{color:#6b7280;font-size:.75rem;text-decoration:none}.footer-legal a:hover{color:#fff}.footer-hcl{width:auto;height:16px}.modal-backdrop{z-index:100;background:#08060d8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:620px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000059}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-head h2{color:var(--text-h);margin:0;font-size:1.05rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.modal-body{padding:1.25rem;font-size:.9rem}.modal-body p{margin:0 0 .85rem}.api-endpoint{align-items:center;gap:.5rem;display:flex}.api-method{letter-spacing:.05em;background:var(--patch-bg);color:var(--patch);border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.api-params{border-collapse:collapse;width:100%;margin:.25rem 0 1rem}.api-params th,.api-params td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .6rem;font-size:.85rem}.api-params th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.68rem}.curl-block{background:#0c1120;border-radius:8px;padding:.85rem 1rem;position:relative;overflow-x:auto}.curl-block pre{color:#e5e7eb;white-space:pre;margin:0;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.8rem}.copy-button{color:#e5e7eb;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;position:absolute;top:.5rem;right:.5rem}.copy-button:hover{background:#fff3}.api-note{color:var(--text-muted);font-size:.8rem;margin-top:1rem!important}@media (width<=860px){.sidebar{display:none}}.palette-backdrop{z-index:120;background:#08060d59;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette{background:var(--surface);border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.palette-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-h);outline:none;padding:.9rem 1rem;font-size:.95rem}.palette-list{max-height:320px;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.palette-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.55rem .7rem;display:flex}.palette-item:hover{background:var(--bg)}.palette-item-label{color:var(--text-h);font-size:.9rem;font-weight:500}.palette-item-hint{color:var(--text-muted);font-size:.78rem}.palette-empty{color:var(--text-muted);padding:.9rem .7rem;font-size:.88rem}.panel-backdrop{z-index:120;background:#0f172a4d;position:fixed;inset:0}.panel{background:var(--surface);flex-direction:column;width:100%;max-width:30rem;height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-8px 0 40px #00000040}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-title{align-items:center;gap:.5rem;display:flex}.panel-title svg{width:20px;height:20px;color:var(--accent)}.panel-title h2{color:var(--text-h);margin:0;font-size:1rem}.panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.panel-body{flex:1;padding:1.25rem;overflow-y:auto}.panel-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.panel-links{flex-direction:column;gap:.15rem;display:flex}.panel-links a,.panel-links .linklike{color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:none;padding:.35rem 0;font-size:.9rem;text-decoration:none}.panel-links a:hover,.panel-links .linklike:hover{text-decoration:underline}.panel-divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.panel-body textarea{border:1px solid var(--border);width:100%;font:inherit;resize:vertical;border-radius:8px;outline:none;padding:.6rem;font-size:.9rem}.panel-body textarea:focus{border-color:var(--accent)}.char-count{color:var(--text-muted);text-align:right;margin:.25rem 0 .75rem;font-size:.72rem}.context-box{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin-bottom:1rem}.context-toggle{cursor:pointer;width:100%;color:var(--text-h);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.55rem .75rem;font-size:.85rem;font-weight:500;display:flex}.context-box pre{border-top:1px solid var(--border);background:var(--surface);max-height:220px;margin:0;padding:.75rem;font-size:.72rem;overflow:auto}.panel-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding-top:.9rem;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.45rem 1rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-h);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.45rem 1rem}.panel-success{background:var(--patch-bg);border:1px solid var(--patch);color:#14532d;border-radius:10px;padding:1rem}.panel-success p{margin:0 0 .5rem}.rail-tab{z-index:40;color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;writing-mode:vertical-rl;background:#818cf8;border:none;border-radius:0 .375rem .375rem 0;align-items:center;gap:.25rem;width:1.75rem;padding:1.25rem .5rem;font-family:inherit;font-size:.75rem;font-weight:500;display:flex;position:fixed;right:0;transform:translateY(-50%)rotate(180deg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.rail-tab:hover{background:#6366f1}.rail-tab:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.rail-tab-help{top:50%}.rail-tab-api{top:calc(50% + 6rem)}.modal-wide{width:min(56rem,92vw);max-width:56rem}.rules-body{max-height:70vh;overflow-y:auto}.rules-intro{color:var(--muted,#5c6470);margin:0 0 .75rem;font-size:.9rem}.rules-loading{color:var(--muted,#5c6470)}.rules-yaml{border:1px solid #e2e5e9;border-radius:8px;margin:0;padding:.75rem 1rem;font-size:.8rem;line-height:1.5;overflow-x:auto}