.draw-workbench{height:calc(100vh - 40px);display:flex;flex-direction:column;background:#101827;color:#d2dbe8;font-size:12px;--line:#354153}
.draw-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px 14px;background:#1f2937;border-bottom:1px solid #354153}.draw-top h1{font-size:23px;font-weight:650;line-height:1.4;margin:0 0 3px}.draw-top p{margin:0;color:#92a2b8;font-size:12px}.draw-top>div:last-child{display:flex;align-items:center;gap:10px}.draw-top button,.draw-list-actions button,.draw-list-actions label,.draw-panel-head button,.draw-panel-head a{border:1px solid #475569;padding:8px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.draw-top .draw-primary,.draw-prompt-card .draw-primary{background:#195bfa;border-color:#195bfa;color:#fff}.draw-top button:hover,.draw-panel-head button:hover{background:#2a3b52}.draw-top .draw-primary:hover,.draw-prompt-card .draw-primary:hover{background:#3473ff}.draw-workbench button:disabled{opacity:.55;cursor:wait}.draw-workbench input:focus,.draw-workbench textarea:focus,.draw-workbench select:focus{outline:2px solid #6395fb;outline-offset:1px}#draw-save-state{font-size:10px;color:#9caec6;white-space:nowrap}
.draw-columns{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px;min-height:0;flex:1}.draw-panel{border:1px solid #354153;border-radius:11px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.draw-settings{background:#1f2937}.draw-setting-scroll{overflow:auto;padding:15px;scrollbar-width:thin}.draw-mode{display:flex;border-bottom:1px solid #475569;margin-bottom:14px}.draw-mode button{flex:1;padding:8px 4px;color:#94a5bc;border-bottom:2px solid transparent}.draw-mode button.active{border-color:#3d83ff;color:#76a5ff}.draw-upload{min-height:108px;border:2px dashed #4a92ff;border-radius:10px;background:#202f47;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:15px;cursor:pointer}.draw-upload .tool-icon{width:26px;height:26px}.draw-upload small{font-size:9px;color:#93a8c5}.draw-file-name{font-size:10px;overflow-wrap:anywhere;color:#b8c8dd;margin:12px 0 22px}.draw-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:550;margin:0 0 15px}.draw-field input,.draw-field select,.draw-field textarea{border:1px solid #4b5769;background:#364152;color:#e1e9f5;border-radius:7px;padding:9px 10px;width:100%;font-size:12px;font-weight:400;line-height:1.6;min-width:0}.draw-field textarea{resize:vertical}.draw-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.draw-setting-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 9px;font-weight:600}.draw-setting-title button,.draw-setting-scroll>button,.draw-reference button{font-size:10px;border:1px solid #4b5769;border-radius:5px;padding:6px 9px;color:#b9d2f4}.draw-style-description,.draw-caption{font-size:10px;line-height:1.7;color:#96a7be;margin:0 0 14px}.draw-check{display:flex;align-items:flex-start;gap:7px;padding:10px;background:#283547;border:1px solid #42536a;border-radius:6px;font-size:10px;line-height:1.7;color:#b8c6da;margin:0 0 18px}.draw-check input{accent-color:#438cff;margin-top:3px}.draw-reference{display:flex;gap:10px;align-items:center;margin-bottom:15px}.draw-reference img{width:68px;height:80px;object-fit:contain;background:#111827}.draw-reference-upload{border:1px dashed #6d86a7;border-radius:5px;padding:8px;display:flex;gap:7px;cursor:pointer;font-size:10px;margin-bottom:14px}.draw-source-warning{font-size:10px;color:#e7ba7b;line-height:1.7;overflow-wrap:anywhere}.draw-caption{margin-top:12px}
.draw-panel-head{height:42px;min-height:42px;border-bottom:1px solid #354153;background:#1f2937;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.draw-panel-head strong{font-size:12px}.draw-panel-head>span{color:#91a1b9;font-size:10px}.draw-panel-head>div{display:flex;align-items:center;gap:7px}.draw-panel-head button,.draw-panel-head a{font-size:9px;padding:5px 7px}.draw-panel-head a{color:#c7d9f3}.draw-panel-head a[hidden]{display:none}.draw-list-actions{display:flex;gap:7px;align-items:center;padding:11px 13px;flex-wrap:wrap}.draw-list-actions label{color:#b8cdea;cursor:pointer}.draw-list-actions button{font-size:10px;padding:7px 8px}.draw-prompt-list{flex:1;overflow:auto;padding:0 13px 15px;scrollbar-width:thin}.draw-prompt-card{border:1px solid #354153;border-radius:8px;padding:12px;margin:6px 0 13px;background:#101827}.draw-prompt-card header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.draw-prompt-card header label{flex:1;min-width:0}.draw-prompt-card header input{border:1px solid transparent;background:transparent;color:#e0e8f5;font-weight:600;font-size:12px;width:100%;padding:5px 1px}.draw-prompt-card header button{padding:6px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.draw-prompt-card .draw-remove{font-size:9px;color:#a0adbe;padding:4px}.draw-prompt-card textarea{background:#101827;border:1px solid #465268;color:#d4dfed;width:100%;min-height:160px;border-radius:5px;font-size:12px;line-height:1.7;resize:vertical;padding:8px}.draw-pane-foot{padding:10px 14px;border-top:1px solid #354153;color:#90a1ba;font-size:9px;line-height:1.7}.draw-job-message{font-size:11px;line-height:1.7;margin:10px 13px;color:#a5c6ff}.draw-job-message.failed{color:#edba82}#draw-job-state>button{padding:6px 10px;border:1px solid #5277aa;border-radius:4px;margin:0 13px 8px;color:#bad1f3;font-size:11px}
.draw-results-body{flex:1;overflow:auto;padding:14px;scrollbar-width:thin}.draw-empty{min-height:250px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#96a7be;padding:20px;line-height:1.8}.draw-empty>.tool-icon{width:33px;height:33px;opacity:.55;margin-bottom:12px}.draw-empty h2{font-size:14px;color:#c3cfdf;margin:0 0 7px}.draw-empty p{font-size:11px;margin:0 0 8px}.draw-config-note{color:#d3b589}.draw-viewer{position:relative;border:1px solid #354153;border-radius:8px;padding:12px;background:#0d1421;min-height:300px;display:flex;align-items:center;justify-content:center}.draw-viewer>img{max-width:100%;max-height:calc(100vh - 310px);object-fit:contain}.draw-viewer>button{position:absolute;top:48%;background:#0b1120e0;color:#d6e2f4;border-radius:5px;padding:9px 7px;font-size:9px}.draw-previous{left:6px}.draw-next{right:6px}.draw-result-details{border:1px solid #354153;border-radius:8px;padding:12px;margin-top:12px}.draw-result-details header{display:flex;align-items:center;gap:12px;justify-content:space-between}.draw-result-details h2{font-size:13px;margin:0;overflow-wrap:anywhere}.draw-result-details a{font-size:10px;color:#99bffe;white-space:nowrap}.draw-result-details p,.draw-result-details summary{font-size:10px;color:#96a7be;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.draw-thumbnails{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.draw-thumbnails button{border:2px solid transparent;border-radius:3px;padding:2px}.draw-thumbnails button.active{border-color:#659dff}.draw-thumbnails img{width:48px;height:64px;object-fit:contain}.draw-log{border-top:1px solid #354153;display:flex;gap:15px;padding:9px 20px;background:#1f2937;font-size:10px;line-height:1.5;color:#94a7c0}.draw-log strong{color:#d1dbe9;font-size:10px}.draw-history-row,.draw-custom-styles>div{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e1e5de;font-size:12px}.draw-history-row>div{flex:1}.draw-history-row small{display:block;margin-top:5px;color:#87937f;font-size:10px}.draw-history-row button,.draw-custom-styles button{color:#315d43;border:1px solid #c7d2c0;border-radius:4px;padding:6px 9px;font-size:11px}.draw-custom-styles strong{flex:1}.draw-top .tool-icon{height:12px;width:12px}
@media(min-width:1600px){.draw-columns{grid-template-columns:320px minmax(0,1fr) minmax(0,1fr)}.draw-prompt-card textarea{min-height:200px}.draw-field{font-size:12px}.draw-field input,.draw-field select,.draw-field textarea{font-size:13px}.draw-top h1{font-size:26px}}
@media(max-width:1100px){.draw-columns{grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px}.draw-top{padding:12px 16px}.draw-top h1{font-size:20px}.draw-top p{font-size:10px}.draw-top>div:last-child{gap:6px}.draw-top button{font-size:10px;padding:7px 9px}#draw-save-state{display:none}.draw-panel-head{padding:0 10px}.draw-panel-head>div{gap:4px}.draw-panel-head button{font-size:8px;padding:5px}.draw-panel-head>strong{font-size:11px}.draw-prompt-card header{flex-wrap:wrap}.draw-prompt-card header label{flex-basis:100%}}
@media(max-width:800px){.draw-workbench{height:auto;min-height:calc(100vh - 48px)}.draw-top{flex-wrap:wrap;padding:15px}.draw-top>div:last-child{width:100%}.draw-top button{flex:1;justify-content:center}.draw-top h1{font-size:21px}.draw-top p{font-size:11px}.draw-columns{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.draw-setting-scroll{overflow:visible}.draw-settings .draw-upload{min-height:95px}.draw-prompts{min-height:430px;max-height:800px}.draw-prompt-list{max-height:570px}.draw-results{min-height:400px}.draw-results-body{overflow:visible}.draw-empty{min-height:280px}.draw-panel-head{min-height:46px}.draw-panel-head>strong{font-size:12px}.draw-panel-head button{font-size:10px}.draw-viewer>img{max-height:600px}.draw-log{padding:12px;align-items:flex-start}.draw-log strong{white-space:nowrap}.draw-log span{overflow-wrap:anywhere}.draw-prompt-card header label{flex-basis:auto}.draw-panel-head a{font-size:10px}}
.draw-source-text{margin:0 0 16px}.draw-source-text>summary{cursor:pointer;font-size:11px;font-weight:550;line-height:1.8;color:#d2dbe8}.draw-source-text>summary small{font-size:9px;color:#92a5bd;font-weight:400;display:block;padding-left:12px}.draw-source-text[open]>summary{margin-bottom:8px}.draw-source-text .draw-field{margin-bottom:0}

.draw-panel-head label{font-size:9px;padding:5px 7px;border:1px solid #475569;border-radius:6px;white-space:nowrap;cursor:pointer}.draw-panel-head label:hover{background:#2a3b52}
.draw-viewer{padding-bottom:48px}.draw-viewer>button{top:auto;bottom:8px}