.history-browser{padding:0;border:1px solid var(--line);border-radius:20px;color:var(--text);background:var(--surface);width:min(1080px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:var(--shadow-lg)}
.history-browser::backdrop{background:#0b122080}
.history-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 50px);min-height:0}
.history-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);flex:none}
.history-head h2{margin:0;font-size:20px}.history-boundary{margin:12px 20px 0;color:var(--sub);font-size:14px}
.history-controls{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px;align-items:end;flex:none}.history-controls label{display:flex;flex-direction:column;gap:4px;font-size:14px;min-width:0}.history-controls>label{flex:1 1 220px}.history-controls input,.history-controls select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;min-height:44px;width:100%;max-width:100%;padding:8px 10px}.history-controls form{display:flex;flex:2 1 420px;gap:8px;align-items:end;min-width:0}.history-controls form>label:first-child{flex:1}.history-controls form>label:nth-child(2){flex:0 1 140px}.history-controls form>button{flex:none}
.history-status{flex:none;margin:0;padding:0 20px 12px;font-size:14px;color:var(--sub);overflow-wrap:anywhere;min-height:24px}
.history-columns{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.5fr);gap:0;min-height:0;overflow:auto;border-top:1px solid var(--line)}
.history-results,.history-reader{min-width:0;padding:16px 20px;overflow:auto;overscroll-behavior:contain}.history-results h3,.history-reader h3{font-size:16px;margin:0 0 12px;overflow-wrap:anywhere}.history-reader{border-left:1px solid var(--line)}
.history-result{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;white-space:normal;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:12px;margin:0 0 10px;overflow-wrap:anywhere}.history-result:hover{background:var(--hover)}.history-result b{font-size:14px}.history-result span{font-size:14px;color:var(--sub);max-height:7em;overflow:hidden;white-space:pre-wrap}
.history-source-info{font-size:13px;color:var(--sub);overflow-wrap:anywhere;white-space:pre-wrap}.history-reader pre{font:15px/1.8 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:var(--surface-2);border-radius:12px;padding:14px;margin:12px 0;color:var(--text)}.history-source-actions{display:flex;flex-wrap:wrap;gap:8px}.history-source-actions button{min-width:0;white-space:normal}.history-browser button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.history-browser [hidden]{display:none!important}.history-browser:not(.reading) .history-columns{grid-template-columns:1fr}
@media(max-width:700px){.history-browser{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.history-shell{height:100%;max-height:100dvh;padding-top:var(--safe-top,env(safe-area-inset-top));padding-bottom:var(--safe-bottom,env(safe-area-inset-bottom))}.history-head{padding:10px 16px}.history-boundary{margin:10px 16px 0}.history-controls{padding:10px 16px;gap:8px}.history-controls form{flex-wrap:wrap;flex-basis:100%}.history-controls form>label:first-child{flex-basis:100%}.history-controls form>label:nth-child(2){flex:1}.history-status{padding:0 16px 10px}.history-columns,.history-browser.reading .history-columns{display:block;flex:1;overflow:auto}.history-results,.history-reader{padding:14px 16px;border:0;overflow:visible}.history-browser.reading .history-results{display:none}.history-reader pre{font-size:16px}.history-source-actions .btn{flex:1 1 135px}.history-browser.reading .history-boundary,.history-browser.reading .history-controls{display:none}}