*{box-sizing:border-box}html,body{margin:0;padding:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#1a1a1a;background:#f6f7f9;min-height:100%}header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#fff;border-bottom:1px solid #e3e5e9}header h1{font-size:17px;margin:0;font-weight:600}main{max-width:820px;margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:12px}footer{text-align:center;font-size:11.5px;color:#6b7280;padding:22px 0 32px}footer a{color:#1a73e8;text-decoration:none}footer a:hover{text-decoration:underline}.card{background:#fff;border:1px solid #e3e5e9;border-radius:8px;padding:16px 18px}.card h2{margin:0 0 10px;font-size:14px;font-weight:600}form{display:flex;flex-direction:column;gap:10px;max-width:360px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}input{padding:8px 10px;font-size:13px;border:1px solid #cdd1d7;border-radius:5px;background:#fff}input:focus{outline:2px solid #4a90e2;outline-offset:-1px;border-color:#4a90e2}button{padding:7px 14px;font-size:13px;background:#4f46e5;color:#fff;border:0;border-radius:5px;cursor:pointer}button:hover{background:#4338ca}button.secondary{background:#fff;color:#1a1a1a;border:1px solid #cdd1d7}button.secondary:hover{background:#f0f1f4}button.small{padding:4px 10px;font-size:12px}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;align-items:center}.row.spread{justify-content:space-between}.hint{font-size:12px;color:#6b7280;margin:4px 0}.err{color:#c11;font-size:12.5px;min-height:1em}.muted{color:#9099a4;font-size:11.5px}.pill{padding:3px 10px;background:#e8eaee;border-radius:999px;font-size:11.5px;color:#444}.pill.ok{background:#d4f5dd;color:#186b3a}.pill.warn{background:#fde9b6;color:#7a4f00}.pill.err{background:#fbd1cf;color:#832}code{background:#f0f1f4;padding:2px 6px;border-radius:3px;font-size:11.5px;font-family:ui-monospace,Consolas,monospace}.tabs{display:flex;gap:2px;align-items:center;background:#fff;padding:6px 8px;border-radius:8px;border:1px solid #e3e5e9}.tabs .tab{background:transparent;color:#555;padding:6px 12px;font-size:12.5px;font-weight:500;border-radius:5px}.tabs .tab:hover{background:#f0f1f4;color:#1a1a1a}.tabs .tab.active{background:#4f46e5;color:#fff}.tabs .tab-spacer{flex:1}.tab-pane{background:#fff;border:1px solid #e3e5e9;border-radius:8px;padding:14px 18px}.tab-pane h3{margin:0 0 10px;font-size:13.5px;font-weight:600}.tree{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;max-height:460px;overflow:auto;border:1px solid #e3e5e9;border-radius:5px;padding:6px 8px;background:#fafbfc}.tree .row-file{display:flex;justify-content:space-between;padding:4px 6px;border-radius:3px;cursor:pointer}.tree .row-file:hover{background:#eef3fc}.tree .row-file .path{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tree .row-file .meta{color:#6b7280;font-size:11px;margin-left:8px}.tree .row-file.deleted .path{color:#aaa;text-decoration:line-through}.filter{width:240px}.drawer{margin-top:14px;padding:12px 14px;border:1px solid #cdd1d7;border-radius:6px;background:#fafbfc}.versions{display:flex;flex-direction:column;gap:5px;max-height:320px;overflow:auto}.versions .ver{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border:1px solid #e3e5e9;border-radius:5px;background:#fff;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}.activity{display:flex;flex-direction:column;gap:4px;max-height:460px;overflow:auto}.activity .row-act{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:12px;font-family:ui-monospace,Consolas,monospace}.activity .row-act:hover{background:#f6f7f9}.activity .row-act .arrow{width:18px;text-align:center;color:#888}.activity .row-act .arrow.deleted{color:#d93b3b}.activity .row-act .path{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity .row-act .size{color:#888;font-size:11px}.devices{display:flex;flex-direction:column;gap:6px}.devices .dev{display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid #e3e5e9;border-radius:6px;background:#fafbfc}.devices .dev .name{font-weight:600;flex:1}.devices .dev .when{color:#6b7280;font-size:11.5px}.diff-view{margin-top:14px;padding:10px 12px;border:1px solid #cdd1d7;border-radius:6px;background:#fafbfc}.diff-view h4{margin:0;font-size:12.5px;font-weight:600}.diff-content{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;max-height:360px;overflow:auto;border:1px solid #e3e5e9;border-radius:5px;background:#fff;padding:6px 0}.diff-line{display:flex;padding:1px 8px;white-space:pre-wrap;word-break:break-word}.diff-line.add{background:#e6ffec;color:#08501a}.diff-line.del{background:#ffeef0;color:#841a1a}.diff-line.same{color:#6b7280}.diff-line .marker{width:16px;flex:0 0 16px;color:#aaa}.diff-line.add .marker{color:#08501a}.diff-line.del .marker{color:#841a1a}