:root{--bp-bg-deep: #0d2740;--bp-bg-panel: #0e2b45;--bp-bg-input: #0a1f35;--bp-line: #9EC9FF;--bp-line-subtle: rgba(158, 201, 255, .13);--bp-line-border: rgba(158, 201, 255, .22);--bp-line-glow: rgba(158, 201, 255, .27);--bp-text-primary: #D9E9FF;--bp-text-heading: #A8CCFF;--bp-text-muted: #7A9BBF;--bp-text-label: #8BACC9;--bp-object-fill: #3A5F82;--bp-object-fill-alt: #547CA6;--bp-object-stroke: #9EC9FF;--bp-hover-glow: rgba(158, 201, 255, .2);--bp-active-glow: rgba(158, 201, 255, .4);--bp-focus-ring: rgba(158, 201, 255, .5);--bp-btn-bg: transparent;--bp-btn-border: var(--bp-line);--bp-btn-text: var(--bp-text-primary);--bp-btn-hover-bg: rgba(158, 201, 255, .1);--bp-btn-primary-bg: rgba(158, 201, 255, .15);--bp-grid-size: 20px;--bp-grid-color: rgba(255, 255, 255, .05);--bp-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bp-font-weight-normal: 400;--bp-font-weight-medium: 500;--bp-space-xs: 4px;--bp-space-sm: 8px;--bp-space-md: 16px;--bp-space-lg: 24px;--bp-space-xl: 32px;--bp-radius-sm: 4px;--bp-radius-md: 6px;--bp-radius-lg: 8px}.drawing-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;font-family:var(--bp-font-family)}.drawing-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px)}.drawing-modal-content{position:relative;background:var(--bp-bg-deep);border:1px solid var(--bp-line-border);border-radius:var(--bp-radius-lg);box-shadow:0 0 0 1px var(--bp-line-subtle),0 25px 80px #00000080;width:95%;max-width:1600px;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:var(--bp-space-md) var(--bp-space-lg);border-bottom:1px solid var(--bp-line-border);background:var(--bp-bg-panel)}.drawing-modal-title{margin:0;font-size:18px;font-weight:var(--bp-font-weight-medium);color:var(--bp-text-heading);letter-spacing:.02em}.drawing-modal-close{background:transparent;border:1px solid var(--bp-line-border);font-size:20px;color:var(--bp-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--bp-radius-sm);transition:all .2s ease}.drawing-modal-close:hover{background:var(--bp-hover-glow);border-color:var(--bp-line);color:var(--bp-text-primary)}.drawing-modal-body{flex:1;overflow:hidden;display:block;padding:0;background:var(--bp-bg-deep);position:relative;min-height:0}.drawing-canvas-column{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--bp-space-md);background:linear-gradient(var(--bp-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--bp-grid-color) 1px,transparent 1px),var(--bp-bg-deep);background-size:var(--bp-grid-size) var(--bp-grid-size)}.drawing-canvas-column.konva-grid-active{background:var(--bp-bg-deep)}.drawing-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--bp-space-sm);min-height:0;height:100%}.drawing-canvas canvas{border:none;border-radius:0}.drawing-nlp-bar{padding:var(--bp-space-md) var(--bp-space-lg);border-bottom:1px solid var(--bp-line-border);background:var(--bp-bg-panel)}.drawing-controls-card{background:var(--bp-bg-panel);border:1px solid var(--bp-line-border);border-radius:var(--bp-radius-md);padding:var(--bp-space-sm) var(--bp-space-md)}.drawing-controls-card h3{margin:0 0 var(--bp-space-sm) 0;font-size:13px;font-weight:var(--bp-font-weight-medium);color:var(--bp-text-heading);text-transform:uppercase;letter-spacing:.05em}.drawing-checkbox-label{display:flex;align-items:center;gap:var(--bp-space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:var(--bp-text-primary);font-weight:var(--bp-font-weight-normal)}.drawing-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--bp-line);background:var(--bp-bg-input);border:1px solid var(--bp-line-border);border-radius:3px}.drawing-checkbox-label:hover{color:var(--bp-text-heading)}.drawing-stage-form{display:flex;flex-direction:column;gap:var(--bp-space-sm)}.drawing-form-group{display:flex;flex-direction:column;gap:var(--bp-space-xs)}.drawing-form-group label{font-size:11px;font-weight:var(--bp-font-weight-medium);color:var(--bp-text-label);text-transform:uppercase;letter-spacing:.05em}.drawing-form-group input{padding:6px 10px;background:var(--bp-bg-input);border:1px solid var(--bp-line-border);border-radius:var(--bp-radius-sm);font-size:13px;font-family:var(--bp-font-family);color:var(--bp-text-primary)}.drawing-form-group input[type=number]{width:5em}.drawing-form-group input:focus{outline:none;border-color:var(--bp-line);box-shadow:0 0 0 2px var(--bp-focus-ring)}.drawing-form-group input::-moz-placeholder{color:var(--bp-text-muted)}.drawing-form-group input::placeholder{color:var(--bp-text-muted)}.drawing-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--bp-space-sm)}.drawing-form-info{font-size:11px;color:var(--bp-text-muted);margin-top:var(--bp-space-xs);line-height:1.4}.drawing-btn{padding:8px 16px;background:var(--bp-btn-bg);color:var(--bp-btn-text);border:1px solid var(--bp-line-border);border-radius:var(--bp-radius-sm);font-size:13px;font-weight:var(--bp-font-weight-medium);font-family:var(--bp-font-family);cursor:pointer;transition:all .2s ease}.drawing-btn:hover:not(:disabled){background:var(--bp-btn-hover-bg);border-color:var(--bp-line);color:var(--bp-text-heading)}.drawing-btn:disabled{opacity:.4;cursor:not-allowed}.drawing-btn-primary{background:var(--bp-btn-primary-bg);border-color:var(--bp-line);color:var(--bp-text-heading)}.drawing-btn-primary:hover:not(:disabled){background:var(--bp-hover-glow);box-shadow:0 0 12px var(--bp-line-glow)}.drawing-btn-secondary{background:transparent;border-color:var(--bp-line-border);color:var(--bp-text-muted)}.drawing-btn-secondary:hover:not(:disabled){background:var(--bp-btn-hover-bg);border-color:var(--bp-line);color:var(--bp-text-primary)}.drawing-modal-footer{padding:var(--bp-space-md) var(--bp-space-lg);border-top:1px solid var(--bp-line-border);background:var(--bp-bg-panel)}.drawing-modal-info{display:flex;gap:var(--bp-space-lg);font-size:13px;color:var(--bp-text-muted)}.drawing-modal-info span{display:flex;align-items:center;gap:6px}.drawing-modal-info strong{color:var(--bp-text-primary);font-weight:var(--bp-font-weight-medium)}.drawing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--bp-text-muted)}.drawing-spinner{width:48px;height:48px;border:2px solid var(--bp-line-border);border-top-color:var(--bp-line);border-radius:50%;animation:drawing-spin .8s linear infinite;margin-bottom:var(--bp-space-md)}@keyframes drawing-spin{to{transform:rotate(360deg)}}.drawing-loading p{margin:0;font-size:14px}.drawing-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ff6b6b}.drawing-error svg{margin-bottom:var(--bp-space-md);color:#ff6b6b}.drawing-error p{margin:0;font-size:14px;text-align:center}.nlp-help-panel{position:absolute;top:0;right:0;bottom:0;width:320px;background:var(--bp-bg-panel);border-left:1px solid var(--bp-line-border);display:flex;z-index:10;flex-direction:row;flex-shrink:0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.nlp-help-panel.collapsed{width:24px}.nlp-help-toggle{width:24px;height:100%;background:transparent;color:var(--bp-text-muted);border:none;border-right:1px solid var(--bp-line-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;flex-shrink:0;opacity:.6}.nlp-help-toggle:hover{opacity:1;color:var(--bp-text-heading)}.toggle-icon{transition:transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nlp-help-content{flex:1;padding:var(--bp-space-md);overflow-y:auto;overflow-x:hidden}.nlp-help-content h3{margin:0 0 var(--bp-space-md) 0;font-size:14px;font-weight:var(--bp-font-weight-medium);color:var(--bp-text-heading);text-transform:uppercase;letter-spacing:.05em}.help-section{margin-bottom:var(--bp-space-lg)}.help-section h4{margin:0 0 var(--bp-space-sm) 0;font-size:12px;font-weight:var(--bp-font-weight-medium);color:var(--bp-text-label)}.help-examples{display:flex;flex-direction:column;gap:6px}.help-examples code{background:var(--bp-bg-input);border:1px solid var(--bp-line-subtle);padding:6px 10px;border-radius:var(--bp-radius-sm);font-size:11px;font-family:Monaco,Menlo,Courier New,monospace;color:var(--bp-text-primary);display:block}.nlp-help-panel.collapsed .nlp-help-content{display:none}@media (max-width: 768px){.drawing-modal-content{width:98%;max-height:98vh;border-radius:var(--bp-radius-md)}.drawing-modal-header{padding:var(--bp-space-sm) var(--bp-space-md)}.drawing-modal-title{font-size:16px}.drawing-modal-footer{padding:var(--bp-space-sm) var(--bp-space-md)}.drawing-modal-info{flex-direction:column;gap:var(--bp-space-sm);font-size:12px}.drawing-canvas{min-height:300px}.nlp-help-panel{display:none}}