: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}.qa-input textarea{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(91,75,58,.12);min-height:80px}.qa-input button{background:var(--accent);color:#fff;padding:10px 16px}.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}.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}
