.drawing-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center}.drawing-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px)}.drawing-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:95%;max-width:1600px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;z-index:1}.drawing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.drawing-modal-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.drawing-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.drawing-modal-close:hover{background:#e5e7eb;color:#1f2937}.drawing-nlp-bar{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fafbfc}.drawing-modal-body{flex:1;overflow:hidden;display:flex;gap:0;padding:0;background:#fff;position:relative}.drawing-canvas-column{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;padding:16px}.drawing-canvas{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:12px;min-height:500px}.drawing-controls-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.drawing-controls-card h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#1f2937}.drawing-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:#374151;font-weight:500}.drawing-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.drawing-checkbox-label:hover{color:#1f2937}.drawing-stage-form{display:flex;flex-direction:column;gap:10px}.drawing-form-group{display:flex;flex-direction:column;gap:4px}.drawing-form-group label{font-size:12px;font-weight:600;color:#374151}.drawing-form-group input{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit}.drawing-form-group input[type=number]{width:4em}.drawing-form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.drawing-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawing-form-info{font-size:11px;color:#6b7280;margin-top:4px;line-height:1.4}.drawing-btn{padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.drawing-btn:hover{background:#2563eb}.drawing-btn:disabled{background:#9ca3af;cursor:not-allowed}.drawing-canvas canvas{border:1px solid #e5e7eb;border-radius:8px}.drawing-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.drawing-modal-info{display:flex;gap:24px;font-size:14px;color:#6b7280}.drawing-modal-info span{display:flex;align-items:center;gap:6px}.drawing-modal-info strong{color:#374151;font-weight:600}.drawing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.drawing-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:drawing-spin .8s linear infinite;margin-bottom:16px}@keyframes drawing-spin{to{transform:rotate(360deg)}}.drawing-loading p{margin:0;font-size:16px}.drawing-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#dc2626}.drawing-error svg{margin-bottom:16px;color:#dc2626}.drawing-error p{margin:0;font-size:16px;text-align:center}.drawing-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,opacity .2s}.drawing-btn:disabled{opacity:.5;cursor:not-allowed}.drawing-btn-primary{background-color:#3b82f6;color:#fff}.drawing-btn-primary:hover:not(:disabled){background-color:#2563eb}.drawing-btn-secondary{background-color:#6b7280;color:#fff}.drawing-btn-secondary:hover:not(:disabled){background-color:#4b5563}@media (max-width: 768px){.drawing-modal-content{width:95%;max-height:95vh}.drawing-modal-header{padding:16px}.drawing-modal-title{font-size:18px}.drawing-modal-body{padding:16px}.drawing-modal-footer{padding:12px 16px}.drawing-modal-info{flex-direction:column;gap:8px;font-size:13px}.drawing-canvas{min-height:300px}}.nlp-help-panel{position:relative;width:340px;background:#f9fafb;border-left:1px solid #e5e7eb;display:flex;flex-direction:row;flex-shrink:0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.nlp-help-panel.collapsed{width:40px}.nlp-help-toggle{width:40px;height:100%;background:#3b82f6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;transition:background .2s ease;flex-shrink:0}.nlp-help-toggle:hover{background:#2563eb}.toggle-icon{transition:transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nlp-help-content{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}.nlp-help-content h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.help-section{margin-bottom:20px}.help-section h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#1f2937}.help-examples{display:flex;flex-direction:column;gap:6px}.help-examples code{background:#e5e7eb;padding:6px 10px;border-radius:4px;font-size:11px;font-family:Monaco,Menlo,Courier New,monospace;color:#1f2937;display:block}.nlp-help-panel.collapsed .nlp-help-content{display:none}@media (max-width: 768px){.nlp-help-panel{display:none}}