:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#121212;color:#d4d4d4;min-height:100vh}#root{min-height:100vh}.tree-diff{border:1px solid #333;border-radius:8px;overflow:hidden;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;background:#1e1e1e}.tree-diff__header{display:flex;background:#2d2d2d;border-bottom:1px solid #444}.tree-diff__label{flex:1;padding:10px 16px;font-weight:600;color:#ccc;text-align:center}.tree-diff__label--left{border-right:1px solid #444}.tree-diff__body{display:flex}.tree-diff__column{flex:1;min-width:0}.tree-diff__column:first-child{border-right:1px solid #333}.tree-row{padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2a2a;color:#d4d4d4}.tree-row--empty{background:#1a1a1a}.tree-row--same{background:transparent}.tree-row--added{background:#23863633;color:#7ee787}.tree-row--removed{background:#da363333;color:#ffa198}.tree-row--modified{background:#bb800933;color:#e3b341}.tree-icon{margin-right:6px;font-size:14px}.tree-entry{display:flex;align-items:center;min-width:0;overflow:hidden}.tree-name{-webkit-user-select:text;user-select:text;overflow:hidden;text-overflow:ellipsis}.tree-meta{display:flex;gap:12px;align-items:center;flex-shrink:0;margin-left:8px;font-size:11px;color:#888}.tree-size{min-width:50px;text-align:right}.tree-hash{font-family:JetBrains Mono,Fira Code,Consolas,monospace;opacity:.7}.tree-compare-page{max-width:1200px;margin:0 auto;padding:24px}.page-header{text-align:center;margin-bottom:24px}.page-header h1{font-size:1.8rem;margin-bottom:8px;color:#e0e0e0}.page-subtitle{color:#999;font-size:.95rem}.page-subtitle code{background:#333;padding:2px 6px;border-radius:4px;font-size:.9em;color:#7ee787}.sample-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.sample-buttons button{padding:8px 16px;border:1px solid #555;border-radius:6px;background:#2d2d2d;color:#ccc;cursor:pointer;font-size:.85rem;transition:background .15s}.sample-buttons button:hover{background:#3d3d3d}.input-panels{display:flex;gap:16px;margin-bottom:24px}.input-panel{flex:1;display:flex;flex-direction:column}.input-panel label{font-weight:600;margin-bottom:6px;color:#bbb;font-size:.9rem}.input-panel textarea{flex:1;min-height:220px;padding:12px;border:1px solid #444;border-radius:6px;background:#1e1e1e;color:#d4d4d4;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;resize:vertical;line-height:1.4}.input-panel textarea:focus{outline:none;border-color:#58a6ff}.diff-result{margin-top:16px}.diff-result h2{font-size:1.2rem;margin-bottom:12px;color:#ccc}.diff-legend{display:flex;gap:20px;margin-bottom:12px;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:4px}.legend-item--same{color:#d4d4d4}.legend-item--added{color:#7ee787}.legend-item--removed{color:#ffa198}.legend-item--modified{color:#e3b341}.file-compare-page{max-width:800px;margin:0 auto;padding:24px;text-align:center}.placeholder-card{margin-top:48px;padding:48px 32px;border:2px dashed #444;border-radius:12px;background:#1e1e1e}.placeholder-icon{font-size:3rem;margin-bottom:16px}.placeholder-card h2{color:#e0e0e0;margin-bottom:12px}.placeholder-card p{color:#999;max-width:400px;margin:0 auto 24px;line-height:1.5}.back-link{display:inline-block;padding:10px 20px;background:#2d2d2d;border:1px solid #555;border-radius:6px;color:#58a6ff;text-decoration:none;transition:background .15s}.back-link:hover{background:#3d3d3d}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#161616;border-bottom:1px solid #333}.nav-brand{font-size:1.1rem;font-weight:700;color:#e0e0e0}.nav-links{display:flex;gap:16px}.nav-link{color:#999;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:.9rem;transition:color .15s,background .15s}.nav-link:hover{color:#e0e0e0;background:#2d2d2d}