:root{color:#202124;background:#f6f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(#ecece6 1px,transparent 1px),linear-gradient(90deg,#ecece6 1px,transparent 1px),#f8f8f5;background-size:32px 32px}.login-panel,.loading-panel{width:min(100%,390px);border:1px solid #deded6;border-radius:8px;background:#ffffff;padding:24px;box-shadow:0 18px 60px #34342d14}.loading-panel{display:flex;align-items:center;justify-content:center;gap:10px;color:#55554f}.loading-panel svg,.login-panel .primary-button svg{animation:spin 1s linear infinite}.login-panel h1{margin:16px 0 4px;color:#202124;font-size:22px;line-height:1.2}.login-panel p{margin:0 0 18px;color:#66665f;font-size:13px}.login-panel label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:#61615b;font-size:12px;font-weight:720}.login-panel input{width:100%;height:40px;border:1px solid #d7d7cc;border-radius:7px;outline:none;padding:0 10px}.login-panel input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-panel .primary-button{width:100%;margin-top:6px}.login-meta{margin-top:12px;color:#77776f;font-size:12px;text-align:center}.app-shell{min-height:100vh;background:linear-gradient(#ecece6 1px,transparent 1px),linear-gradient(90deg,#ecece6 1px,transparent 1px),#f8f8f5;background-size:32px 32px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #deded6;background:rgba(248,248,245,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid #cfcfc4;border-radius:8px;background:#ffffff;color:#0f766e}.brand h1{margin:0;font-size:22px;font-weight:760;letter-spacing:0}.brand p{margin:2px 0 0;color:#686862;font-size:13px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.page-switch{display:inline-flex;overflow:hidden;border:1px solid #d7d7cc;border-radius:8px;background:#ffffff}.page-switch-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-right:1px solid #e4e4dc;background:transparent;color:#55554f;padding:0 10px;font-weight:740}.page-switch-button:last-child{border-right:0}.page-switch-button.active{background:#12645d;color:#fff}.api-status{display:inline-flex;align-items:center;min-height:36px;gap:8px;padding:0 10px;border:1px solid #d9d9d0;border-radius:8px;background:#fff;color:#55554f;font-size:13px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:99px;background:#b45309}.status-dot.ok{background:#0f766e}.status-dot.warn{background:#b45309}.workspace{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:20px;width:min(1740px,100%);margin:0 auto;padding:20px 24px 28px}.config-panel,.results-panel{min-width:0}.config-panel{display:flex;flex-direction:column;gap:18px}.results-panel{display:flex;min-height:calc(100vh - 112px);flex-direction:column;gap:16px}.field-block{border:1px solid #deded6;border-radius:8px;background:#ffffff;padding:16px}.field-title-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.field-title-row label,.section-head h2{margin:0;color:#2c2c2a;font-size:16px;font-weight:760}.field-title-row span,.section-head span{color:#77776f;font-size:13px}.section-head.compact{margin-bottom:14px}.prompt-textarea,.questions-textarea,.draw-textarea{width:100%;border:1px solid #d7d7cc;border-radius:8px;outline:none;background:#fcfcfa;color:#202124;resize:vertical}.prompt-textarea:focus,.questions-textarea:focus,.draw-textarea:focus,.model-grid input:focus,.settings-grid input:focus,.draw-settings-grid select:focus,.knowledge-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.prompt-textarea{min-height:210px;padding:14px}.questions-textarea{min-height:156px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.questions-textarea.invalid{border-color:#b42318}.knowledge-select{width:100%;height:38px;border:1px solid #d7d7cc;border-radius:7px;outline:none;background:#ffffff;color:#222;padding:0 10px;font-size:13px;font-weight:500}.tool-toggle{margin-top:12px;font-size:13px}.field-hint{margin:8px 0 0;color:#77776f;font-size:12px}.draw-textarea{min-height:300px;padding:14px;font-size:14px}.inline-error,.notice{margin-top:10px;color:#b42318;font-size:13px}.notice{display:flex;align-items:center;gap:8px;margin:0;border:1px solid #f1b8b2;border-radius:8px;background:#fff7f6;padding:10px 12px}.model-list{display:flex;flex-direction:column;gap:10px}.model-row{border:1px solid #ddddcf;border-radius:8px;background:#fbfbf8;padding:12px}.compact-model{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.model-id-line{min-width:0;overflow:hidden;color:#6f6f68;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.model-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.toggle-line{display:flex;align-items:center;gap:9px;color:#262624;font-weight:700}.toggle-line input{width:16px;height:16px;accent-color:#0f766e}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.model-grid label,.settings-grid label{display:flex;flex-direction:column;gap:6px;color:#61615b;font-size:12px;font-weight:720}.model-grid label.wide{grid-column:1 / -1}.model-grid input,.settings-grid input{min-width:0;width:100%;height:36px;border:1px solid #d7d7cc;border-radius:7px;outline:none;background:#ffffff;color:#222;padding:0 10px;font-size:13px;font-weight:500}.settings-grid{display:grid;grid-template-columns:1fr 116px;gap:12px}.draw-workspace{display:grid;grid-template-columns:minmax(340px,480px) minmax(0,1fr);gap:20px;width:min(1500px,100%);margin:0 auto;padding:20px 24px 28px}.draw-config-panel,.draw-results-panel{display:flex;min-width:0;flex-direction:column;gap:18px}.draw-results-panel{min-height:calc(100vh - 112px)}.draw-settings-grid label{display:flex;flex-direction:column;gap:7px;color:#61615b;font-size:12px;font-weight:720}.draw-settings-grid select{width:100%;height:38px;border:1px solid #d7d7cc;border-radius:7px;outline:none;background:#ffffff;color:#222;padding:0 10px;font-size:13px;font-weight:500}.draw-settings-grid{display:grid;grid-template-columns:1fr;gap:12px}.reference-preview{display:grid;grid-template-columns:72px minmax(0,1fr) 34px;align-items:center;gap:10px;margin-top:12px;border:1px solid #deded6;border-radius:8px;background:#fbfbf8;padding:8px}.reference-preview img{width:72px;height:72px;border-radius:7px;object-fit:cover}.reference-preview strong,.reference-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-preview strong{color:#262624;font-size:13px}.reference-preview span{color:#77776f;font-size:12px}.draw-empty-state,.draw-pending,.draw-error,.draw-result-card{border:1px solid #deded6;border-radius:8px;background:#ffffff}.draw-empty-state{display:flex;min-height:520px;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#77776f;font-size:14px}.draw-empty-state.active svg{animation:spin 1s linear infinite}.draw-error{display:flex;align-items:flex-start;gap:8px;border-color:#f1b8b2;background:#fff7f6;color:#b42318;padding:14px;white-space:pre-wrap;word-break:break-word}.draw-pending{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px}.draw-pending strong,.draw-pending span{display:block}.draw-pending span{margin-top:3px;color:#77776f;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.draw-result-card{overflow:hidden}.draw-result-card>img{display:block;width:100%;max-height:calc(100vh - 190px);background:#f3f3ef;object-fit:contain}.draw-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4e4dc;padding:10px 12px}.draw-result-meta>div{display:flex;align-items:center;gap:8px;color:#0f766e;font-size:12px;font-weight:760}.draw-result-meta span+span{color:#77776f}.draw-history-panel{border:1px solid #deded6;border-radius:8px;background:#ffffff;padding:14px}.draw-history-actions{display:flex;align-items:center;gap:6px}.draw-history-empty{display:flex;min-height:86px;align-items:center;justify-content:center;gap:8px;border:1px dashed #d3d3c8;border-radius:8px;color:#77776f;font-size:13px}.draw-history-list{display:flex;max-height:430px;flex-direction:column;gap:8px;overflow:auto}.draw-history-item{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e1e1d8;border-radius:8px;background:#fbfbf8;padding:8px;cursor:pointer}.draw-history-item:hover{border-color:#c5c5b8;background:#f5f5f0}.draw-history-thumb{display:grid;width:74px;height:74px;place-items:center;overflow:hidden;border-radius:7px;background:#eeeee7;color:#77776f}.draw-history-thumb img{width:100%;height:100%;object-fit:cover}.draw-history-thumb span{padding:0 8px;color:#77776f;font-size:13px;font-weight:700;line-height:1.35;text-align:center}.draw-history-thumb svg{animation:spin 1s linear infinite}.draw-history-body{min-width:0}.draw-history-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.draw-history-title strong{display:-webkit-box;overflow:hidden;color:#262624;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-status{flex:0 0 auto;border:1px solid #c6d8d5;border-radius:999px;background:#f5fffd;color:#0f766e;padding:2px 7px;font-size:11px;font-weight:780}.history-status.pending{border-color:#ead99c;background:#fffbea;color:#8a6a11}.draw-history-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:7px;color:#77776f;font-size:12px}.draw-history-row-actions{display:flex;align-items:center;gap:5px}.range-line{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:10px}.range-line input{padding:0;accent-color:#0f766e}.range-line strong{color:#202124;text-align:right}.primary-button,.danger-button,.ghost-button,.icon-text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border-radius:8px;border:1px solid transparent;padding:0 12px;font-weight:740;letter-spacing:0}.primary-button{background:#12645d;color:#fff}.primary-button:hover{background:#0f554f}.danger-button{background:#b42318;color:#fff}.danger-button:hover{background:#941b12}.ghost-button,.icon-text-button,.icon-button{border-color:#d7d7cc;background:#ffffff;color:#30302d}.ghost-button:hover,.icon-text-button:hover,.icon-button:hover{border-color:#b9b9ad;background:#f3f3ef}.icon-button{width:34px;padding:0}.hidden-file-input{display:none}.summary-strip{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:10px}.metric{min-width:0;border:1px solid #deded6;border-radius:8px;background:#ffffff;padding:12px 14px}.metric span{display:block;color:#6b6b65;font-size:12px;font-weight:720}.metric strong{display:block;margin-top:3px;color:#202124;font-size:21px;font-weight:780}.metric.bad strong{color:#b42318}.matrix-wrap{min-height:280px;overflow:auto;border:1px solid #deded6;border-radius:8px;background:#ffffff}.result-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0}.result-table th,.result-table td{border-right:1px solid #e4e4dc;border-bottom:1px solid #e4e4dc;vertical-align:top}.result-table th:last-child,.result-table td:last-child{border-right:0}.result-table thead th{position:sticky;top:0;z-index:3;background:#f1f1eb;color:#42423d;padding:11px 12px;text-align:left;font-size:13px}.result-table .question-column{left:0;z-index:4;min-width:250px;width:280px}.question-cell{position:sticky;left:0;z-index:2;width:280px;background:#ffffff;padding:12px}.question-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:42px;border:1px solid #c6d8d5;border-radius:8px;background:#f5fffd;color:#0f766e;font-weight:780}.question-cell p{margin:8px 0 0;color:#2e2e2b;font-size:14px;white-space:pre-wrap;word-break:break-word}.answer-cell{min-width:260px;width:300px;padding:12px;background:#ffffff}.answer-cell:hover{background:#fbfbf8}.muted,.status-label,.empty-state{color:#77776f;font-size:13px}.status-label{display:inline-flex;align-items:center;gap:6px;font-weight:720}.status-label.running svg,.empty-state.active svg{animation:spin 1s linear infinite}.status-label.error{align-items:flex-start;color:#b42318}.error-preview{display:flex;min-height:86px;flex-direction:column;align-items:flex-start;gap:10px}.error-preview .status-label{white-space:pre-wrap;word-break:break-word}.cell-retry-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;border:1px solid #d7d7cc;border-radius:7px;background:#ffffff;color:#30302d;padding:0 10px;font-size:12px;font-weight:740}.cell-retry-button:hover{border-color:#b9b9ad;background:#f3f3ef}.muted-status{color:#8a6a11}.answer-preview{display:flex;min-height:126px;flex-direction:column;gap:8px}.cell-meta{display:flex;align-items:center;gap:8px;color:#0f766e;font-size:12px;font-weight:760}.cell-meta span+span{color:#77776f}.answer-preview p{margin:0;color:#2b2b28;font-size:13px;white-space:pre-wrap;word-break:break-word}.citation-list{display:flex;flex-direction:column;gap:5px;border-top:1px solid #e7e7df;padding-top:8px}.citation-title{color:#0f766e;font-size:11px;font-weight:760}.citation-base{color:#55554f;font-size:11px}.citation-item{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;color:#4f4f49;font-size:11px;line-height:1.35}.citation-item span{min-width:0;overflow-wrap:anywhere;font-weight:650}.citation-item small{color:#77776f;font-size:11px}.citation-item a{color:#2563eb;font-size:11px}.web-search-list{display:flex;flex-direction:column;gap:6px;border-top:1px solid #e7e7df;padding-top:8px}.web-search-title{color:#2563eb;font-size:11px;font-weight:760}.web-search-queries{display:flex;flex-wrap:wrap;gap:4px 8px;color:#55554f;font-size:11px;line-height:1.35}.web-search-queries span{color:#77776f}.web-search-sources{display:flex;flex-direction:column;gap:5px}.web-search-sources a{display:flex;min-width:0;flex-direction:column;gap:2px;color:#2563eb;font-size:11px;line-height:1.35;text-decoration:none}.web-search-sources a:hover{text-decoration:underline}.web-search-sources strong,.web-search-sources small{overflow-wrap:anywhere}.web-search-sources small{color:#77776f;font-size:10px}.web-search-empty{color:#77776f;font-size:11px}.empty-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:170px;border:1px dashed #d3d3c8;border-radius:8px}.empty-state.small{min-height:72px}.error-box{border:1px solid #f1b8b2;border-radius:8px;background:#fff7f6;color:#b42318;padding:10px;font-size:13px;white-space:pre-wrap;word-break:break-word}.preview-error,.retry-note{color:#8a6a11}.retry-note{margin-top:10px;border:1px solid #ead99c;border-radius:8px;background:#fffbea;padding:8px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.workspace,.draw-workspace{grid-template-columns:1fr}.results-panel,.draw-results-panel{min-height:auto}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.topbar{align-items:flex-start;flex-direction:column;padding:14px}.workspace{padding:14px}.topbar-actions{width:100%;justify-content:flex-start}.brand h1{font-size:19px}.brand p{font-size:12px}.summary-strip,.model-grid,.settings-grid{grid-template-columns:1fr}.ghost-button,.primary-button,.danger-button{flex:1 1 auto}}