@font-face{font-family:Gramatika;src:url(/fonts/GramatikaBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--color-deep-blue: #052B42;--color-lime: #DAFF33;--color-lime-dark: #D6F34C;--color-light-blue: #F0F8FF;--color-lavender: #C1C1FF;--color-violet: #5D52F6;--color-violet-light: #EDE9FE;--color-lime-light: #F7FDE0;--color-gradient-light-blue: #DFEEFD;--color-gradient-lavender: #E0E2FD;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F5F7FA;--color-gray-200: #E8ECF1;--color-gray-300: #D1D7E0;--color-gray-400: #9AA5B5;--color-gray-500: #6B7A8C;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--font-family-display: "Gramatika", system-ui, sans-serif;--font-family-body: "Inter", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-size-h1: 3rem;--font-size-h2: 1.5rem;--font-size-h3: 1.125rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-xs: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(5, 43, 66, .05);--shadow-md: 0 4px 6px rgba(5, 43, 66, .07);--shadow-lg: 0 10px 15px rgba(5, 43, 66, .1);--shadow-xl: 0 20px 25px rgba(5, 43, 66, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--sidebar-width: 320px;--header-height: 72px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-deep-blue);background-color:var(--color-light-blue)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight)}h1{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2{font-family:var(--font-family-body);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}h3{font-family:var(--font-family-body);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}a{color:var(--color-violet);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-deep-blue)}button{font-family:var(--font-family-body);cursor:pointer}input,textarea,select{font-family:var(--font-family-body)}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);z-index:100}.app-logo{display:flex;align-items:center;gap:var(--spacing-md)}.app-logo svg{height:32px;width:auto}.app-logo-text{font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);padding-left:var(--spacing-md);border-left:1px solid var(--color-gray-300)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;margin-top:var(--header-height);flex:1}.content{margin-left:var(--sidebar-width);flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl)}.content-title{font-family:var(--font-family-display);font-size:var(--font-size-h1);color:var(--color-deep-blue);margin-bottom:var(--spacing-sm)}.content-subtitle{font-size:var(--font-size-body);color:var(--color-gray-500);max-width:600px}.bg-pattern{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,var(--color-gradient-light-blue) 0%,var(--color-gradient-lavender) 100%);pointer-events:none;overflow:hidden}.bg-pattern:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(218,255,51,.08) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.bg-pattern:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(193,193,255,.08) 0%,transparent 70%);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(5deg)}}.step-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.step-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-top:auto}.spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-deep-blue);border-radius:var(--radius-full);animation:spin .8s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-gray-200);overflow-y:auto;padding:var(--spacing-lg)}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.workflow-steps{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workflow-step{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:transparent;border:none;width:100%;text-align:left;transition:all var(--transition-fast);cursor:pointer}.workflow-step:hover{background:var(--color-gray-100)}.workflow-step:focus-visible{outline:2px solid var(--color-violet);outline-offset:2px}.workflow-step.active{background:var(--color-deep-blue);color:var(--color-white)}.workflow-step.completed{background:var(--color-lime);color:var(--color-deep-blue)}.workflow-step.pending{opacity:.5;cursor:not-allowed}.workflow-step.pending:hover{background:transparent}.workflow-step-number{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);background:var(--color-gray-200);color:var(--color-gray-500);flex-shrink:0}.workflow-step.active .workflow-step-number{background:var(--color-lime);color:var(--color-deep-blue)}.workflow-step.completed .workflow-step-number{background:var(--color-deep-blue);color:var(--color-lime)}.workflow-step-content{flex:1;min-width:0}.workflow-step-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin-bottom:2px}.workflow-step-subtitle{font-size:var(--font-size-xs);opacity:.7}.mode-selector{display:flex;gap:4px;padding:4px;background:var(--color-gray-100);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.mode-selector-btn{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm) var(--spacing-xs);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:all .15s ease;text-align:center;line-height:1.3}.mode-selector-btn:hover{color:var(--color-deep-blue);background:var(--color-gray-50)}.mode-selector-btn:focus-visible{outline:2px solid var(--color-violet);outline-offset:2px}.mode-selector-btn.active{background:var(--color-white);color:var(--color-deep-blue);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.mode-selector-btn svg{flex-shrink:0}.gateway-config{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-md)}.gateway-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.gateway-input-wrapper{display:flex;gap:var(--spacing-sm)}.gateway-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-small);background:var(--color-white)}.gateway-input:focus{outline:none;border-color:var(--color-violet)}.endpoint-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.endpoint-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.endpoint-status{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.endpoint-status.ready{background:var(--color-success)}.endpoint-status.not-ready{background:var(--color-error)}.endpoint-status.checking{background:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}.endpoint-status.unknown{background:var(--color-gray-300)}.endpoint-name{flex:1;color:var(--color-gray-600)}.endpoint-category{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-violet);outline-offset:2px}.btn-primary{background:var(--color-deep-blue);color:var(--color-lime)}.btn-primary:hover:not(:disabled){background:#024;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-lime);color:var(--color-deep-blue)}.btn-secondary:hover:not(:disabled){background:#9ee63a;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-300)}.btn-outline{background:transparent;color:var(--color-deep-blue);border:1px solid var(--color-deep-blue)}.btn-outline:hover:not(:disabled){background:var(--color-deep-blue);color:var(--color-lime)}.btn-danger{background:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#c82333}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-body)}.btn-icon{padding:var(--spacing-sm);width:36px;height:36px}.btn-icon svg{width:20px;height:20px}.btn-group{display:flex;gap:var(--spacing-sm)}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.btn-group .btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.card-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.card-subtitle{font-size:var(--font-size-small);color:var(--color-gray-500);margin-left:var(--spacing-sm)}.card-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-gray-100);color:var(--color-gray-600)}.card-badge.error{background:var(--color-error-light);color:var(--color-error)}.card-badge.success{background:var(--color-success-light);color:var(--color-success)}.card-badge.warning{background:var(--color-warning-light);color:var(--color-warning)}.processing-card{text-align:center;padding:var(--spacing-2xl)}.processing-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.processing-spinner{display:flex;align-items:center;justify-content:center}.processing-description{font-size:var(--font-size-body);color:var(--color-gray-500);max-width:400px}.error-card{border-left:4px solid var(--color-error)}.error-message{color:var(--color-error);font-size:var(--font-size-small);margin-bottom:var(--spacing-md)}.prediction-action-card{text-align:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);border:2px dashed var(--color-gray-200)}.prediction-action-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.prediction-hint{font-size:var(--font-size-small);color:var(--color-gray-400)}.prediction-info{font-size:var(--font-size-small);color:var(--color-gray-500)}input[type=text],input[type=number],input[type=email],input[type=url]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-body);background:var(--color-white);transition:border-color var(--transition-fast)}input:focus{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px #7c3aed1a}input:disabled{background:var(--color-gray-100);cursor:not-allowed}textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:var(--font-family-mono);background:var(--color-white);resize:vertical;min-height:100px}textarea:focus{outline:none;border-color:var(--color-violet)}.query-textarea{width:100%;min-height:200px;padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:1.5;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50)}.query-textarea:focus{outline:none;border-color:var(--color-violet);background:var(--color-white)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-gray-300);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--color-lime)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--color-violet);outline-offset:2px}.parameter-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.parameter-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-body)}.parameter-hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.query-editor-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.query-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border:none;width:100%;cursor:pointer}.query-editor-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium)}.query-editor-body{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.query-endpoint{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-small)}.query-endpoint-value{font-family:var(--font-family-mono);color:var(--color-violet)}.query-error-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);background:var(--color-error-light);color:var(--color-error)}.query-error-message{margin-top:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-error)}.serverless-brand{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-deep-blue);border-radius:var(--radius-lg);color:var(--color-white)}.serverless-brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:var(--radius-md)}.serverless-brand-text{display:flex;flex-direction:column}.serverless-brand-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body)}.serverless-brand-subtitle{font-size:var(--font-size-small);opacity:.8}.data-source-card{cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.data-source-card:hover{border-color:var(--color-gray-200)}.data-source-card.selected{border-color:var(--color-violet)}.data-source-header{display:flex;align-items:center;gap:var(--spacing-md)}.data-source-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg)}.data-source-icon.chembl{background:var(--color-violet-light);color:var(--color-violet)}.data-source-icon.upload{background:var(--color-lime-light);color:var(--color-deep-blue)}.data-source-icon.demo{background:var(--color-warning-light);color:var(--color-warning)}.card-body{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.chembl-search{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-input-group{display:flex;gap:var(--spacing-sm)}.search-input-group .form-input{flex:1}.search-results{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.search-result-item:hover{background:var(--color-gray-100)}.search-result-item.selected{background:var(--color-violet-light);border-color:var(--color-violet)}.search-result-info{display:flex;flex-direction:column;gap:2px}.search-result-name{font-weight:var(--font-weight-medium)}.search-result-meta{font-size:var(--font-size-small);color:var(--color-gray-500)}.chembl-load-options{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.activity-type-selector{display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-type-buttons{display:flex;gap:var(--spacing-xs)}.activity-type-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.activity-type-btn:hover{background:var(--color-gray-50)}.activity-type-btn.active{background:var(--color-violet);border-color:var(--color-violet);color:var(--color-white)}.activity-count{display:flex;align-items:baseline;gap:var(--spacing-xs)}.activity-count-number{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-violet)}.activity-count-label{color:var(--color-gray-500)}.upload-area{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upload-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.upload-label:hover{border-color:var(--color-violet);background:var(--color-violet-light)}.upload-text{font-weight:var(--font-weight-medium)}.upload-hint{font-size:var(--font-size-small);color:var(--color-gray-500)}.upload-error{color:var(--color-error);font-size:var(--font-size-small)}.demo-datasets{display:flex;flex-direction:column;gap:var(--spacing-sm)}.demo-dataset-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.demo-dataset-item:hover{background:var(--color-gray-100);border-color:var(--color-violet)}.demo-dataset-info{flex:1;display:flex;flex-direction:column;gap:2px}.demo-dataset-name{font-weight:var(--font-weight-medium)}.demo-dataset-description{font-size:var(--font-size-small);color:var(--color-gray-500)}.demo-dataset-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.demo-dataset-count{font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.demo-dataset-type{font-size:var(--font-size-xs);color:var(--color-gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center}.stat-card.success{border-color:var(--color-success);background:var(--color-success-light)}.stat-icon{margin-bottom:var(--spacing-sm);color:var(--color-gray-400)}.stat-card.success .stat-icon{color:var(--color-success)}.stat-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.stat-label{font-size:var(--font-size-small);color:var(--color-gray-500)}.distribution-chart{padding:var(--spacing-md)}.histogram{display:flex;align-items:flex-end;height:120px;gap:2px;padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md)}.histogram-bar{flex:1;background:var(--color-violet);border-radius:2px 2px 0 0;min-height:2px;transition:all var(--transition-fast)}.histogram-bar:hover{background:var(--color-deep-blue)}.histogram-axis{display:flex;justify-content:space-between;padding-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-500)}.data-split{padding:var(--spacing-md)}.data-split-bar{display:flex;height:24px;border-radius:var(--radius-md);overflow:hidden}.data-split-segment{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white)}.data-split-segment.train{background:var(--color-violet)}.data-split-segment.val{background:var(--color-lime);color:var(--color-deep-blue)}.data-split-segment.test{background:var(--color-deep-blue)}.data-split-legend{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--font-size-small)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-item.train .legend-dot{background:var(--color-violet)}.legend-item.val .legend-dot{background:var(--color-lime)}.legend-item.test .legend-dot{background:var(--color-deep-blue)}.sample-table{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.sample-table-header{display:grid;grid-template-columns:1fr 150px 80px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.sample-table-row{display:grid;grid-template-columns:1fr 150px 80px;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-gray-200)}.sample-col.smiles code{font-size:var(--font-size-xs);word-break:break-all}.status-badge{display:inline-block;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.status-badge.valid{background:var(--color-success-light);color:var(--color-success)}.status-badge.invalid{background:var(--color-error-light);color:var(--color-error)}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-small)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning)}.model-selection{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.model-option{display:flex;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.model-option:hover{border-color:var(--color-gray-300)}.model-option.selected{border-color:var(--color-violet);background:var(--color-violet-light)}.model-option input{display:none}.model-option-content{flex:1}.model-option-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.model-option-name{font-weight:var(--font-weight-semibold)}.model-option-badge{padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.model-option-badge.recommended{background:var(--color-lime);color:var(--color-deep-blue)}.model-option-badge.params{background:var(--color-gray-200);color:var(--color-gray-600)}.model-option-description{font-size:var(--font-size-small);color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.model-option-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.model-option-tag{padding:2px var(--spacing-xs);background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-gray-600)}.hyperparameters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.hyperparam-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hyperparam-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.hyperparam-input{padding:var(--spacing-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.hyperparam-hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.hyperparam-toggle-row{display:flex;align-items:center;gap:var(--spacing-sm)}.hyperparam-input-small{width:80px;padding:var(--spacing-xs);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.serverless-card{background:linear-gradient(135deg,#7c3aed0d,#0033660d);border-color:var(--color-violet)}.serverless-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-violet)}.serverless-info{padding:var(--spacing-md)}.serverless-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.serverless-spec{display:flex;flex-direction:column;gap:2px}.serverless-spec-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.serverless-spec-value{font-weight:var(--font-weight-medium)}.serverless-estimates{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.estimate-item{display:flex;align-items:center;gap:var(--spacing-sm)}.estimate-icon{color:var(--color-gray-400)}.estimate-label{font-size:var(--font-size-small);color:var(--color-gray-500)}.estimate-value{font-weight:var(--font-weight-semibold);color:var(--color-violet)}.serverless-note{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-gray-500)}.serverless-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-deep-blue) 100%);border-radius:var(--radius-lg);color:var(--color-white);margin-bottom:var(--spacing-lg)}.serverless-banner.completed{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%)}.serverless-banner.failed{background:linear-gradient(135deg,var(--color-error) 0%,#b91c1c 100%)}.serverless-banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:var(--radius-md)}.serverless-banner-content{flex:1}.serverless-banner-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);opacity:.8}.serverless-banner-status{font-weight:var(--font-weight-medium)}.serverless-banner-jobid{font-size:var(--font-size-small);opacity:.8}.training-start-card{text-align:center;padding:var(--spacing-xl)}.training-start-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.training-start-icon{margin-bottom:var(--spacing-md)}.training-start-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.training-start-description{color:var(--color-gray-500);max-width:400px}.training-start-estimates{display:flex;gap:var(--spacing-md);font-size:var(--font-size-small);color:var(--color-gray-500)}.training-progress-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.training-progress-card,.training-metrics-card{padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.training-progress-card h4,.training-metrics-card h4{margin-bottom:var(--spacing-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-500)}.progress-bar-container{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-violet),var(--color-lime));border-radius:var(--radius-full);transition:width .3s ease}.progress-details{display:flex;justify-content:space-between;font-size:var(--font-size-small);color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.progress-timing{display:flex;gap:var(--spacing-xl)}.timing-item{display:flex;flex-direction:column;gap:2px}.timing-label{font-size:var(--font-size-xs);color:var(--color-gray-400)}.timing-value{font-weight:var(--font-weight-semibold)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.metric-item{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:var(--font-size-xs);color:var(--color-gray-400)}.metric-value{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold)}.metric-value.highlight{color:var(--color-violet)}.cost-tracker{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.cost-tracker-icon{color:var(--color-lime)}.cost-tracker-content{flex:1}.cost-tracker-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500)}.cost-tracker-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-small)}.training-logs-card{max-height:300px;overflow:hidden;display:flex;flex-direction:column}.training-logs{flex:1;overflow-y:auto;padding:var(--spacing-md);background:var(--color-gray-900);border-radius:0 0 var(--radius-md) var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.log-entry{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-gray-300)}.log-entry.success{color:var(--color-success)}.log-entry.error{color:var(--color-error)}.log-entry.warning{color:var(--color-warning)}.log-time{color:var(--color-gray-500)}.log-emoji{width:20px}.training-complete-card{border-color:var(--color-success)}.training-complete-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.summary-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.summary-value.highlight{color:var(--color-success)}.quality-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--spacing-lg)}.quality-banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.quality-banner-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.quality-banner-title{font-weight:var(--font-weight-semibold)}.quality-banner-message{font-size:var(--font-size-small);color:var(--color-gray-500)}.metrics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-card{padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center}.metric-card.primary{background:linear-gradient(135deg,var(--color-violet-light) 0%,var(--color-white) 100%);border-color:var(--color-violet)}.metric-card-value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.metric-card.primary .metric-card-value{color:var(--color-violet)}.metric-card-label{font-size:var(--font-size-small);color:var(--color-gray-500)}.metric-card-bar{height:4px;background:var(--color-gray-200);border-radius:var(--radius-full);margin-top:var(--spacing-md);overflow:hidden}.metric-card-bar-fill{height:100%;background:var(--color-violet);border-radius:var(--radius-full)}.scatter-plot{padding:var(--spacing-lg)}.scatter-plot-area{position:relative;height:300px;background:var(--color-gray-50);border-radius:var(--radius-md);overflow:hidden}.scatter-diagonal{position:absolute;top:0;left:0;width:141%;height:2px;background:var(--color-gray-300);transform-origin:top left;transform:rotate(45deg)}.scatter-point{position:absolute;width:8px;height:8px;background:var(--color-violet);border-radius:50%;transform:translate(-50%,-50%);opacity:.7}.scatter-point:hover{opacity:1;z-index:1}.scatter-axis-x,.scatter-axis-y{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-gray-500)}.scatter-axis-x{padding-top:var(--spacing-xs)}.scatter-legend{text-align:center;padding-top:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.comparison-table{padding:var(--spacing-md)}.comparison-header,.comparison-row{display:grid;grid-template-columns:120px 1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.comparison-header{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200)}.comparison-label{font-weight:var(--font-weight-medium)}.comparison-value{text-align:center}.comparison-value.highlight{font-weight:var(--font-weight-bold);color:var(--color-violet)}.comparison-improvement{text-align:center;font-weight:var(--font-weight-medium)}.comparison-improvement.positive{color:var(--color-success)}.comparison-improvement.negative{color:var(--color-error)}.comparison-summary{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-success-light);border-radius:var(--radius-md);text-align:center;color:var(--color-success)}.deployment-header{display:flex;align-items:center;gap:var(--spacing-sm)}.endpoint-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.endpoint-status.ready{background:var(--color-success-light);color:var(--color-success)}.endpoint-status .status-dot{width:8px;height:8px;background:currentColor;border-radius:50%}.deployment-prompt{padding:var(--spacing-lg);text-align:center}.deployment-features{display:flex;justify-content:center;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.deployment-feature{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-gray-500)}.endpoint-info{padding:var(--spacing-md)}.endpoint-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.endpoint-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.endpoint-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.endpoint-value{font-family:var(--font-family-mono);font-size:var(--font-size-small);word-break:break-all}.screening-input{padding:var(--spacing-lg)}.form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-small);resize:vertical}.screening-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.compound-count{font-size:var(--font-size-small);color:var(--color-gray-500)}.screening-results{max-height:400px;overflow-y:auto}.results-table-header{display:grid;grid-template-columns:60px 1fr 120px 100px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-500);position:sticky;top:0}.results-table-body{border-top:1px solid var(--color-gray-200)}.results-table-row{display:grid;grid-template-columns:60px 1fr 120px 100px;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.results-col{display:flex;align-items:center}.results-col.rank{font-weight:var(--font-weight-semibold);color:var(--color-violet)}.results-col.smiles code{font-size:var(--font-size-xs)}.results-col.confidence{font-size:var(--font-size-small);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.results-col.confidence.high{background:var(--color-success-light);color:var(--color-success)}.results-col.confidence.medium{background:var(--color-warning-light);color:var(--color-warning)}.results-col.confidence.low{background:var(--color-gray-100);color:var(--color-gray-500)}.results-more{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-small);color:var(--color-gray-500)}.results-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.gpu-info-panel{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.gpu-info-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.gpu-info-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.gpu-info-item{display:flex;justify-content:space-between;font-size:var(--font-size-small)}.gpu-info-label{color:var(--color-gray-500)}.gpu-info-value{font-weight:var(--font-weight-medium)}.connection-status{margin-top:var(--spacing-sm)}.connection-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-small)}.connection-status-badge.connected{background:var(--color-success-light);color:var(--color-success)}.connection-status-badge.demo{background:var(--color-warning-light);color:var(--color-warning)}.connection-status-badge .status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.workflow-step-badge.pulse{animation:pulse 1.5s infinite}.model-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:4px;background:var(--color-gray-100);border-radius:var(--radius-lg)}.model-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-gray-500);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex:1;justify-content:center}.model-tab:hover{color:var(--color-deep-blue);background:var(--color-gray-50)}.model-tab.active{background:var(--color-white);color:var(--color-violet);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.model-tab svg{flex-shrink:0}.model-tab-count{padding:1px 8px;background:var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.model-tab.active .model-tab-count{background:var(--color-violet-light);color:var(--color-violet)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.model-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.model-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.model-card.selected{border-color:var(--color-violet);background:var(--color-violet-light)}.model-card-header{display:flex;flex-direction:column;gap:2px}.model-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.model-card-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body)}.model-card-params{padding:1px 6px;background:var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);white-space:nowrap}.model-card.selected .model-card-params{background:#7c3aed26;color:var(--color-violet)}.model-card-provider{font-size:var(--font-size-small);color:var(--color-gray-500)}.model-card-description{font-size:var(--font-size-small);color:var(--color-gray-600);line-height:1.4;flex:1}.model-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.model-card-task{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.model-card-task.regression{background:var(--color-violet-light);color:var(--color-violet)}.model-card-task.classification{background:var(--color-lime-light);color:var(--color-deep-blue)}.model-card-links{display:flex;gap:var(--spacing-xs)}.model-card-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast)}.model-card-link:hover{background:var(--color-gray-100);color:var(--color-violet)}.model-card-check{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-violet);border-radius:50%;color:var(--color-white)}.model-summary-card{border-color:var(--color-violet);background:linear-gradient(135deg,var(--color-violet-light) 0%,var(--color-white) 100%)}.model-summary-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.model-summary-item{display:flex;flex-direction:column;gap:2px}.model-summary-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.model-summary-value{font-weight:var(--font-weight-medium)}.curated-datasets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.curated-dataset-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.curated-dataset-card:hover{border-color:var(--color-violet);box-shadow:var(--shadow-sm)}.curated-dataset-header{display:flex;justify-content:space-between;align-items:flex-start}.curated-dataset-name{font-weight:var(--font-weight-semibold)}.curated-dataset-source{padding:1px 6px;background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap}.curated-dataset-description{font-size:var(--font-size-small);color:var(--color-gray-600);line-height:1.4}.curated-dataset-footer{display:flex;align-items:center;justify-content:space-between}.curated-dataset-size{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.curated-dataset-columns{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.curated-dataset-column{padding:1px 6px;background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-gray-600)}.confusion-matrix{padding:var(--spacing-lg);display:flex;justify-content:center}.confusion-matrix-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:2px;max-width:400px;width:100%}.confusion-matrix-corner{background:transparent}.confusion-matrix-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-500);border-radius:var(--radius-sm)}.confusion-matrix-label{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-500);display:flex;align-items:center;border-radius:var(--radius-sm)}.confusion-matrix-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}.confusion-matrix-cell span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#ffffffb3;margin-top:var(--spacing-xs)}.confusion-matrix-cell.tp{background:var(--color-success);color:var(--color-white)}.confusion-matrix-cell.tn{background:var(--color-success);color:var(--color-white);opacity:.8}.confusion-matrix-cell.fp,.confusion-matrix-cell.fn{background:var(--color-error);color:var(--color-white);opacity:.7}.sidebar-section-scroll{flex:1;overflow-y:auto;min-height:0}.playground-nim-list{display:flex;flex-direction:column;gap:2px}.playground-nim-group{display:flex;flex-direction:column;gap:1px;margin-bottom:var(--spacing-sm)}.playground-nim-category{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);margin-top:var(--spacing-xs)}.playground-nim-category:first-child{margin-top:0}.playground-nim-category svg{width:11px;height:11px;opacity:.5}.playground-nim-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 10px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all .15s ease;font-size:var(--font-size-small);color:var(--color-gray-700)}.playground-nim-item:hover{background:var(--color-white);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.playground-nim-item.selected{background:var(--color-deep-blue);color:var(--color-white);border-color:var(--color-deep-blue);box-shadow:0 2px 8px #052b4240}.playground-nim-item.selected .status-dot{box-shadow:0 0 0 2px #ffffff4d}.playground-nim-item.selected .playground-nim-port{color:var(--color-lime);opacity:1}.playground-nim-item .status-dot{flex-shrink:0;width:6px;height:6px}.playground-nim-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playground-nim-port{font-size:var(--font-size-xs);font-family:var(--font-family-mono);opacity:.4;flex-shrink:0}.mode-selector-btn.playground{flex:1}.mode-selector-btn.playground.active{background:var(--color-white);color:var(--color-deep-blue);box-shadow:var(--shadow-sm)}.playground-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);min-height:70vh}.playground-welcome-hero{width:100%;max-width:600px;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl)}.playground-welcome-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-deep-blue);color:var(--color-lime);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.playground-welcome-title{font-family:var(--font-family-display);font-size:2rem;font-weight:700;color:var(--color-deep-blue);margin-bottom:var(--spacing-sm)}.playground-welcome-subtitle{font-size:var(--font-size-body);color:var(--color-gray-500);max-width:400px;margin:0 auto;line-height:1.6}.playground-welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:600px;width:100%}.playground-welcome-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left;padding:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .2s ease}.playground-welcome-feature:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.playground-welcome-feature-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playground-welcome-feature-icon.structure{background:#ede9fe;color:var(--color-violet)}.playground-welcome-feature-icon.molecule{background:#ecfdf5;color:#059669}.playground-welcome-feature-icon.docking{background:#fef3c7;color:#d97706}.playground-welcome-feature-icon.utility{background:#eff6ff;color:#2563eb}.playground-welcome-feature strong{display:block;font-size:var(--font-size-small);font-weight:600;color:var(--color-deep-blue);margin-bottom:2px}.playground-welcome-feature span{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.4}.playground-nim-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.playground-nim-header-info{flex:1}.playground-nim-header h1{font-family:var(--font-family-display);font-size:1.75rem;font-weight:700;color:var(--color-deep-blue);margin-bottom:var(--spacing-xs)}.playground-nim-header p{font-size:var(--font-size-small);color:var(--color-gray-500);line-height:1.5;margin-bottom:var(--spacing-md)}.playground-nim-badges{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.playground-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.playground-badge.category{background:var(--color-deep-blue);color:var(--color-lime)}.playground-badge.port{background:var(--color-gray-100);color:var(--color-gray-600);font-family:var(--font-family-mono)}.playground-badge.gpu{background:#ede9fe;color:var(--color-violet)}.playground-badge.status-online{background:#dcfce7;color:#15803d}.playground-badge.status-offline{background:#fee2e2;color:#dc2626}.playground-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.playground-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-gray-100)}.playground-card-title{font-size:var(--font-size-small);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-400)}.playground-card-body{padding:var(--spacing-xl)}.playground-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.playground-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md) var(--spacing-lg)}.playground-form-grid .playground-field-full{grid-column:1 / -1}.playground-field{display:flex;flex-direction:column;gap:4px}.playground-field-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-700)}.playground-required{color:var(--color-error);margin-left:2px}.playground-field-hint{font-size:var(--font-size-xs);color:var(--color-gray-400);line-height:1.3}.playground-field textarea{font-size:var(--font-size-small);line-height:1.5;min-height:80px}.playground-field input[type=number]{font-variant-numeric:tabular-nums}.playground-field select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-body);background:var(--color-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%239AA5B5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.playground-field select:focus{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px #5d52f61a}.playground-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-small);color:var(--color-gray-600);padding:var(--spacing-xs) 0}.playground-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-violet);border-radius:var(--radius-sm)}.playground-multiselect{display:flex;flex-wrap:wrap;gap:6px}.playground-multiselect-btn{padding:5px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:var(--color-white);font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.playground-multiselect-btn:hover{border-color:var(--color-violet);color:var(--color-violet)}.playground-multiselect-btn.active{background:var(--color-violet);border-color:var(--color-violet);color:var(--color-white)}.playground-advanced-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-500);transition:color .15s ease}.playground-advanced-toggle:hover{color:var(--color-deep-blue)}.playground-chevron{transition:transform .2s ease;flex-shrink:0}.playground-chevron.expanded{transform:rotate(90deg)}.playground-endpoint-badge{margin-left:auto;font-size:var(--font-size-xs);padding:3px 10px;background:var(--color-deep-blue);border-radius:var(--radius-md);color:var(--color-lime);font-family:var(--font-family-mono);font-weight:500}.playground-run-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.playground-run-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,var(--color-deep-blue) 0%,#0d4a6b 100%);color:var(--color-lime);box-shadow:0 4px 12px #052b424d}.playground-run-btn:hover:not(:disabled){box-shadow:0 6px 20px #052b4266;transform:translateY(-1px)}.playground-run-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #052b424d}.playground-run-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.playground-run-btn .spinner{border-color:#daff334d;border-top-color:var(--color-lime)}.playground-run-hint{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:center}.playground-example-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-violet) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-violet) 30%,transparent);border-radius:var(--radius-lg);font-size:var(--font-size-small);color:var(--color-gray-700)}.playground-example-banner strong{color:var(--color-violet)}.playground-example-banner svg{flex-shrink:0;color:var(--color-violet)}.playground-code-block{background:var(--color-deep-blue);border:none;border-radius:var(--radius-lg);padding:var(--spacing-lg);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1.7;color:#e2e8f0;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:500px;overflow-y:auto}.playground-structure-block{font-size:var(--font-size-xs);line-height:1.5}.playground-sequence-block{font-size:var(--font-size-small);word-break:break-all;color:var(--color-lime)}.playground-result-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-gray-200)}.playground-result-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.playground-result-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.playground-result-header h3{font-size:var(--font-size-small);font-weight:600;color:var(--color-deep-blue)}.playground-result-success-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0}.playground-result-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.playground-time-badge{font-size:var(--font-size-xs);font-family:var(--font-family-mono);padding:3px 8px;background:var(--color-deep-blue);color:var(--color-lime);border-radius:var(--radius-md);font-weight:500}.playground-toggle-btn{padding:4px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.playground-toggle-btn:hover{border-color:var(--color-gray-300)}.playground-toggle-btn.active{background:var(--color-deep-blue);border-color:var(--color-deep-blue);color:var(--color-white)}.playground-result-raw{position:relative}.playground-copy-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);padding:4px 10px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:#ffffff14;color:#ffffffb3;font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.playground-copy-btn:hover{background:#ffffff26;color:var(--color-white)}.playground-result-items{display:flex;flex-direction:column}.playground-result-item{border-top:1px solid var(--color-gray-100)}.playground-result-item:first-child{border-top:none}.playground-result-item-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:none;cursor:pointer;text-align:left;font-size:var(--font-size-small);font-weight:500;color:var(--color-deep-blue);transition:background .15s ease}.playground-result-item-header:hover{background:var(--color-gray-50)}.playground-result-item-label{flex:1}.playground-result-item-actions{display:flex;gap:4px}.playground-result-item-actions .btn{opacity:.5;transition:opacity .15s ease}.playground-result-item-header:hover .playground-result-item-actions .btn{opacity:1}.playground-result-item-content{padding:0 var(--spacing-xl) var(--spacing-xl)}.playground-result-text{font-size:var(--font-size-small);line-height:1.8;color:var(--color-gray-700);white-space:pre-wrap}.playground-error{padding:var(--spacing-lg);background:#fef2f2;border-radius:var(--radius-lg);color:#991b1b;font-size:var(--font-size-small);white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono);line-height:1.6}.playground-smiles-list{display:flex;flex-direction:column;gap:3px}.playground-smiles-line{padding:6px 10px;background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-violet)}.playground-smiles-line code{font-size:var(--font-size-small);font-family:var(--font-family-mono);color:var(--color-deep-blue);word-break:break-all}.playground-request-preview{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.playground-request-preview .playground-code-block{border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:0}.playground-snippet-tabs{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--color-gray-100)}.playground-snippet-tab{padding:6px 14px;border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:var(--font-family-mono);color:var(--color-gray-500);cursor:pointer;transition:all .15s}.playground-snippet-tab:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.playground-snippet-tab.active{background:var(--color-deep-blue);color:var(--color-lime)}.playground-snippet-copy{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-gray-600);cursor:pointer;transition:all .15s}.playground-snippet-copy:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.playground-molecule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--spacing-md)}.playground-molecule-card{background:var(--color-deep-blue);border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.playground-molecule-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #052b424d}.playground-molecule-viewer{display:flex;justify-content:center;align-items:center;background:#0a1e2e;padding:var(--spacing-sm)}.playground-molecule-viewer .molecule-viewer-2d{border-radius:var(--radius-md)}.playground-molecule-info{padding:var(--spacing-sm) var(--spacing-md)}.playground-molecule-smiles{display:block;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-300);margin-bottom:4px;word-break:break-all;line-height:1.3}.playground-molecule-scores{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.playground-molecule-score{font-size:var(--font-size-xs);font-weight:600;color:var(--color-lime);font-family:var(--font-family-mono)}.playground-molecule-extra{font-size:var(--font-size-xs);color:var(--color-gray-400);font-family:var(--font-family-mono)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.form-input{padding:var(--spacing-md);font-size:var(--font-size-body);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-deep-blue);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-deep-blue)}.form-input::placeholder{color:var(--color-gray-400)}.form-hint{font-size:var(--font-size-xs);color:var(--color-gray-500)}.form-textarea{padding:var(--spacing-md);font-size:var(--font-size-body);font-family:inherit;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-deep-blue);transition:border-color var(--transition-fast);resize:vertical;min-height:120px;width:100%}.form-textarea:focus{outline:none;border-color:var(--color-deep-blue)}.form-textarea::placeholder{color:var(--color-gray-400)}.custom-prompt-card{border:2px solid var(--color-violet);background:linear-gradient(135deg,#5d52f605,#5d52f60d)}.use-case-card.custom{border-style:dashed}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-gray-300)}.status-dot.connected{background:var(--color-success)}.status-dot.disconnected{background:var(--color-error)}.status-dot.pending{background:var(--color-warning);animation:pulse 1.5s infinite}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.health-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:2px solid var(--color-gray-200);transition:all var(--transition-fast)}.health-card.healthy{border-color:var(--color-success);background:#22c55e08}.health-card.unhealthy{border-color:var(--color-error);background:#ef444408}.health-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.health-card-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.health-card-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.health-card-status.ready{background:#22c55e1a;color:var(--color-success)}.health-card-status.not-ready{background:#ef44441a;color:var(--color-error)}.health-card-status.checking{background:#f59e0b1a;color:var(--color-warning)}.health-card-endpoint{font-size:var(--font-size-xs);color:var(--color-gray-500);font-family:monospace}.health-card-description{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.health-category{margin-bottom:var(--spacing-lg)}.health-category-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.required-badge{display:inline-block;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-violet);background:#5d52f61a;padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-sm);vertical-align:middle}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.use-case-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid var(--color-gray-200);cursor:pointer;transition:all var(--transition-fast)}.use-case-card:hover{border-color:var(--color-deep-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.use-case-card.selected{border-color:var(--color-lime);background:linear-gradient(135deg,#daff330d,#daff331a)}.use-case-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-lime);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);font-size:24px}.use-case-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.use-case-description{font-size:var(--font-size-small);color:var(--color-gray-500)}.use-case-category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-violet);background:#5d52f61a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.selected-drug-details{border:2px solid var(--color-lime);background:linear-gradient(135deg,#daff3305,#daff330d)}.drug-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.drug-detail h4{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue);margin-bottom:var(--spacing-sm)}.drug-detail p{font-size:var(--font-size-small);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.monospace{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-400)}.smiles-code{display:block;font-family:monospace;font-size:var(--font-size-xs);background:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-deep-blue);word-break:break-all;margin-top:var(--spacing-xs)}.drug-caveats{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:#ffb30014;border:1px solid rgba(255,179,0,.3);border-radius:var(--radius-lg)}.caveats-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:#b37800;margin-bottom:var(--spacing-sm)}.caveats-header svg{color:#e69500;flex-shrink:0}.caveats-list{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-small);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.caveats-list li{margin-bottom:var(--spacing-xs)}.caveats-list li:last-child{margin-bottom:0}.settings-panel{background:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.settings-panel-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.settings-panel-icon{color:var(--color-gray-500)}.settings-panel-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.gateway-status{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.gateway-status-checking{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-gray-500)}.gateway-status-result{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.gateway-status-result.ready{color:var(--color-success)}.gateway-status-result.not-ready{color:var(--color-warning)}.spinner-sm{width:14px;height:14px;border-width:2px}.logo-box{display:inline-flex;align-items:center;justify-content:center;background:var(--color-lime);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md)}.logo-box svg{height:24px;width:auto}.step-content{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:var(--content-max-width)}.step-actions{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-top:auto}.step-actions .btn-ghost{margin-right:auto}.model-selection{display:flex;flex-direction:column;gap:var(--spacing-md)}.model-selection-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.model-selection-subtitle{font-size:var(--font-size-small);color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.model-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.model-grid{grid-template-columns:1fr}}.model-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid var(--color-gray-200);cursor:pointer;transition:all var(--transition-fast)}.model-card:hover{border-color:var(--color-deep-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.model-card.selected{border-color:var(--color-lime);background:linear-gradient(135deg,#daff330d,#daff331a)}.model-card:focus{outline:none;border-color:var(--color-deep-blue);box-shadow:0 0 0 3px #052b421a}.model-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.model-card-name{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.model-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500)}.model-badge.recommended{background:var(--color-lime);color:var(--color-deep-blue)}.model-badge.fast{background:#5d52f61a;color:var(--color-violet)}.model-badge.accurate{background:#22c55e1a;color:var(--color-success)}.model-card-description{font-size:var(--font-size-small);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.protein-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.protein-info-row{display:flex;gap:var(--spacing-lg)}.protein-info-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);min-width:120px}.protein-info-value{font-size:var(--font-size-small);color:var(--color-deep-blue)}.sequence-preview{font-family:monospace;font-size:var(--font-size-xs);background:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-deep-blue);word-break:break-all}.sequence-display{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.sequence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.sequence-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.sequence-content{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);max-height:200px;overflow-y:auto}.sequence-text{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6}.sequence-line{display:flex;gap:var(--spacing-md)}.sequence-position{color:var(--color-text-tertiary);min-width:40px;text-align:right;-webkit-user-select:none;user-select:none}.sequence-chunk{color:var(--color-text-primary);letter-spacing:.5px;word-break:break-all}.structure-viewer-placeholder{min-height:400px}.viewer-placeholder{display:flex;align-items:center;justify-content:center;min-height:320px;background:var(--color-gray-100);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.viewer-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-gray-400);text-align:center}.viewer-placeholder-content svg{color:var(--color-gray-300)}.viewer-placeholder-content p{font-size:var(--font-size-body);color:var(--color-gray-500)}.viewer-placeholder-hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.prediction-action-card{background:var(--color-gray-50);border:2px dashed var(--color-gray-300)}.prediction-action-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.prediction-hint{font-size:var(--font-size-xs);color:var(--color-warning)}.prediction-warning{font-size:var(--font-size-xs);color:var(--color-warning);background:#f59e0b1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.processing-card{border:2px solid var(--color-lime);background:linear-gradient(135deg,#daff3305,#daff330d)}.processing-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.processing-spinner{padding:var(--spacing-lg)}.spinner-lg{width:48px;height:48px;border-width:4px}.processing-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.processing-description{font-size:var(--font-size-small);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.molecule-generation-processing{overflow:hidden}.molecule-animation{position:relative;width:120px;height:120px;margin-bottom:var(--spacing-lg)}.molecule-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-core 2s ease-in-out infinite}@keyframes pulse-core{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.molecule-orbit{position:absolute;width:100%;height:100%;animation:rotate-orbit 8s linear infinite}@keyframes rotate-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.molecule-atom{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--color-lime);box-shadow:0 0 10px #daff3380}.molecule-atom.atom-1{top:0;left:50%;transform:translate(-50%);animation:atom-pulse 1.5s ease-in-out infinite 0s}.molecule-atom.atom-2{top:25%;right:0;animation:atom-pulse 1.5s ease-in-out infinite .25s}.molecule-atom.atom-3{bottom:25%;right:0;animation:atom-pulse 1.5s ease-in-out infinite .5s}.molecule-atom.atom-4{bottom:0;left:50%;transform:translate(-50%);animation:atom-pulse 1.5s ease-in-out infinite .75s}.molecule-atom.atom-5{bottom:25%;left:0;animation:atom-pulse 1.5s ease-in-out infinite 1s}.molecule-atom.atom-6{top:25%;left:0;animation:atom-pulse 1.5s ease-in-out infinite 1.25s}@keyframes atom-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.generation-stages{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%;max-width:280px}.generation-stage{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-small);transition:all .3s ease}.generation-stage.active{background:#daff3326;color:var(--color-deep-blue)}.generation-stage.active .stage-icon{color:var(--color-lime);animation:stage-pulse 1s ease-in-out infinite}.generation-stage.pending{color:var(--color-gray-400)}.generation-stage.completed{color:var(--color-success)}.stage-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}@keyframes stage-pulse{0%,to{opacity:1}50%{opacity:.5}}.generation-info{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.generation-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.generation-stat .stat-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.generation-stat .stat-label{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.generation-hint{max-width:400px;text-align:center}.generation-timer{margin-bottom:var(--spacing-md)}.timer-value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-lime);font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(218,255,51,.3)}.result-card{border:2px solid var(--color-success)}.result-scores{display:flex;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.score-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.score-label{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.score-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.structure-preview{background:var(--color-gray-50);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg)}.structure-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.structure-preview-content{font-family:monospace;font-size:var(--font-size-xs);line-height:1.4;color:var(--color-gray-500);padding:var(--spacing-lg);margin:0;max-height:200px;overflow-y:auto;white-space:pre}.result-actions{padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.prompt-preview{background:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.prompt-text{font-size:var(--font-size-small);color:var(--color-deep-blue);line-height:var(--line-height-relaxed);white-space:pre-wrap}.prompt-meta{display:flex;gap:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--color-gray-500)}.prompt-meta-item strong{color:var(--color-deep-blue)}.generate-card{border:2px dashed var(--color-gray-300);background:var(--color-gray-50)}.generate-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.generate-icon{margin-bottom:var(--spacing-sm)}.generate-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.generate-description{font-size:var(--font-size-small);color:var(--color-gray-500);max-width:400px;margin-bottom:var(--spacing-md)}.generate-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.generate-buttons .btn-outline{font-size:var(--font-size-small);color:var(--color-gray-500)}.generate-buttons .btn-outline:hover{color:var(--color-gray-700)}.generate-hint{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:var(--spacing-sm)}.extracted-info{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.extracted-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-500)}.extracted-value{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.extracted-value.success{color:var(--color-success)}.extracted-value.fallback{color:var(--color-gray-500)}.extracted-value.warning{color:var(--color-warning)}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--color-deep-blue);margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.card-badge.generating{display:flex;align-items:center;gap:var(--spacing-sm);background:#f59e0b1a;color:var(--color-warning)}.error-card{border:2px solid var(--color-error);background:#ef444405}.error-message{font-size:var(--font-size-small);color:var(--color-error);margin-bottom:var(--spacing-md)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-white);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue);margin-bottom:var(--spacing-xs)}.modal-subtitle{font-size:var(--font-size-small);color:var(--color-gray-500)}.modal-close{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-deep-blue)}.modal-summary{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.summary-badge{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-white);border:2px solid var(--color-gray-200)}.summary-badge.all-ready{border-color:var(--color-success);background:#22c55e0d}.summary-badge.partial{border-color:var(--color-warning);background:#f59e0b0d}.summary-count{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.summary-label{font-size:var(--font-size-small);color:var(--color-gray-500)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.service-group{margin-bottom:var(--spacing-xl)}.service-group:last-child{margin-bottom:0}.service-group-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.service-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.service-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-gray-50);transition:all var(--transition-fast)}.service-item.ready{background:#22c55e0d}.service-item.not-ready{background:#ef44440d}.service-status-indicator{flex-shrink:0;padding-top:2px}.service-info{flex:1;min-width:0}.service-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue);display:flex;align-items:center;gap:var(--spacing-sm)}.required-tag{font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);background:#5d52f61a;color:var(--color-violet)}.gpu-tag{font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs)}.gpu-tag.gpu-h200{background:#06b6d426;color:#0891b2}.gpu-tag.gpu-b200{background:#a855f726;color:#7c3aed}.gpu-tag.gpu-rtx-6000{background:#fb923c26;color:#ea580c}.service-description{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.service-endpoint{font-size:var(--font-size-xs);font-family:monospace;color:var(--color-gray-400);margin-top:var(--spacing-xs)}.service-status-label{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.service-item.ready .service-status-label{background:#22c55e1a;color:var(--color-success)}.service-item.not-ready .service-status-label{background:#ef44441a;color:var(--color-error)}.service-item.checking .service-status-label{background:#f59e0b1a;color:var(--color-warning)}.service-item.unknown .service-status-label{background:var(--color-gray-100);color:var(--color-gray-500)}.gateway-status-clickable{cursor:pointer;padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs));border-radius:var(--radius-md);transition:all var(--transition-fast)}.gateway-status-clickable:hover{background:var(--color-gray-100)}.reconnect-btn{width:100%;margin-top:var(--spacing-sm);justify-content:center}.reconnect-btn svg{flex-shrink:0}.uniprot-input-row{display:flex;gap:var(--spacing-lg);align-items:flex-start}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-small);margin-top:var(--spacing-md)}.sequence-card{border:2px solid var(--color-lime)}.protein-meta{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.protein-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.protein-meta-label{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.protein-meta-value{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.sequence-display{background:var(--color-gray-50);border-radius:var(--radius-lg);overflow:hidden}.sequence-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.sequence-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.sequence-text{font-family:monospace;font-size:var(--font-size-xs);line-height:1.6;color:var(--color-deep-blue);padding:var(--spacing-lg);margin:0;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.msa-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.optional-badge{font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);background:#fb923c26;color:#fb923c}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--color-gray-300);border-radius:var(--radius-full);transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--color-violet)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.msa-description{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0;padding:var(--spacing-sm) 0}.msa-search-content{padding:var(--spacing-md) 0 0}.msa-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.msa-info{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.msa-searching{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600)}.msa-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md);color:var(--color-error)}.msa-error .btn{margin-left:auto}.msa-result{display:flex;flex-direction:column;gap:var(--spacing-md)}.msa-result-stats{display:flex;gap:var(--spacing-xl)}.msa-stat{display:flex;flex-direction:column;gap:2px}.msa-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-violet)}.msa-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.msa-success-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#22c55e1a;border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dna-analysis-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-top:var(--spacing-md)}.dna-stats{display:flex;gap:var(--spacing-xl)}.dna-sequence{font-family:Courier New,monospace;color:var(--color-success)}.sequence-truncated{color:var(--color-gray-400);font-style:italic;padding-top:var(--spacing-xs)}.evo2-section{padding:var(--spacing-md);background:var(--color-gray-100);border-radius:var(--radius-md)}.evo2-header{margin-bottom:var(--spacing-md)}.evo2-header h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs)}.evo2-description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.evo2-variations{margin-top:var(--spacing-md)}.evo2-variations h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)}.variation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.variation-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-violet);min-width:80px}.variation-preview{flex:1;font-size:var(--font-size-xs);font-family:monospace;color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:900px){.model-selection-grid{grid-template-columns:1fr}}.model-checkbox-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-100);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.model-checkbox-card:hover{border-color:var(--color-violet);background:var(--color-white)}.model-checkbox-card.enabled{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f605,#5d52f614)}.model-checkbox-card input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--color-violet);cursor:pointer;flex-shrink:0}.model-checkbox-content{flex:1;min-width:0}.model-checkbox-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.model-checkbox-name{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.model-checkbox-description{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.4;margin:0}.model-selection-warning{font-size:var(--font-size-small);color:var(--color-error);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md)}.query-editor-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.query-editor-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.query-editor-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border:none;cursor:pointer;text-align:left;font-family:inherit}.query-editor-header:hover{background:var(--color-gray-200)}.query-editor-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.query-editor-title .chevron{transition:transform .2s ease}.query-editor-title .chevron.expanded{transform:rotate(90deg)}.query-error-badge{font-size:var(--font-size-xs);color:var(--color-error);background:#ef44441a;padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.query-editor-body{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200);background:var(--color-white)}.query-endpoint{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs)}.query-endpoint-label{color:var(--color-gray-500)}.query-endpoint-value{font-family:monospace;color:var(--color-violet);background:var(--color-gray-100);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);word-break:break-all}.query-textarea{width:100%;min-height:200px;padding:var(--spacing-md);font-family:monospace;font-size:var(--font-size-xs);line-height:1.5;color:var(--color-deep-blue);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);resize:vertical}.query-textarea:focus{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px #5d52f61a}.query-textarea.has-error{border-color:var(--color-error)}.query-error-message{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-xs)}.parallel-indicators{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg);justify-content:center}.parallel-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#5d52f61a;border-radius:var(--radius-full);font-size:var(--font-size-small);color:var(--color-violet);transition:all .3s ease}.parallel-indicator.complete{background:#10b98126;color:#10b981}.parallel-indicator.error{background:#ef444426;color:#ef4444}.parallel-indicator-time{font-size:var(--font-size-xs);opacity:.8;margin-left:var(--spacing-xs)}.results-comparison{margin-top:var(--spacing-xl)}.results-comparison-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-deep-blue);margin-bottom:var(--spacing-lg)}.results-comparison-subtitle{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-normal);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:1200px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease}.result-card:hover:not(.error){border-color:var(--color-violet);box-shadow:0 4px 12px #5d52f626}.result-card.selected{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f608,#5d52f614);box-shadow:0 4px 12px #5d52f640}.result-card.error{cursor:default;opacity:.7}.result-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.result-card-title{display:flex;align-items:center;gap:var(--spacing-sm)}.result-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.selected-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-violet);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.result-error{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md)}.result-error-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-error);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.result-error-message{font-size:var(--font-size-xs);color:var(--color-error);word-break:break-word}.result-scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.result-score{display:flex;flex-direction:column;padding:var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--radius-md)}.result-score-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:2px}.result-score-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.result-score-value.score-high{color:#10b981}.result-score-value.score-medium{color:#f59e0b}.result-score-value.score-low{color:#ef4444}.result-score-value.time{color:var(--color-violet)}.result-card-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.results-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.prediction-info{font-size:var(--font-size-small);color:var(--color-gray-500);margin-top:var(--spacing-sm)}.molecule-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.molecule-info-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.molecule-info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.molecule-info-value{font-size:var(--font-size-small);color:var(--color-deep-blue)}.molecule-smiles{font-family:monospace;font-size:var(--font-size-xs);background:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-deep-blue);word-break:break-all;display:block}.seed-mode-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.seed-mode-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.seed-mode-btn:hover{border-color:var(--color-violet);color:var(--color-text-primary)}.seed-mode-btn.active{border-color:var(--color-violet);background:#5d52f61a;color:var(--color-violet)}.seed-section{padding:var(--spacing-md) 0}.seed-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);line-height:1.5}.seed-generating{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.seed-response{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.seed-response-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);white-space:pre-wrap}.seed-smiles-result{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-violet);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.seed-smiles-label{font-size:var(--font-size-xs);color:var(--color-violet);font-weight:var(--font-weight-semibold)}.seed-smiles-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.seed-error{color:#ef4444;font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.seed-input-row{display:flex;gap:var(--spacing-sm)}.seed-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.seed-input:focus{outline:none;border-color:var(--color-violet)}.seed-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#f59e0b;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.seed-warning svg{flex-shrink:0;margin-top:2px}.current-seed{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.current-seed-structure{flex-shrink:0;background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);overflow:hidden}.current-seed-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.current-seed-label{font-size:var(--font-size-xs);color:#10b981;font-weight:var(--font-weight-semibold)}.current-seed-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.molecule-card-structure{display:flex;justify-content:center;padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-md);margin:var(--spacing-xs) 0}.parameter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.parameter-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.parameter-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.parameter-input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-deep-blue)}.parameter-input:focus{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px #5d52f61a}.parameter-hint{font-size:var(--font-size-xs);color:var(--color-gray-500)}.molecules-results{margin-top:var(--spacing-xl)}.molecules-results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.molecules-results-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-deep-blue);margin:0}.molecules-results-subtitle{font-size:var(--font-size-small);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.molecules-selection-controls{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.molecules-selected-count{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#daff331a,#daff3333);border:1px solid var(--color-lime);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.selected-count-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.selected-count-label{font-size:var(--font-size-small);color:var(--color-gray-600)}.molecules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.molecule-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.molecule-card:hover{border-color:var(--color-violet);box-shadow:0 2px 8px #5d52f626}.molecule-card.selected{border-color:var(--color-lime);background:linear-gradient(135deg,#daff3305,#daff3314)}.molecule-card.reference{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f60d,#5d52f61f)}.molecule-card.reference.selected{border-color:var(--color-violet);box-shadow:0 0 0 2px #5d52f64d}.molecule-reference-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);background:#5d52f626;color:var(--color-violet);white-space:nowrap}.molecule-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.molecule-rank{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-500);background:var(--color-gray-100);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.molecule-score{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.molecule-score.score-high{background:#10b9811a;color:#10b981}.molecule-score.score-medium{background:#f59e0b1a;color:#f59e0b}.molecule-score.score-low{background:#ef44441a;color:#ef4444}.molecule-selected-icon{margin-left:auto;color:var(--color-lime)}.molecule-smiles-preview{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-600);word-break:break-all;line-height:1.4}.mol-table{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.mol-table-header{display:grid;grid-template-columns:36px 40px 1fr 80px 160px;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.mol-table-row{display:grid;grid-template-columns:36px 40px 1fr 80px 160px;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .15s ease}.mol-table-row:last-child{border-bottom:none}.mol-table-row:hover{background:var(--color-gray-50)}.mol-table-row.selected{background:#daff330f}.mol-table-row.reference{background:#5d52f60a}.mol-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-gray-300);border-radius:4px;transition:all .15s ease}.mol-checkbox.checked{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-deep-blue)}.mol-col-rank{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-align:center}.mol-col-smiles{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.mol-col-smiles code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mol-ref-tag{flex-shrink:0;font-size:9px;font-weight:var(--font-weight-semibold);padding:1px 5px;border-radius:var(--radius-full);background:#5d52f61f;color:var(--color-violet)}.mol-col-score{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);text-align:right}.mol-col-score.score-high{color:#10b981}.mol-col-score.score-medium{color:#f59e0b}.mol-col-score.score-low{color:#ef4444}.mol-col-dls{display:flex;justify-content:flex-end}.mol-col-dls .drug-likeness-badge-row{margin-top:0}.molecules-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.structure-viewer-container{border-radius:var(--radius-lg);overflow:hidden;background:#1a1a2e}.structure-viewer{width:100%;position:relative}.structure-viewer-controls{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:#0000004d;flex-wrap:wrap}.viewer-control-group{display:flex;align-items:center;gap:var(--spacing-sm)}.viewer-control-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.viewer-control-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;cursor:pointer}.viewer-control-select:hover{background:#ffffff26}.viewer-control-select:focus{outline:none;border-color:var(--color-violet)}.viewer-control-buttons{display:flex;gap:var(--spacing-xs);margin-left:auto}.viewer-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fffc;cursor:pointer;transition:all .2s ease}.viewer-btn:hover{background:#fff3;color:#fff}.viewer-btn.active{background:var(--color-violet);border-color:var(--color-violet);color:#fff}.structure-viewer-hint{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:#ffffff80;text-align:center;background:#0003}.structure-results-viewers{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.structure-viewer-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.structure-viewer-card.selected{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f608,#5d52f614);box-shadow:0 4px 16px #5d52f640}.structure-viewer-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}.structure-viewer-card-title{display:flex;align-items:center;gap:var(--spacing-sm)}.structure-viewer-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.structure-viewer-card-scores{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.structure-viewer-score{display:flex;flex-direction:column;align-items:center}.structure-viewer-score-label{font-size:10px;color:var(--color-gray-500);text-transform:uppercase}.structure-viewer-score-value{font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.docking-structure-preview{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md)}.structure-stats{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.stat-value.score-high{color:#10b981}.stat-value.score-medium{color:#f59e0b}.stat-value.score-low{color:#ef4444}.docking-parameters{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.docking-parameters-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue);margin-bottom:var(--spacing-md)}.docking-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.docking-progress{width:100%;max-width:400px;margin-top:var(--spacing-md)}.progress-bar{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-violet),var(--color-lime));border-radius:var(--radius-full);transition:width .3s ease}.progress-text{display:block;text-align:center;margin-top:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-gray-500)}.progress-eta{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--font-size-small)}.progress-elapsed{color:var(--color-gray-400)}.progress-eta-time{color:var(--color-violet);font-weight:var(--font-weight-semibold)}.progress-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.progress-stat-value{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.progress-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.docking-live-results{margin-top:var(--spacing-md)}.live-results-label{font-size:var(--font-size-small);color:var(--color-success);font-weight:var(--font-weight-semibold)}.docking-results{margin-top:var(--spacing-xl)}.docking-results-header{margin-bottom:var(--spacing-lg)}.docking-results-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.docking-results-subtitle{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-normal);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.docking-results-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#5d52f60d,#daff330d);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.summary-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-deep-blue)}.summary-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.docking-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.docking-result-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.docking-result-card:hover{border-color:var(--color-violet);box-shadow:0 2px 8px #5d52f626}.docking-result-card.selected{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f608,#5d52f614)}.docking-result-card.reference{border-color:var(--color-lime);background:linear-gradient(135deg,#daff330d,#daff331f)}.docking-result-card.reference.selected{border-color:var(--color-lime);box-shadow:0 0 0 2px #daff334d}.docking-result-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.docking-result-structure{display:flex;justify-content:center;padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid var(--color-gray-100)}.docking-result-rank{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-500);background:var(--color-gray-100);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.docking-result-confidence{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.docking-result-confidence.confidence-high{background:#10b9811a;color:#10b981}.docking-result-confidence.confidence-medium{background:#f59e0b1a;color:#f59e0b}.docking-result-confidence.confidence-low{background:#ef44441a;color:#ef4444}.docking-result-details{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.docking-result-stat{display:flex;flex-direction:column}.docking-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.docking-stat-value{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.docking-result-smiles{margin-bottom:var(--spacing-sm)}.smiles-label{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:2px}.smiles-value{display:block;font-family:monospace;font-size:var(--font-size-xs);color:var(--color-deep-blue);background:var(--color-gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);word-break:break-all}.docking-poses-preview{padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.poses-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-xs);display:block}.poses-list{display:flex;gap:var(--spacing-xs)}.pose-confidence{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.pose-confidence.high{background:#10b9811a;color:#10b981}.pose-confidence.medium{background:#f59e0b1a;color:#f59e0b}.pose-confidence.low{background:#ef44441a;color:#ef4444}.docking-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.nebius-boost-section{background:linear-gradient(135deg,#5d52f60d,#5d52f61a);border:1px solid rgba(93,82,246,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.nebius-boost-header{display:flex;align-items:center;gap:var(--spacing-md)}.nebius-boost-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-violet) 0%,#8b5cf6 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0}.nebius-boost-title{flex:1}.nebius-boost-title h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.nebius-boost-title p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:2px 0 0}.nebius-boost-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.nebius-boost-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.nebius-boost-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-violet) 0%,#8b5cf6 100%)}.nebius-boost-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.nebius-boost-speeds{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(93,82,246,.2)}.boost-speed-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.boost-speed-options{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.boost-speed-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid rgba(93,82,246,.3);border-radius:var(--radius-md);background:transparent;color:var(--color-violet);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.boost-speed-btn:hover{background:#5d52f61a;border-color:var(--color-violet)}.boost-speed-btn.active{background:linear-gradient(135deg,var(--color-violet) 0%,#8b5cf6 100%);border-color:transparent;color:#fff}.docking-view-3d-btn{margin-top:var(--spacing-sm);width:100%}.docking-pose-viewer-card{margin-top:var(--spacing-lg);border-color:var(--color-violet)}.docking-pose-smiles{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.docking-pose-smiles code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all}.docking-pose-legend{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.pose-legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.pose-legend-color{width:12px;height:12px;border-radius:50%}.pose-legend-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rediscovery-banner{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.rediscovery-banner.success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3)}.rediscovery-banner.partial{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3)}.rediscovery-banner-icon{flex-shrink:0}.rediscovery-banner.success .rediscovery-banner-icon{color:#10b981}.rediscovery-banner.partial .rediscovery-banner-icon{color:#f59e0b}.rediscovery-banner-content{flex:1}.rediscovery-banner-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.rediscovery-banner.success .rediscovery-banner-title{color:#10b981}.rediscovery-banner.partial .rediscovery-banner-title{color:#f59e0b}.rediscovery-banner-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.rediscovery-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.rediscovery-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.rediscovery-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.rediscovery-stat-value.exact{color:#8b5cf6}.rediscovery-stat-value.high{color:#10b981}.rediscovery-stat-value.medium{color:#f59e0b}.rediscovery-stat-value.low{color:#ef4444}.rediscovery-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.threshold-slider{padding:var(--spacing-md)}.threshold-slider .slider{width:100%;height:8px;border-radius:4px;background:var(--color-border);outline:none;-webkit-appearance:none;appearance:none}.threshold-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-violet);cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0000004d}.threshold-slider .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-violet);cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0000004d}.threshold-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.rediscovery-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.comparison-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.comparison-card.reference{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f608,#5d52f614)}.comparison-card.match.exact{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf608,#8b5cf614)}.comparison-card.match.high{border-color:#10b981;background:linear-gradient(135deg,#10b98108,#10b98114)}.comparison-card.match.medium{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b08,#f59e0b14)}.comparison-card.match.low{border-color:#ef4444;background:linear-gradient(135deg,#ef444408,#ef444414)}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.comparison-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.comparison-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.reference-badge{background:#5d52f633;color:var(--color-violet)}.similarity-badge.exact{background:#8b5cf633;color:#8b5cf6}.similarity-badge.high{background:#10b98133;color:#10b981}.similarity-badge.medium{background:#f59e0b33;color:#f59e0b}.similarity-badge.low{background:#ef444433;color:#ef4444}.comparison-smiles{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);overflow-x:auto}.comparison-smiles code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);word-break:break-all}.comparison-props,.comparison-docking{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.comparison-docking{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.prop-item{display:flex;flex-direction:column;gap:2px}.prop-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.prop-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.similarity-table-container{overflow-x:auto;margin:0 calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg)}.similarity-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.similarity-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--color-border)}.similarity-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.similarity-row{cursor:pointer;transition:background-color .15s ease}.similarity-row:hover{background:#ffffff05}.similarity-row.selected{background:#5d52f61a}.similarity-row.match{background:#10b9810d}.similarity-row.match.selected{background:#10b98126}.rank-cell{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.similarity-cell{font-weight:var(--font-weight-bold)}.similarity-cell.exact{color:#8b5cf6}.similarity-cell.high{color:#10b981}.similarity-cell.medium{color:#f59e0b}.similarity-cell.low{color:#ef4444}.smiles-cell code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.dock-cell{color:var(--color-text-secondary)}.status-cell{text-align:center}.status-badge{display:inline-block;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge.exact{background:#8b5cf633;color:#8b5cf6}.status-badge.match{background:#10b98133;color:#10b981}.status-badge.below{background:#6b728033;color:#6b7280}.table-footer{text-align:center;padding:var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.summary-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.summary-stat-card.success{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#10b9811a)}.summary-stat-card.partial{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a)}.summary-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.summary-stat-icon.protein{background:#5d52f61a;color:var(--color-violet)}.summary-stat-icon.structure{background:#3b82f61a;color:#3b82f6}.summary-stat-icon.molecules{background:#ec48991a;color:#ec4899}.summary-stat-icon.docking{background:#f59e0b1a;color:#f59e0b}.summary-stat-icon.rediscovery{background:#10b9811a;color:#10b981}.summary-stat-card.partial .summary-stat-icon.rediscovery{background:#f59e0b1a;color:#f59e0b}.summary-stat-content{display:flex;flex-direction:column;gap:2px}.summary-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.summary-stat-value.high{color:#10b981}.summary-stat-value.medium{color:#f59e0b}.summary-stat-value.low{color:#ef4444}.summary-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.summary-card{margin-bottom:var(--spacing-lg)}.discovered-molecules-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.discovered-molecule-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.discovered-molecule-item.reference{border-color:var(--color-lime);background:linear-gradient(135deg,#daff330d,#daff331a)}.discovered-molecule-item.known-drug{border-color:var(--color-violet);background:linear-gradient(135deg,#5d52f608,#5d52f614)}.discovered-molecule-rank{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);min-width:32px}.discovered-molecule-info{flex:1;min-width:0}.discovered-molecule-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.discovered-molecule-name .reference-badge{display:inline-flex;align-items:center;gap:4px;color:var(--color-lime);font-weight:var(--font-weight-bold)}.discovered-molecule-name .known-drug-name{color:var(--color-violet)}.discovered-molecule-name .known-drug-badge{display:inline-block;padding:2px 6px;background:#5d52f626;color:var(--color-violet);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.discovered-molecule-name .smiles-preview{font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-text-secondary);font-weight:400}.discovered-molecule-iupac{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px;font-style:italic}.discovered-molecule-scores{display:flex;gap:var(--spacing-lg)}.discovered-molecule-scores .score-item{display:flex;flex-direction:column;align-items:center;text-align:center}.discovered-molecule-scores .score-label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.discovered-molecule-scores .score-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.discovered-molecule-scores .score-value.high{color:#10b981}.discovered-molecule-scores .score-value.medium{color:#f59e0b}.discovered-molecule-scores .score-value.low{color:#ef4444}.summary-generating{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.summary-content{padding:var(--spacing-lg);line-height:1.7}.summary-content h1,.summary-content h2,.summary-content h3{color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.summary-content h1:first-child,.summary-content h2:first-child,.summary-content h3:first-child{margin-top:0}.summary-content p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.summary-content ul,.summary-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);color:var(--color-text-secondary)}.summary-content li{margin-bottom:var(--spacing-xs)}.summary-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.summary-content code{background:var(--color-bg-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.summary-cursor{display:inline-block;width:2px;height:1em;background:var(--color-violet);animation:blink 1s infinite;margin-left:2px;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.summary-error{padding:var(--spacing-lg);color:#ef4444}.workflow-complete-banner{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.workflow-complete-icon{color:#10b981;flex-shrink:0}.workflow-complete-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#10b981;margin-bottom:var(--spacing-xs)}.workflow-complete-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:1024px){.sidebar{width:280px}.content{margin-left:280px}:root{--sidebar-width: 280px}}@media(max-width:768px){.sidebar{position:relative;width:100%}.content{margin-left:0}.app-main{flex-direction:column}}.design-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:var(--spacing-md)}.design-mode-option{display:flex;align-items:flex-start;padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-white)}.design-mode-option:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.design-mode-option.selected{border-color:var(--color-violet);background:var(--color-violet-50, #f5f3ff)}.design-mode-option.disabled{opacity:.5;cursor:not-allowed}.design-mode-option input{margin-right:var(--spacing-md);margin-top:2px}.design-mode-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.design-mode-icon{font-size:1.5rem}.design-mode-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.design-mode-description{font-size:var(--font-size-small);color:var(--color-gray-500)}.design-params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-md)}.design-param{display:flex;flex-direction:column;gap:var(--spacing-xs)}.design-param.design-param-full{grid-column:span 2}.design-param-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.design-param-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base)}.design-param-input:focus{outline:none;border-color:var(--color-violet)}.design-param-hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.design-result-info{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.design-result-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.design-result-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.design-result-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);text-transform:capitalize}.designed-sequences-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.designed-sequence-item{padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.designed-sequence-item:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.designed-sequence-item.selected{border-color:var(--color-violet);background:var(--color-violet-50, #f5f3ff)}.designed-sequence-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.designed-sequence-rank{font-weight:var(--font-weight-bold);color:var(--color-violet)}.designed-sequence-score{font-size:var(--font-size-small);color:var(--color-gray-600)}.designed-sequence-recovery{font-size:var(--font-size-small);color:var(--color-gray-500)}.selected-indicator{margin-left:auto;color:var(--color-success)}.designed-sequence-content{display:flex;align-items:center;gap:var(--spacing-md)}.designed-sequence-text{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-600);word-break:break-all}.designed-sequence-length{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-gray-400)}.selected-sequence-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.selected-sequence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.selected-sequence-header h4{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.validation-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md)}.validation-summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.validation-summary-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.validation-summary-value{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.sequence-preview{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.sequence-preview-text{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-600);word-break:break-all}.model-selection-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md)}.model-radio-option{display:flex;align-items:flex-start;padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.model-radio-option:hover{border-color:var(--color-gray-300)}.model-radio-option.selected{border-color:var(--color-violet);background:var(--color-violet-50, #f5f3ff)}.model-radio-option input{margin-right:var(--spacing-md);margin-top:2px}.model-radio-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.model-radio-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.model-radio-badge{display:inline-block;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.model-radio-badge.recommended{background:var(--color-violet-100, #ede9fe);color:var(--color-violet)}.model-radio-badge.fast{background:var(--color-lime-100, #ecfccb);color:var(--color-lime-dark, #65a30d)}.model-radio-description{font-size:var(--font-size-small);color:var(--color-gray-500)}.validation-assessment{padding:var(--spacing-md);color:var(--color-gray-700);font-size:var(--font-size-base)}.validation-scores{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.validation-score{display:flex;align-items:baseline;gap:var(--spacing-xs)}.validation-score-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.validation-score-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.validation-score-max{font-size:var(--font-size-xs);color:var(--color-gray-400)}.card-badge.excellent{background:var(--color-success-light, #d1fae5);color:var(--color-success)}.card-badge.good{background:var(--color-warning-light, #fef3c7);color:var(--color-warning)}.card-badge.needs-work{background:var(--color-error-light, #fee2e2);color:var(--color-error)}.molecule-viewer-2d{position:relative;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:var(--radius-md);overflow:hidden}.molecule-viewer-2d.molecule-viewer-empty{background:var(--color-gray-100);color:var(--color-gray-400);font-size:var(--font-size-small)}.molecule-canvas{display:block}.molecule-viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-gray-400);background:transparent}.molecule-grid{padding:var(--spacing-md)}.molecule-grid-item{display:flex;flex-direction:column;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.molecule-grid-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.molecule-grid-item.selected{border-color:var(--color-violet);background:var(--color-violet-50, #f5f3ff)}.molecule-grid-item-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.molecule-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:var(--font-family-mono);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.molecule-score{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-violet)}.molecule-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.molecule-card-structure{flex-shrink:0}.molecule-card-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.molecule-card-smiles{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-gray-600);word-break:break-all;padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-sm)}.molecule-properties{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.molecule-property{display:flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--radius-sm)}.molecule-property-label{font-size:10px;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.molecule-property-value{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.molecule-property-value.pass{color:var(--color-success)}.molecule-property-value.fail{color:var(--color-error)}.molecule-property-value.warn{color:var(--color-warning)}.drug-likeness-panel{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.drug-likeness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.drug-likeness-header h4{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0}.drug-likeness-score{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.drug-likeness-overview{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.overview-score{display:flex;flex-direction:column;align-items:center}.overview-score-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.overview-score-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.overview-lipinski{display:flex;flex-direction:column;align-items:flex-end}.lipinski-status{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.lipinski-status.pass{background:var(--color-success-light, #d1fae5);color:var(--color-success)}.lipinski-status.fail{background:var(--color-error-light, #fee2e2);color:var(--color-error)}.lipinski-violations{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.lipinski-properties{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.lipinski-property{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-md)}.lipinski-property .property-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.lipinski-property .property-value{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin:var(--spacing-xs) 0}.lipinski-property .property-value.pass{color:var(--color-success)}.lipinski-property .property-value.fail{color:var(--color-error)}.lipinski-property .property-limit{font-size:10px;color:var(--color-gray-400)}.additional-properties{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.add-property{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs)}.add-property-label{font-size:10px;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.add-property-value{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.structural-alerts{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.alerts-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--spacing-xs)}.alerts-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.alert-badge{padding:2px 8px;background:var(--color-error-light, #fee2e2);color:var(--color-error);font-size:11px;font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.drug-likeness-badge-row{display:flex;gap:var(--spacing-xs);align-items:center;margin-top:var(--spacing-xs)}.dls-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);color:#fff}.ro5-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium)}.ro5-badge.pass{background:var(--color-success-light, #d1fae5);color:var(--color-success)}.ro5-badge.fail{background:var(--color-error-light, #fee2e2);color:var(--color-error)}.drug-likeness-compact{display:flex;gap:var(--spacing-xs);align-items:center}.drug-likeness-score-badge{display:flex;flex-direction:column;align-items:center;font-size:11px;line-height:1.2}.drug-likeness-score-badge .score-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}.drug-likeness-score-badge .score-label{font-size:9px;opacity:.7}.lipinski-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium)}.lipinski-badge.pass{background:var(--color-success-light, #d1fae5);color:var(--color-success)}.lipinski-badge.fail{background:var(--color-error-light, #fee2e2);color:var(--color-error)}.k8s-panel-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transition-fast) ease-out;isolation:isolate}.k8s-panel{position:relative;z-index:10000;background:var(--color-white);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.k8s-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;background:var(--color-white);z-index:10}.k8s-panel-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-deep-blue)}.k8s-panel-close{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast)}.k8s-panel-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.k8s-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--color-gray-500)}.k8s-disconnected{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);text-align:center;color:var(--color-gray-500)}.k8s-disconnected h3{font-size:var(--font-size-lg);color:var(--color-gray-700);margin:0}.k8s-disconnected p{margin:0;max-width:300px}.k8s-disconnected code{background:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-small);margin:var(--spacing-md) 0}.k8s-context{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);font-size:var(--font-size-small);color:var(--color-gray-600)}.k8s-context-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.k8s-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ef44441a;color:var(--color-error);font-size:var(--font-size-small)}.k8s-error button{margin-left:auto;background:none;border:none;color:var(--color-error);cursor:pointer;text-decoration:underline}.k8s-error-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.k8s-error-suggestion{margin:0;font-size:var(--font-size-xs);opacity:.85}.k8s-error-trace{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:#0003;padding:2px 6px;border-radius:4px;word-break:break-all}.k8s-capacity{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.k8s-capacity h3{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin:0 0 var(--spacing-md) 0}.k8s-gpu-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.k8s-gpu-bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.k8s-gpu-bar-header{display:flex;justify-content:space-between;align-items:center}.k8s-gpu-type{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.k8s-gpu-count{font-size:var(--font-size-small);color:var(--color-gray-500)}.k8s-gpu-bar-track{height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.k8s-gpu-bar-fill{height:100%;border-radius:4px;transition:width var(--transition-normal) ease-out}.k8s-nodegroups{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.k8s-nodegroups h3{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin:0 0 var(--spacing-xs) 0}.k8s-nodegroups-description{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0 0 var(--spacing-md) 0}.k8s-nodegroup-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.k8s-nodegroup-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:linear-gradient(135deg,#8b5cf61a,#10b9811a);border-radius:var(--radius-lg);border:1px solid var(--color-violet)}.k8s-nodegroup-info{display:flex;flex-direction:column;gap:2px}.k8s-nodegroup-name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.k8s-nodegroup-details{font-size:var(--font-size-xs);color:var(--color-gray-500)}.k8s-nodegroup-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.k8s-nodegroup-count{display:flex;align-items:center;gap:var(--spacing-xs);min-width:60px;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-gray-800)}.k8s-nodegroup-count-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.k8s-scale-btn-up{background:var(--color-violet);color:#fff;border-color:var(--color-violet)}.k8s-scale-btn-up:hover:not(:disabled){background:var(--color-deep-blue);border-color:var(--color-deep-blue)}.k8s-deployments{padding:var(--spacing-lg)}.k8s-deployments h3{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin:0 0 var(--spacing-md) 0}.k8s-deployment-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.k8s-deployment-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.k8s-deployment-card:hover{border-color:var(--color-gray-300)}.k8s-deployment-card.scaling{border-color:var(--color-warning);background:#f59e0b0d}.k8s-deployment-card.unavailable{opacity:.6}.k8s-deployment-header{display:flex;flex-direction:column;gap:2px}.k8s-deployment-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.k8s-deployment-gpu{display:inline-flex;align-items:center;font-size:var(--font-size-xs);color:var(--color-white);padding:2px 6px;border-radius:var(--radius-sm);width:fit-content}.k8s-deployment-replicas{display:flex;flex-direction:column;align-items:center;gap:4px}.k8s-replica-dots{display:flex;gap:4px}.k8s-replica-dot{width:10px;height:10px;border-radius:50%;background:var(--color-gray-300);transition:all var(--transition-fast)}.k8s-replica-dot.ready{background:var(--color-success)}.k8s-replica-dot.available{background:var(--color-lime)}.k8s-replica-dot.pending{background:var(--color-warning);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.k8s-replica-count{font-size:var(--font-size-xs);color:var(--color-gray-500)}.k8s-deployment-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.k8s-scale-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-fast)}.k8s-scale-btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.k8s-scale-btn:disabled{opacity:.4;cursor:not-allowed}.k8s-scale-value{width:32px;text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-gray-800)}.k8s-quick-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.k8s-quick-actions .btn{flex:1}.k8s-quick-actions-section{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.k8s-quick-actions-section h3{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.k8s-quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.k8s-quick-actions-grid .btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.k8s-quick-actions-grid .btn svg{flex-shrink:0}.k8s-quick-actions-grid .btn-danger{color:var(--color-error);border-color:var(--color-error)}.k8s-quick-actions-grid .btn-danger:hover:not(:disabled){background:#ef44441a}@media(max-width:640px){.k8s-panel{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.k8s-deployment-card{grid-template-columns:1fr;gap:var(--spacing-sm)}.k8s-deployment-replicas{flex-direction:row;justify-content:space-between;width:100%}.k8s-deployment-actions{justify-content:flex-end;width:100%}.k8s-quick-actions{flex-direction:column}.k8s-quick-actions-grid{grid-template-columns:1fr}}.sidebar-k8s-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-small);color:var(--color-gray-700);transition:all var(--transition-fast)}.sidebar-k8s-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.sidebar-k8s-btn svg{color:var(--color-deep-blue)}