*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{height:100vh}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.app-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #1f21291a;display:flex;gap:12px;justify-content:flex-start;padding:12px 20px}.app-header h1{color:#1f2129;font-size:20px;font-weight:600;letter-spacing:.02em;line-height:1.33;margin:0}.app-header-logo{flex-shrink:0;height:32px;width:32px}.settings-button{background:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;color:#404558;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.settings-button:hover{background:#e9ecef;border-color:#9ca3af;color:#1f2129}.app-container{display:flex;flex:1 1;overflow:hidden}.left-pane{background-color:#f8f9fa;border-right:1px solid #e9ecef;flex:1 1;overflow:auto}.right-pane{display:flex;flex:1 1;flex-direction:column;overflow:hidden}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000}@media (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight}.annotationLayer .buttonWidgetAnnotation.checkBox input:required,.annotationLayer .buttonWidgetAnnotation.radioButton input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation input:required,.annotationLayer .textWidgetAnnotation textarea:required{outline:1.5px solid selectedItem}}.annotationLayer{--scale-factor:1;left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0}.annotationLayer section{box-sizing:border-box;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .buttonWidgetAnnotation.pushButton>a,.annotationLayer .linkAnnotation>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation.pushButton>canvas{height:100%;width:100%}.annotationLayer .buttonWidgetAnnotation.pushButton>a:hover,.annotationLayer .linkAnnotation>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;position:absolute;width:100%}.annotationLayer .buttonWidgetAnnotation.checkBox input,.annotationLayer .buttonWidgetAnnotation.radioButton input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation input,.annotationLayer .textWidgetAnnotation textarea{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation.checkBox input:required,.annotationLayer .buttonWidgetAnnotation.radioButton input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation input:required,.annotationLayer .textWidgetAnnotation textarea:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation input[disabled],.annotationLayer .textWidgetAnnotation textarea[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .buttonWidgetAnnotation.radioButton input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation input:hover,.annotationLayer .textWidgetAnnotation textarea:hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation input:hover,.annotationLayer .textWidgetAnnotation textarea:hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation input:focus,.annotationLayer .textWidgetAnnotation textarea:focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox :focus,.annotationLayer .buttonWidgetAnnotation.radioButton :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation.checkBox input,.annotationLayer .buttonWidgetAnnotation.radioButton input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer .annotationTextContent,.annotationLayer section svg{height:100%;position:absolute;width:100%}.annotationLayer .annotationTextContent{color:#0000;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;bottom:0;forced-color-adjust:none;left:0;line-height:1;overflow:hidden;position:absolute;right:0;text-align:left;text-align:initial;top:0}.textLayer br,.textLayer span{color:#0000;cursor:text;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400}.textLayer br::selection{background:#0000}.textLayer .endOfContent{bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:100%;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}.pdf-viewer{flex-direction:column;height:100%;padding:20px}.pdf-viewer,.upload-header{align-items:center;display:flex}.upload-header{justify-content:space-between;margin-bottom:20px;padding:0 10px;width:100%}.upload-header-left{align-items:center;display:flex;flex:1 1;margin-right:20px;min-width:0}.upload-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.upload-button{align-items:center;background:#546fff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;min-height:40px;padding:10px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:160px}.upload-button:hover{background:#3a4db2;box-shadow:0 2px 4px #546fff33;transform:translateY(-1px)}.upload-button.uploading{background:#676767;cursor:not-allowed;pointer-events:none}.upload-button.uploading:hover{box-shadow:none;transform:none}.spinner{animation:button-spin 1s linear infinite;border:2px solid #ffffff40;border-top-color:#fff;height:16px;width:16px}.button-spinner,.spinner{flex-shrink:0}.current-file{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#404558;font-size:14px;font-weight:500;max-width:calc(100% - 20px);overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.current-file,.upload-area{font-family:Inter,sans-serif;width:100%}.upload-area{align-items:center;background:#f8faff;border:2px dashed #d0d5dd;border-radius:8px;color:#676767;display:flex;flex-direction:column;height:300px;justify-content:center}.file-input{display:none}.upload-label{align-items:center;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:40px;transition:all .3s ease}.upload-label:hover{background-color:#f2f4ff;border-color:#546fff}.pdf-container{height:100%;overflow:auto;padding:20px 0}.pdf-container,.pdf-document{align-items:center;display:flex;flex-direction:column}.pdf-document{gap:20px}.pdf-page-wrapper{border-radius:4px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.page-number{background:#000000b3;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:10px;top:10px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#d02b2b;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:16px;padding:40px}.retry-button{background:#d02b2b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;padding:8px 16px;transition:background .2s ease}.retry-button:hover{background:#b91c1c}.onboarding-area{color:#1f2937;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100%;justify-content:center;margin:0 auto;max-width:500px;padding:20px;width:100%}.onboarding-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px;text-align:center}.onboarding-logo{height:48px;margin-bottom:12px;width:48px}.onboarding-header h2{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.onboarding-subtitle{color:#6b7280;font-size:16px;line-height:1.4;margin:0}.onboarding-content{display:flex;flex-direction:column;gap:24px}.quick-steps h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.steps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.step{flex-direction:column;gap:8px;text-align:center}.step,.step-number{align-items:center;display:flex}.step-number{background:#546fff;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.step span:last-child{color:#374151;font-size:13px;font-weight:500}.features-uses{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.features-column h4,.uses-column h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.features-column ul,.uses-column ul{list-style:none;margin:0;padding:0}.features-column ul li,.uses-column ul li{color:#374151;font-size:14px;line-height:1.4;padding:4px 0 4px 20px;position:relative}.features-column ul li:before{color:#10b981;content:"✓";font-size:14px;font-weight:700;left:0;position:absolute;top:4px}.uses-column ul li:before{color:#546fff;content:"•";font-size:16px;font-weight:700;left:0;line-height:1;position:absolute;top:4px}.get-started{align-items:center;background:linear-gradient(135deg,#eef2ff,#f8faff);border:1px solid #c7d2fe;border-radius:8px;cursor:pointer;display:flex;gap:12px;justify-content:center;padding:16px;text-align:center;transition:all .2s ease}.get-started:hover{background:linear-gradient(135deg,#e0e7ff,#eef2ff);border-color:#546fff;box-shadow:0 2px 8px #546fff26;transform:translateY(-1px)}.get-started svg{color:#546fff;flex-shrink:0}.get-started p{color:#374151;font-size:15px;font-weight:500;margin:0}@media (max-width:768px){.onboarding-area{padding:16px}.onboarding-header h2{font-size:20px}.onboarding-subtitle{font-size:14px}.steps-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.features-uses{gap:16px;grid-template-columns:1fr}.step span:last-child{font-size:12px}.features-column ul li,.uses-column ul li{font-size:13px}}.field-item-container{margin-bottom:4px}.field-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:8px;min-height:52px;padding:8px;transition:all .2s ease}.field-item:hover{border-color:#007bff;box-shadow:0 2px 4px #0000001a}.field-item.dragging{opacity:.5}.field-controls{gap:4px}.drag-handle,.field-controls{align-items:center;display:flex}.drag-handle{background:none;border:none;color:#999;cursor:grab;padding:4px}.drag-handle:active{cursor:grabbing}.expand-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;padding:4px}.field-input{background:#fff;border:1px solid #d0d5dd;border-radius:6px;box-sizing:border-box;color:#1f2129;font-family:Inter,sans-serif;font-size:14px;height:36px;line-height:1.4;margin:0;outline:none;padding:6px 10px;vertical-align:middle}.field-input:focus{border-color:#546fff;box-shadow:0 0 0 2px #546fff1a;outline:none}.field-name{min-width:120px}.field-type{min-width:100px}.field-description{flex:1 1}.field-description:focus{border-color:#546fff;box-shadow:0 0 0 2px #546fff1a;outline:none}.required-checkbox{align-items:center;color:#666;display:flex;font-size:14px;gap:4px}.required-checkbox input{margin:0}.field-actions{gap:4px}.action-button,.field-actions{align-items:center;display:flex}.action-button{background:none;border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .2s ease}.action-button:hover{background:#f0f0f0}.action-button.add-child{color:#28a745}.action-button.delete{color:#dc3545}.children-container{border-left:2px solid #e0e0e0;margin-left:20px;margin-top:8px;padding-left:20px}.table-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;padding:6px 10px}.table-label{color:#495057;font-size:12px;font-weight:500}.model-builder{gap:16px}.fields-list,.model-builder{display:flex;flex-direction:column}.fields-list{gap:8px}.add-field-button{align-items:center;background:none;border:2px dashed #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.add-field-button:hover{background:#f0f8ff;border-color:#007bff;color:#007bff}.custom-select{font-family:Inter,sans-serif;position:relative;width:100%}.select-trigger{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:10px 12px;transition:all .2s ease}.select-trigger:hover{border-color:#546fff}.select-trigger.open{border-color:#546fff;box-shadow:0 0 0 2px #546fff1a}.selected-option{align-items:center;color:#1f2129;display:flex;flex:1 1;font-size:14px;gap:8px}.placeholder{color:#9ca3af}.option-logo{flex-shrink:0;height:18px;object-fit:contain;width:18px}.arrow{color:#6b7280;font-size:12px;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.arrow.up{transform:rotate(180deg)}.select-dropdown{background:#fff;border:1px solid #d0d5dd;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-box{border-bottom:1px solid #e5e7eb;padding:8px}.search-input{border:1px solid #d0d5dd;border-radius:4px;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:6px 8px;width:100%}.search-input:focus{border-color:#546fff;box-shadow:0 0 0 1px #546fff1a}.options-container{max-height:240px;overflow-y:auto}.option-group{border-bottom:1px solid #f3f4f6}.option-group:last-child{border-bottom:none}.group-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 12px 4px;text-transform:uppercase}.option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background-color .15s ease}.option:hover{background:#f3f4f6}.option.selected{background:#eef2ff;color:#546fff;font-weight:500}.option.selected:hover{background:#e0e7ff}.no-options{color:#6b7280;font-size:14px;padding:20px;text-align:center}.options-container::-webkit-scrollbar{width:6px}.options-container::-webkit-scrollbar-track{background:#f3f4f6}.options-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.options-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.configuration-panel{background:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100%}.tabs{border-bottom:1px solid #e9ecef;display:flex}.tab{background:none;border:none;color:#404558;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:12px;transition:all .2s ease}.tab:hover{background:#f8f9fa}.tab.active{border-bottom:2px solid #546fff;color:#546fff}.config-content,.output-content{flex:1 1;overflow:auto;padding:20px}.config-content{gap:24px}.config-section{margin-bottom:24px}.config-section:last-child{margin-bottom:0}.config-section h3{color:#1f2129;font-family:Inter,sans-serif;font-size:20px;font-weight:600;letter-spacing:.02em;margin-bottom:12px}.config-input,.config-select:not(.custom-select),.prompt-textarea{background:#fff;border:1px solid #d0d5dd;border-radius:6px;color:#1f2129;font-family:Inter,sans-serif;font-size:14px;padding:10px;width:100%}.config-select.custom-select{background:none;border:none;padding:0}.config-input:focus,.config-select:not(.custom-select):focus,.prompt-textarea:focus{border-color:#546fff;box-shadow:0 0 0 2px #546fff1a;outline:none}.grouped-select optgroup{background:#f8f9fa;color:#1f2129;font-size:13px;font-weight:600;letter-spacing:.05em;padding:8px 0 4px;text-transform:uppercase}.grouped-select option{background:#fff;color:#404558;font-weight:400;padding:8px 12px}.grouped-select option:hover{background:#f8f9fa}.grouped-select option:checked{background:#546fff;color:#fff}.prompt-textarea{font-family:Inter,sans-serif;line-height:1.5;min-height:100px;resize:vertical}.actions{display:flex;gap:12px;margin-top:24px}.export-button,.extract-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:12px;transition:all .2s ease}.extract-button{background:#546fff;color:#fff}.extract-button:hover:not(:disabled){background:#3a4db2}.extract-button:disabled{background:#676767;cursor:not-allowed;opacity:.7}.extract-button:disabled:hover{background:#676767;box-shadow:none;transform:none}.extract-button:disabled[title*="Missing API keys"]{background:#d02b2b;opacity:.8}.extract-button:disabled[title*="Missing requirements"]{background:#ed6e33;opacity:.8}.export-button{background:#676767;color:#fff}.export-button:hover{background:#404558}.json-output{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#1f2129;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;overflow:auto;padding:16px}.no-data{color:#676767;font-family:Inter,sans-serif;font-size:14px;margin-top:50px;text-align:center}.loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:16px;margin-top:50px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.service-indicator{background:#f8f9fa;border-radius:4px;color:#6c757d;margin-top:12px;padding:8px;text-align:center}.service-indicator.openai{background:#f2f4ff;border:1px solid #bbc5ff;color:#546fff}.data-model-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.data-model-header h3{margin:0}.generate-model-button{align-items:center;background:#41a451;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.generate-model-button:hover:not(:disabled){background:#18855e;transform:translateY(-1px)}.generate-model-button:disabled{background:#676767;cursor:not-allowed;opacity:.7;transform:none}.button-spinner{animation:button-spin 1s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.api-key-section{width:100%}.api-key-section h3{margin-bottom:12px}.api-key-status{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;font-family:Inter,sans-serif;justify-content:space-between;padding:12px}.api-key-backend,.api-key-configured,.api-key-missing{align-items:center;display:flex;justify-content:space-between;width:100%}.status-indicator{font-size:14px}.status-indicator.configured{color:#18855e}.status-indicator.missing{color:#d02b2b}.status-indicator.backend{color:#546fff}.add-key-button,.manage-keys-button{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.manage-keys-button{background:#546fff;color:#fff}.manage-keys-button:hover{background:#3a4db2}.add-key-button{background:#41a451;color:#fff}.add-key-button:hover{background:#18855e}.model-info{background:#f8f9fa;border-left:3px solid #546fff;border-radius:6px;margin-top:8px;padding:8px}.model-info small{color:#676767;font-family:Inter,sans-serif;font-style:italic}.service-indicator.backend{background:#f2f4ff;color:#546fff}.service-indicator.provider{background:#f0fdf4;color:#18855e}.requirements-status{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.requirements-complete{text-align:center}.requirements-complete p{color:#676767;font-family:Inter,sans-serif;font-size:14px;margin:8px 0 0}.requirements-incomplete{text-align:left}.requirements-incomplete p{color:#676767;font-family:Inter,sans-serif;font-size:14px;margin:8px 0 12px}.requirements-list{color:#404558;font-family:Inter,sans-serif;font-size:14px;margin:0;padding-left:20px}.requirements-list li{line-height:1.4;margin-bottom:4px}.requirements-list li:last-child{margin-bottom:0}.sidebar-overlay{background:#1f212980;bottom:0;left:0;z-index:1000}.sidebar,.sidebar-overlay{position:fixed;right:0;top:0}.sidebar{background:#fff;box-shadow:-2px 0 10px #1f21291a;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;width:400px;z-index:1001}.sidebar-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:20px}.sidebar-header,.sidebar-title{align-items:center;display:flex}.sidebar-title{gap:12px}.sidebar-title h2{color:#1f2129;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#676767;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:#e9ecef;color:#1f2129}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.sidebar-description{color:#676767;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0 0 24px}.settings-section{margin-bottom:32px}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.section-header h3{color:#1f2129;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0}.section-description{color:#676767;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0 0 16px}.backend-settings{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.checkbox-wrapper{align-items:center;display:flex;justify-content:space-between}.checkbox-label{align-items:center;color:#1f2129;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px}.checkbox-input{display:none}.checkbox-custom{border:2px solid #d0d5dd;border-radius:3px;height:16px;position:relative;transition:all .2s ease;width:16px}.checkbox-input:checked+.checkbox-custom{background:#546fff;border-color:#546fff}.checkbox-input:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:2px;position:absolute;top:-1px;transform:rotate(45deg);width:6px}.status-indicator{border-radius:12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:2px 8px}.status-indicator.online{background:#d1fae5;color:#18855e}.status-indicator.offline{background:#fee2e2;color:#d02b2b}.backend-url-input{display:flex;flex-direction:column;gap:8px}.backend-url-input label{font-weight:500}.backend-url-input label,.url-input{color:#1f2129;font-family:Inter,sans-serif;font-size:14px}.url-input{background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:8px 12px}.url-input:focus{border-color:#546fff;box-shadow:0 0 0 2px #546fff1a;outline:none}.api-keys-list{display:flex;flex-direction:column;gap:24px}.api-key-item{background:#f8faff;border:1px solid #e9ecef;border-radius:8px;padding:16px}.provider-info{margin-bottom:12px}.provider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.provider-header h3{color:#1f2129;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0}.key-status{align-items:center;background:#d1fae5;border-radius:12px;color:#18855e;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.provider-description{color:#676767;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;margin:0}.key-input-section{display:flex;flex-direction:column;gap:8px}.field-input-group{margin-bottom:16px}.field-input-group:last-child{margin-bottom:0}.field-label{color:#1f2129;display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px}.field-label .required{color:#d02b2b;margin-left:2px}.sidebar .field-description{color:#676767;font-family:Inter,sans-serif;font-size:12px;line-height:1.4;margin:0 0 8px}.key-input-wrapper{align-items:center;display:flex;position:relative}.key-input{background:#fff;border:1px solid #d0d5dd;border-radius:6px;color:#1f2129;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:10px 80px 10px 12px}.key-input:focus{border-color:#546fff;box-shadow:0 0 0 2px #546fff1a;outline:none}.input-actions{display:flex;gap:4px;position:absolute;right:8px}.sidebar .action-button{align-items:center;background:none;border:none;border-radius:6px;color:#676767;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.sidebar .action-button:hover{background:#f0f0f0;color:#1f2129}.clear-button:hover{background:#fee2e2;color:#d02b2b}.sidebar-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 20px}.security-note{margin:0}.security-note p{color:#676767;font-family:Inter,sans-serif;font-size:12px;line-height:1.4;margin:0}@media (max-width:480px){.sidebar{width:100vw}}.modal-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;z-index:2000}.api-key-warning-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:480px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}.modal-header{gap:12px;padding:24px 24px 0}.modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.warning-icon{color:#dc3545}.modal-content{overflow-y:auto}.modal-message{color:#555;font-size:15px;line-height:1.5;margin:0 0 20px}.missing-keys-list{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;list-style:none;margin:0 0 20px;padding:16px}.missing-keys-list li{align-items:center;color:#856404;display:flex;font-weight:500;gap:10px;padding:8px 0}.missing-keys-list li:not(:last-child){border-bottom:1px solid #ffeaa7}.missing-keys-list svg{color:#f39c12;flex-shrink:0}.modal-help{color:#666;font-size:14px;line-height:1.5;margin:0}.modal-actions{justify-content:flex-end;padding:0 24px 24px}.cancel-button,.settings-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button{background:#e9ecef;color:#495057}.cancel-button:hover{background:#dee2e6}.settings-button{align-items:center;background:#007bff;color:#fff;display:flex;gap:8px}.settings-button:hover{background:#0056b3}@media (max-width:480px){.api-key-warning-modal{margin:10px;width:95%}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f212999;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.model-replace-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #1f21291a,0 10px 10px -5px #1f21290a;left:50%;max-height:90vh;max-width:560px;outline:none;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1001}.model-replace-modal:focus{outline:2px solid #546fff;outline-offset:2px}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:20px 24px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#1f2129;gap:12px}.modal-title h3{font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:6px;color:#676767;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close-button:hover{background:#e9ecef;color:#1f2129}.modal-close-button:focus{outline:2px solid #546fff;outline-offset:2px}.modal-content{padding:24px}.modal-description{margin-bottom:24px}.modal-description p{color:#404558;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;margin:0 0 12px}.modal-description p:last-child{margin-bottom:0}.modal-options{display:flex;flex-direction:column;gap:16px}.option-card{background:#f8faff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.option-card:hover{background:#f2f4ff;border-color:#bbc5ff}.option-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.option-header h4{color:#1f2129;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0}.option-card p{color:#676767;font-family:Inter,sans-serif;font-size:14px;line-height:1.4;margin:0 0 8px}.option-warning{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#d02b2b}.option-info,.option-warning{font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:6px 12px}.option-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#18855e}.modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;padding:20px 24px}.modal-cancel-button,.modal-merge-button,.modal-replace-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.modal-cancel-button{background:#fff;border:1px solid #d0d5dd;color:#676767}.modal-cancel-button:hover{background:#f8f9fa;border-color:#9ca3af}.modal-cancel-button:focus{outline:2px solid #546fff;outline-offset:2px}.modal-merge-button{background:#41a451;color:#fff;flex:1 1}.modal-merge-button:hover{background:#18855e;transform:translateY(-1px)}.modal-merge-button:focus{outline:2px solid #546fff;outline-offset:2px}.modal-replace-button{background:#546fff;color:#fff;flex:1 1}.modal-replace-button:hover{background:#3a4db2;transform:translateY(-1px)}.modal-replace-button:focus{outline:2px solid #546fff;outline-offset:2px}@media (max-width:640px){.model-replace-modal{margin:20px;max-width:95vw}.modal-options{gap:12px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}