/* Для Cannonade Medium поместите файл assets/Cannonade-Medium.woff2 и раскомментируйте @font-face. */
/* @font-face{font-family:"Cannonade Medium";src:url("assets/Cannonade-Medium.woff2") format("woff2");font-weight:500;font-display:swap} */
:root{--page:#FFF7E5;--panel:#EBE2CF;--text:#7C7463;--selected:#6E90A1;--muted:#BAB19F;--label:#EBE2CF;--rose:#B5797D;--teal:#78A8AD;--blue:#8A9FAE;--olive:#A7A77F;--purple:#9A8BB0;--font:"Cannonade Medium",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--page)}body{font-family:var(--font);font-weight:500;color:var(--text);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.page{min-height:100vh;position:relative;padding-bottom:40px}.header{position:absolute;top:55px;right:132px;width:129px;height:54px;display:grid;place-items:center}.logo{font-size:24px;font-weight:700;letter-spacing:-1.8px;color:var(--rose);white-space:nowrap}.logo img{width:129px;height:54px;object-fit:contain}
.layout{width:min(1680px,calc(100vw - 240px));margin:0 auto;padding-top:168px;display:grid;grid-template-columns:minmax(0,907px) minmax(0,223px) minmax(0,550px);column-gap:0;align-items:start}.left-column,.right-column{min-width:0}.toolbar{height:50px;display:flex;align-items:center;margin-bottom:20px}.left-toolbar{gap:17px}.right-toolbar{justify-content:flex-end}.image-button{width:50px;height:50px;flex:0 0 50px;border:0;background:transparent;padding:0;display:grid;place-items:center;color:var(--text)}.image-button img{width:50px;height:50px;object-fit:contain}.fallback-plus{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#D8D1BD;color:#8D8B7C;font:30px/1 Arial,sans-serif}.document-tab{width:300px;height:30px;flex:0 1 300px;min-width:0;border-radius:15px;background:var(--rose);color:var(--label);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 25px;font-size:14px}.document-tab span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.close-tab{width:10px;height:10px;flex:0 0 10px;padding:0;border:0;background:transparent;color:var(--label);font:16px/10px Arial,sans-serif;display:grid;place-items:center}.close-tab img{width:10px;height:10px}
.panel{background:var(--panel);border-radius:30px}.main-text-panel{height:651px;width:100%;padding:40px 42px;overflow-y:auto}.main-text{font-size:18px;line-height:1.42;color:var(--text);overflow-wrap:anywhere;outline:0}.sentence{cursor:pointer}.sentence:hover{background:#dcd7c8}.sentence.selected{color:var(--selected);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.graph-panel{height:136px;margin-top:16px;position:relative;overflow-x:auto;overflow-y:hidden}.graph-panel #graphPlaceholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;font-size:13px;color:#A79E8D}#chart{width:100%;height:100%;display:none;position:relative;inset:0;max-width:none}#chart.active{display:block}#chart circle{cursor:pointer;outline:none}#chart circle:focus{stroke:#514A3F;stroke-width:2.5}.swap-area{display:flex;justify-content:flex-start;padding-left:25px;padding-top:185px}.swap-button{width:43px;height:41px;border:0;padding:0;background:transparent;color:#8F8A7E;display:grid;place-items:center}.swap-button img{width:43px;height:41px;object-fit:contain}.swap-button span{font:34px/1 Arial,sans-serif;transform:rotate(90deg)}
.threshold{height:40px;display:flex;align-items:center;gap:8px;margin-right:28px;flex:0 0 auto;font-size:18px}.threshold input{width:50px;height:40px;border:0;outline:0;border-radius:14px;background:var(--panel);color:var(--text);text-align:center;padding:0 2px;font-size:18px;appearance:textfield;-moz-appearance:textfield}.threshold input::-webkit-inner-spin-button,.threshold input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.search{height:40px;width:346px;flex:0 1 346px;min-width:150px;display:flex;align-items:center;position:relative;border-radius:15px;background:var(--panel);margin-right:20px;overflow:hidden}.search-icon{width:20px;height:21px;margin-left:10px;flex:0 0 20px;color:#A49B8A;font:25px/20px Arial,sans-serif}.search input{position:absolute;left:48px;width:calc(100% - 58px);height:100%;border:0;outline:0;padding:0;background:transparent;font-size:15px;color:var(--text);min-width:0}.search input::placeholder{color:var(--muted);opacity:1}
.results-panel{height:651px;width:100%;padding:42px 45px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px}.empty{font-size:15px;color:#A49B8A;line-height:1.4}.result{flex:0 0 auto;width:100%;border-radius:30px;color:#FFF7E5;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) 77px;column-gap:8px;align-items:start;font-size:18px;line-height:1.28}.result.doc0,.pill.doc0{background:var(--rose)}.result.doc1,.pill.doc1{background:var(--teal)}.result.doc2,.pill.doc2{background:var(--blue)}.result.doc3,.pill.doc3{background:var(--olive)}.result.doc4,.pill.doc4{background:var(--purple)}.result-copy{min-width:0;cursor:pointer}.score{align-self:stretch;border-left:1px solid rgba(255,247,229,.85);min-height:28px;display:flex;align-items:center;justify-content:flex-end;padding-left:8px;white-space:nowrap;font-size:16px}.context{display:none;margin-top:10px;opacity:.9}.result.expanded .context{display:block}.result.hidden{display:none}
.legend-panel{width:100%;min-height:102px;margin-top:16px;padding:18px 22px;display:flex;align-items:center;overflow:hidden}.legend-list{width:100%;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:8px}.pill{height:22px;max-width:280px;min-width:0;border-radius:11px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;color:var(--label);font-size:12px;white-space:nowrap}.pill-name{overflow:hidden;text-overflow:ellipsis}.pill button{color:inherit;background:transparent;border:0;padding:0;width:10px;height:10px;font:13px/10px Arial,sans-serif;flex:0 0 10px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--text);color:var(--page);padding:10px 16px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:calc(100vw - 30px);text-align:center;z-index:10}.toast.show{opacity:1}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1920px){.layout{width:1680px;grid-template-columns:907px 223px 550px}}@media(max-width:1500px){.layout{width:calc(100vw - 80px);grid-template-columns:minmax(0,1.65fr) 35px minmax(0,1fr);column-gap:18px}.swap-area{justify-content:center;padding-left:0}.results-panel{padding-left:28px;padding-right:28px}.result{grid-template-columns:auto minmax(0,1fr) 62px}.threshold{margin-right:14px;gap:5px}.search{margin-right:12px}}@media(max-width:1000px){.header{top:24px;right:24px}.layout{width:calc(100vw - 36px);padding-top:110px;grid-template-columns:1fr;row-gap:20px}.swap-area{padding:0}.swap-button span{transform:none}.left-toolbar{flex-wrap:wrap}.right-toolbar{height:auto;margin-bottom:10px;justify-content:flex-start;flex-wrap:wrap;gap:8px}.threshold{margin-right:8px}.search{width:min(346px,100%);flex-basis:260px}.main-text-panel,.results-panel{height:500px}}@media(max-width:560px){.document-tab{width:min(300px,calc(100vw - 120px))}.main-text-panel{padding:24px}.main-text,.result{font-size:16px}.results-panel{padding:24px 18px}.result{grid-template-columns:auto minmax(0,1fr) 54px;column-gap:6px;padding:14px}.score{font-size:13px}.legend-panel{padding:16px}}