:root{--bg:#f3efe0;--card:#fffaf0;--accent:#6b2e2e;--accent-2:#c9a165;--muted:#5b4b3a}body{margin:0;background:var(--bg);font-family:"Noto Serif",Georgia,Times New Roman,serif;color:var(--muted)}.app-root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1600px;margin:20px;padding:20px}h1,h2,h3{font-weight:700;color:var(--accent)}input,select,button,textarea{font-family:inherit;font-size:15px}button{cursor:pointer;border-radius:6px;border:none}.card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px #5b4b3a14}.card.annotation-layout{max-width:1500px;margin:0 auto;padding:30px 50px}table{width:100%;background:transparent;border-collapse:collapse}thead th{background:#6b2e2e0f;padding:10px;text-align:left}td,th{padding:10px;border-bottom:1px solid rgba(91,75,58,.06)}.navbar{background:linear-gradient(90deg,#6b2e2ef2,#652929f2);color:#fff;padding:14px 0}.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:0 18px}.brand{font-size:20px;font-weight:700;color:var(--accent-2);margin-right:18px}.nav-item{color:#f6efe6;padding:8px 12px;border-radius:6px;background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;cursor:pointer}.nav-item:hover{color:var(--accent-2);font-weight:700;background:transparent}.nav-item:focus{outline:none;font-weight:700}.nav-item.active{background:transparent;color:var(--accent-2);font-weight:700;box-shadow:none}.spacer{flex:1}.page-title{margin:0 0 12px;font-family:inherit}.qa-area{margin-top:12px}.qa-input{display:flex;gap:8px;flex-direction:column}.qa-input textarea{padding:10px;border-radius:8px;border:1px solid rgba(91,75,58,.12);min-height:80px;resize:vertical}.qa-input button{background:var(--accent);color:#fff;padding:10px 16px}.qa-input button:disabled{opacity:.6;cursor:not-allowed}.footer{margin-top:auto;padding:18px;text-align:center;color:#5b4b3a99}.message{padding:10px;border-radius:8px;background:#c9a16514;color:var(--muted)}.annotation-layout{display:flex;flex-direction:row;gap:18px;align-items:stretch;margin:0 auto;padding:15px}.annotation-top,.annotation-bottom{display:flex;flex-direction:column;gap:12px}.annotation-three-column{display:flex;gap:18px;margin:0 auto;padding:15px 30px;min-height:calc(100vh - 200px);background:var(--card);border-radius:10px;box-shadow:0 6px 18px #5b4b3a14}.annotation-left-sidebar{flex:0 0 150px;display:flex;flex-direction:column;gap:12px;padding:15px;background:#fffaf080;border-radius:8px;border:1px solid rgba(91,75,58,.12);overflow-y:auto}.annotation-center-pdf{flex:0 0 490px;display:flex;flex-direction:column;gap:12px;padding:15px;background:#fffaf080;border-radius:8px;border:1px solid rgba(91,75,58,.12)}.annotation-right-panel{flex:1;display:flex;flex-direction:column;gap:12px;padding:15px;background:#fffaf080;border-radius:8px;border:1px solid rgba(91,75,58,.12);min-width:0}.form-grid{display:grid;grid-template-columns:120px 1fr;grid-auto-rows:minmax(40px,auto);gap:12px;align-items:start}.form-label{justify-self:end;padding-right:12px;color:var(--muted);align-self:center}.form-field input,.form-field textarea{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(91,75,58,.12);font-family:inherit}.form-field textarea{min-height:120px;resize:vertical}.form-field .buttons{display:flex;gap:8px}.form-field .buttons button{padding:8px 12px}.annotation-bottom{margin-top:6px}.annotation-preview-large{padding:18px}.upload-drop{position:relative;background:#f7f5f0;border-radius:10px;border:1px solid rgba(91,75,58,.06);min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload-empty{font-size:48px;color:#5b4b3a40}.upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}@media (max-width:900px){.annotation-top{flex-direction:column}.upload-box{flex:0 0 auto}.form-grid{grid-template-columns:100px 1fr}}.dict-selector-box{padding:15px;background:var(--card);border-radius:10px;margin-bottom:15px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 18px #5b4b3a14}.segmentation-box{flex:0 0 380px;padding:12px;background:#fffaf080;border-radius:8px}.retrieval-container{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.retrieval-layout{display:flex;gap:16px;flex:1;overflow:hidden}.retrieval-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--card);border-radius:10px;box-shadow:0 6px 18px #5b4b3a14}.retrieval-sidebar{flex:0 0 360px;display:flex;flex-direction:column}.retrieval-welcome{display:flex;align-items:center;justify-content:center;flex:1;padding:20px;background:transparent}.retrieval-welcome .card{max-width:500px;width:100%}.retrieval-welcome h3{margin-top:0;margin-bottom:12px}.retrieval-welcome p{margin:0 0 20px;color:#5b4b3acc}.retrieval-history{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:transparent}.chat-message{display:flex;margin-bottom:8px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.user-message .message-bubble{background:var(--accent);color:#fff;padding:10px 14px;border-radius:12px;max-width:80%;word-wrap:break-word}.assistant-message{justify-content:flex-start}.assistant-message .message-bubble{background:var(--card);border:1px solid rgba(91,75,58,.12);padding:12px;border-radius:8px;max-width:100%;word-wrap:break-word}.assistant-message table{font-size:13px;margin-top:12px}.error-message .message-bubble{background:#ffe8e8!important;border-left:4px solid #d32f2f!important;color:#d32f2f!important}.message-bubble.loading{font-style:italic;color:#5b4b3ab3}.chat-panel{background:var(--card);border-radius:10px;box-shadow:0 6px 18px #5b4b3a14;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-panel-header{padding:14px;border-bottom:1px solid rgba(91,75,58,.06);flex-shrink:0}.chat-panel-header h3{margin:0;font-size:16px}.chat-panel-content{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column}.chat-panel-content .qa-input{display:flex;flex-direction:column;gap:8px;height:100%}.chat-panel-content .qa-input textarea{flex:1;padding:8px;border-radius:6px;border:1px solid rgba(91,75,58,.12);resize:none;min-height:0;font-size:13px}.chat-panel-content .qa-input button{padding:8px 12px;background:var(--accent);color:#fff;flex-shrink:0;font-size:13px}.chat-panel-footer{padding:12px 14px;border-top:1px solid rgba(91,75,58,.06);flex-shrink:0}.clear-chat-btn{width:100%;padding:8px;background:#5b4b3a1a;color:var(--muted);border:1px solid rgba(91,75,58,.12);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.clear-chat-btn:hover:not(:disabled){background:#5b4b3a33}.clear-chat-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.retrieval-sidebar{flex:0 0 320px}}@media (max-width: 900px){.retrieval-layout{flex-direction:column}.retrieval-sidebar{flex:0 0 300px;max-height:350px}.retrieval-main{flex:1}}