:root{--brand-primary:#0070f3;--brand-primary-hover:#0060df;--brand-secondary:#f0f0f0;--brand-accent:#0070f3;--brand-gradient:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%)}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background:#f5f5f5;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem 3rem}.app-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem 0;margin-bottom:2rem;box-shadow:0 4px 20px rgba(0,0,0,.15)}.app-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:0}.app-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.025em}.app-header .subtitle{color:hsla(0,0%,100%,.7);font-size:.9rem;margin:0}.output-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:900px){.output-grid{grid-template-columns:1fr}.container{padding:1.5rem}}h1{font-size:2rem;margin-bottom:.5rem;color:#111}h2{font-size:1.5rem;color:#333}h2,p{margin-bottom:1rem}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500}input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 15%,transparent)}textarea{min-height:150px;resize:vertical}button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button.primary{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-primary) 30%,transparent)}button.primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 40%,transparent)}button.primary:active{transform:translateY(0)}button.primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}button.secondary{background:var(--brand-secondary);color:#374151;margin-left:.5rem;border:1px solid #e5e7eb}button.secondary:hover{background:#e5e7eb;border-color:#d1d5db}.card{background:#fff;border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.04);transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}.output-panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;min-height:200px;white-space:pre-wrap;font-family:SF Mono,Consolas,monospace;font-size:.9rem;line-height:1.5}.output-panel.loading{color:#666;font-style:italic}.output-panel.error{color:#d32f2f;background:#ffebee;border-color:#ffcdd2}.markdown-output-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .3s ease}.markdown-output-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.markdown-output-title{margin:0;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;color:#1a1a2e;background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:1px solid #eee}.markdown-output-error{display:flex;align-items:center;gap:.75rem;margin:1rem 1.5rem 0;padding:.875rem 1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.9rem}.markdown-output-error .error-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#dc2626;color:#fff;border-radius:50%;font-weight:700;font-size:.8rem;flex-shrink:0}.markdown-output-warning{margin:1rem 1.5rem 0;padding:.875rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:.85rem}.markdown-output-warning .warning-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.markdown-output-warning .warning-icon{font-size:1rem}.markdown-output-warning .warning-title{font-weight:600;flex:1 1}.markdown-output-warning .warning-count{font-size:.75rem;color:#a16207;background:hsla(0,0%,100%,.5);padding:.125rem .5rem;border-radius:4px}.markdown-output-warning .warning-section{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-top:.375rem;padding-left:1.5rem}.markdown-output-warning .warning-label{font-size:.8rem;color:#a16207}.markdown-output-warning .warning-vars{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;background:hsla(0,0%,100%,.6);padding:.125rem .375rem;border-radius:3px;color:#b45309}.markdown-output-content{padding:1.5rem;min-height:200px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.7;color:#374151}.markdown-output-content.empty{display:flex;align-items:center;justify-content:center}.markdown-placeholder{color:#9ca3af;font-style:italic}.markdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid var(--brand-primary);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.markdown-output-content h1,.markdown-output-content h2,.markdown-output-content h3,.markdown-output-content h4{margin-top:1.5rem;margin-bottom:.75rem;color:#1a1a2e;font-weight:600;line-height:1.3}.markdown-output-content h1:first-child,.markdown-output-content h2:first-child,.markdown-output-content h3:first-child{margin-top:0}.markdown-output-content h1{font-size:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--brand-primary)}.markdown-output-content h2{font-size:1.25rem;color:var(--brand-primary)}.markdown-output-content h3{font-size:1.1rem}.markdown-output-content p{margin-bottom:1rem}.markdown-output-content p:last-child{margin-bottom:0}.markdown-output-content ol,.markdown-output-content ul{margin:1rem 0;padding-left:0;list-style:none}.markdown-output-content ol li,.markdown-output-content ul li{position:relative;padding-left:1.75rem;margin-bottom:.625rem}.markdown-output-content ul li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;background:var(--brand-primary);border-radius:50%}.markdown-output-content ol{counter-reset:item}.markdown-output-content ol li:before{content:counter(item);counter-increment:item;position:absolute;left:0;top:0;width:1.25rem;height:1.25rem;background:var(--brand-primary);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.markdown-output-content strong{color:#1a1a2e;font-weight:600}.markdown-output-content em{font-style:italic;color:#4b5563}.markdown-output-content a{color:var(--brand-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.markdown-output-content a:hover{border-bottom-color:var(--brand-primary)}.markdown-output-content code{background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:.9em;color:#e11d48}.markdown-output-content pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.markdown-output-content pre code{background:none;padding:0;color:inherit;font-size:.85rem}.markdown-output-content blockquote{margin:1rem 0;padding:1rem 1.25rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid var(--brand-primary);border-radius:0 8px 8px 0;color:#1e40af}.markdown-output-content blockquote p:last-child{margin-bottom:0}.markdown-output-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.markdown-output-content td,.markdown-output-content th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.markdown-output-content th{background:#f9fafb;font-weight:600;color:#374151}.markdown-output-content tr:hover td{background:#f9fafb}.markdown-output-content hr{margin:2rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status.success{background:#e8f5e9;color:#2e7d32}.status.error{background:#ffebee;color:#c62828}.status.pending{background:#fff3e0;color:#ef6c00}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.meta{font-size:.875rem;color:#666}.combobox{position:relative}.combobox,.combobox input{width:100%}.combobox-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 6px rgba(0,0,0,.1)}.combobox-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #eee}.combobox-item:last-child{border-bottom:none}.combobox-item:hover{background:#f5f5f5}.combobox-item.loading{color:#666;font-style:italic;cursor:default}.combobox-item-content{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.combobox-item-url{font-size:.95rem;color:var(--brand-primary);word-break:break-all}.combobox-item-name{font-size:.85rem;color:#666;margin-top:.25rem}.combobox-item-colors{display:flex;gap:.25rem;flex-shrink:0}.combobox-color-dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.1)}.scraped-data-section{margin-top:1rem}.expandable-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;color:#333;text-align:left;transition:background .2s}.expandable-header:hover{background:#e9ecef}.expandable-header.secondary{background:#fff;border-color:#ddd;font-size:.9rem}.expandable-header.secondary:hover{background:#f5f5f5}.expandable-icon{font-size:.75rem;color:#666}.expandable-content{border:1px solid #e0e0e0;border-top:none;border-radius:0 0 4px 4px;padding:1rem;background:#fff}.structured-data-section h4{margin:0 0 .75rem;font-size:1rem;color:#333}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table td,.data-table th{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #eee}.data-table th{background:#f8f9fa;font-weight:600;color:#555;width:25%}.data-table td{color:#333;word-break:break-word}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8f9fa}.social-link{display:block;margin-bottom:.25rem}.social-link:last-child{margin-bottom:0}.raw-markdown-section{margin-top:1rem}.raw-markdown-content{border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;background:#f8f9fa;max-height:400px;overflow-y:auto}.raw-markdown-content pre{margin:0;padding:1rem;font-family:SF Mono,Consolas,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#333}.color-swatches{display:flex;flex-direction:column;gap:.5rem}.color-swatch-item{display:flex;align-items:center;gap:.5rem}.color-swatch{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #ddd;box-shadow:0 1px 2px rgba(0,0,0,.1)}.color-label{font-family:SF Mono,Consolas,monospace;font-size:.85rem;color:#333}.color-meta{font-size:.8rem;color:#666;font-style:italic;margin-top:.25rem}.all-colors-section{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e0e0e0}.all-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.5rem;gap:.5rem}.keyword-chips{display:flex;flex-wrap:wrap;gap:.375rem}.keyword-chip{display:inline-block;padding:.25rem .625rem;background:#e3f2fd;color:#1565c0;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap}.style-chips{display:flex;flex-wrap:wrap;gap:.375rem}.style-chip{display:inline-block;padding:.25rem .625rem;background:#f3e5f5;color:#7b1fa2;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap;text-transform:capitalize}.theme-chips{display:flex;flex-wrap:wrap;gap:.375rem}.theme-chip{display:inline-block;padding:.25rem .625rem;background:#e8f5e9;color:#2e7d32;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap;text-transform:capitalize}.value-with-proof{display:flex;flex-direction:column;gap:.5rem}.value-content{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.proof-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#fff8e1;color:#f57c00;border:1px solid #ffe0b2;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s;flex-shrink:0}.proof-toggle:hover{background:#ffecb3;border-color:#ffcc80}.proof-content{background:#fffde7;border:1px solid #fff9c4;border-radius:6px;padding:.75rem;font-size:.85rem;line-height:1.5;color:#5d4037}.proof-label{font-weight:600;color:#ef6c00;margin-right:.25rem}.data-table td:has(.proof-toggle){position:relative}.data-table tr:has(.proof-content) td:first-child{position:relative}.data-table tr:has(.proof-content) td:first-child:after{content:"📋";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.6}.prompt-viewer{background:#fafafa;border:1px solid #e0e0e0}.prompt-viewer h3{margin-bottom:.5rem}.prompt-list{display:flex;flex-direction:column;gap:1.5rem}.prompt-item{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem}.prompt-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.prompt-header h4{margin:0;font-size:1.1rem;font-family:monospace;color:#333}.source-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:500}.source-badge.hub{background:#d4edda;color:#155724}.source-badge.local{background:#fff3cd;color:#856404}.prompt-variables{font-size:.85rem;color:#666;margin-bottom:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px;font-family:monospace}.prompt-section{margin-top:.75rem}.prompt-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#555}.copy-button{font-size:.8rem;padding:.25rem .75rem;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s}.copy-button:hover{background:#e0e0e0}.copy-button:active{background:#d0d0d0}.prompt-content{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;font-family:Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.loading-indicator{text-align:center;padding:2rem;color:#666}.persona-table-container{display:flex;flex-direction:column;gap:1rem}.persona-header{justify-content:space-between;flex-wrap:wrap}.persona-header,.persona-stats{display:flex;align-items:center;gap:1rem}.persona-count{font-weight:600;color:#333}.persona-generated-at{font-size:.85rem;color:#666}.persona-actions{display:flex;gap:.5rem}.persona-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.persona-search{flex:1 1;min-width:200px}.persona-search input{width:100%}.persona-category-filter select,.persona-search input{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.persona-category-filter select{background:#fff;min-width:180px}.persona-expand-controls{display:flex;gap:.5rem}.persona-expand-controls button{padding:.5rem .75rem;font-size:.85rem}.persona-filter-results{font-size:.85rem;color:#666;padding:.5rem 0}.persona-groups{display:flex;flex-direction:column;gap:1.5rem}.persona-category-group{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.persona-category-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.persona-category-header h4{margin:0;font-size:1rem;color:#333}.persona-category-actions{display:flex;align-items:center;gap:.75rem}.persona-category-count{font-size:.85rem;color:#666}.persona-category-actions button.small{padding:.35rem .75rem;font-size:.8rem}.persona-table{width:100%;border-collapse:collapse;font-size:.875rem}.persona-table td,.persona-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee;vertical-align:top}.persona-table th{background:#fafafa;font-weight:600;color:#555;font-size:.8rem;text-transform:uppercase;letter-spacing:.025em}.persona-col-title{width:18%}.persona-col-generic,.persona-col-specific{width:41%}.persona-table tbody tr:last-child td{border-bottom:none}.persona-table tbody tr:hover{background:#fafafa}.persona-table tbody tr.expanded{background:#f5f5f5}.persona-description{line-height:1.5;color:#333}.persona-description.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.persona-description.expanded{display:block}.persona-description.specific,.persona-expand-btn{color:var(--brand-primary)}.persona-expand-btn{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:transparent;border:none;font-size:.8rem;cursor:pointer;text-decoration:underline}.persona-expand-btn:hover{color:var(--brand-primary-hover)}.persona-empty,.persona-no-results{text-align:center;padding:2rem;color:#666}.persona-empty button{margin-top:1rem}.persona-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#666}.persona-loading-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top:2px solid var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.persona-section{margin-top:1rem}.persona-context-status{margin-bottom:1.5rem;padding:1rem;border-radius:8px;border:1px solid}.persona-context-status.ready{background:#f0fdf4;border-color:#86efac}.persona-context-status.missing{background:#fef3c7;border-color:#fcd34d}.context-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.status-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.9rem;font-weight:700}.status-indicator.ready{background:#22c55e;color:#fff}.status-indicator.missing{background:#f59e0b;color:#fff}.status-text{font-weight:600;color:#333}.context-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.context-field{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem}.context-field.present{background:#dcfce7;border:1px solid #86efac}.context-field.missing{background:#fef9c3;border:1px solid #fde047}.field-indicator{font-weight:700;flex-shrink:0}.context-field.present .field-indicator{color:#16a34a}.context-field.missing .field-indicator{color:#d97706}.field-label{font-weight:500;color:#374151}.field-value{display:block;font-size:.8rem;color:#6b7280;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.context-help-text{margin-top:1rem;padding:.75rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;font-size:.875rem;color:#9a3412}.brand-preview-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05)}.brand-preview-accent{height:4px;width:100%}.brand-preview-content{display:flex;align-items:center;gap:1rem;padding:1rem}.brand-preview-logo{object-fit:contain;background:#f8f9fa}.brand-preview-logo,.brand-preview-logo-placeholder{width:64px;height:64px;border-radius:8px;flex-shrink:0}.brand-preview-logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff}.brand-preview-info{flex:1 1;min-width:0}.brand-preview-name{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-preview-industry{font-size:.875rem;color:#666;display:block;margin-bottom:.5rem}.brand-preview-colors{display:flex;gap:.375rem;align-items:center}.brand-preview-color-dot{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.08)}.crawl-progress{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem 1.25rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-step{font-weight:600;color:#333;font-size:.95rem}.progress-percent{font-weight:600;color:var(--brand-primary);font-size:.9rem;font-family:SF Mono,Consolas,monospace}.progress-bar-container{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent,var(--brand-primary)));border-radius:4px;transition:width .3s ease-out}.progress-message{font-size:.875rem;color:#666;margin:0}.progress-details{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e0e0e0}.progress-details span{font-size:.8rem;color:#555;font-family:SF Mono,Consolas,monospace;background:#e8f5e9;padding:.25rem .5rem;border-radius:4px}.pipeline-flow{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;margin-bottom:1.5rem}.pipeline-flow-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #eee}.pipeline-flow-title{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a2e}.pipeline-flow-subtitle{font-size:.8rem;color:#888}.pipeline-flow-steps{padding:1.5rem;display:flex;align-items:flex-start;gap:0;overflow-x:auto}.pipeline-step-wrapper{display:flex;align-items:flex-start;flex-shrink:0}.pipeline-connector{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1.1rem;min-width:60px;position:relative}.pipeline-connector-line{width:36px;height:2px;background:#d1d5db}.pipeline-connector-arrow{position:absolute;right:4px;top:.85rem;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #d1d5db}.pipeline-connector-label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px}.pipeline-connector-label code{font-size:.65rem;color:#7c3aed;background:#f5f3ff;padding:1px 4px;border-radius:3px;white-space:nowrap;font-family:SF Mono,Monaco,Cascadia Code,monospace}.pipeline-step{border:1px solid #e5e7eb;border-radius:10px;min-width:240px;max-width:400px;transition:box-shadow .2s ease,border-color .2s ease}.pipeline-step.success{border-color:#d1fae5}.pipeline-step.error{border-color:#fee2e2}.pipeline-step.expanded{box-shadow:0 4px 16px rgba(0,0,0,.1)}.pipeline-step-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;gap:.75rem}.pipeline-step-header:hover{background:#f9fafb}.pipeline-step.expanded .pipeline-step-header{border-bottom:1px solid #f0f0f0}.pipeline-step-info{display:flex;align-items:center;gap:.5rem}.pipeline-step-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.pipeline-step.error .pipeline-step-number{background:#ef4444}.pipeline-step-name{font-size:.9rem;font-weight:600;color:#1a1a2e;white-space:nowrap}.pipeline-step-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pipeline-step-status{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.pipeline-step-status.success{color:#065f46;background:#d1fae5}.pipeline-step-status.error{color:#991b1b;background:#fee2e2}.pipeline-step-var-count{font-size:.7rem;color:#888}.pipeline-step-chevron{font-size:.7rem;color:#999;transition:transform .2s ease}.pipeline-step-chevron.open{transform:rotate(180deg)}.pipeline-step-body{padding:.75rem 1rem;max-height:400px;overflow-y:auto}.pipeline-var-group{margin-bottom:.75rem}.pipeline-var-group:last-child{margin-bottom:0}.pipeline-var-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.375rem;padding-left:2px}.pipeline-var-group-label.chained{color:#7c3aed}.pipeline-var{display:flex;align-items:baseline;gap:.5rem;width:100%;padding:.375rem .5rem;margin-bottom:2px;border:none;background:#f9fafb;border-radius:6px;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease}.pipeline-var:hover{background:#f0f0f5}.pipeline-var.expanded{background:#f0f0f5;align-items:flex-start}.pipeline-var-name{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;padding:1px 4px;border-radius:3px;white-space:nowrap;flex-shrink:0}.pipeline-var-name.company{color:#0369a1;background:#e0f2fe}.pipeline-var-name.job{color:#b45309;background:#fef3c7}.pipeline-var-name.chained{color:#7c3aed;background:#f5f3ff}.pipeline-var-name.custom{color:#059669;background:#d1fae5}.pipeline-var-name.output,.pipeline-var-name.output-var{color:#be185d;background:#fce7f3}.pipeline-var-group-label.output{color:#be185d}.pipeline-var-value{font-size:.8rem;color:#555;line-height:1.4;word-break:break-word;overflow:hidden}.pipeline-var.expanded .pipeline-var-value{white-space:pre-wrap}.pipeline-var-empty{font-size:.8rem;color:#999;padding:.5rem;text-align:center;font-style:italic}.pipeline-var-warnings{margin-top:.75rem;padding:.5rem .75rem;background:#fef3c7;border-radius:6px;font-size:.75rem}.pipeline-var-warning-row{display:flex;align-items:baseline;gap:.375rem;margin-bottom:2px}.pipeline-var-warning-row:last-child{margin-bottom:0}.pipeline-var-warning-label{color:#a16207;font-weight:600;flex-shrink:0}.pipeline-var-warnings code{font-size:.7rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#b45309}@media (max-width:768px){.pipeline-flow-steps,.pipeline-step-wrapper{flex-direction:column;align-items:stretch}.pipeline-connector{flex-direction:row;padding-top:0;min-width:unset;min-height:40px;justify-content:center}.pipeline-connector-line{width:2px;height:24px}.pipeline-connector-arrow{position:static;border:5px solid transparent;border-top:7px solid #d1d5db;border-bottom:none;margin-top:-1px}.pipeline-step{min-width:unset;max-width:unset}}.interview-plan-container{display:flex;flex-direction:column;gap:1rem}.interview-plan-header{padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.interview-plan-summary{font-size:.95rem;color:#374151;line-height:1.5;margin:0 0 .5rem}.interview-plan-meta{display:flex;gap:.75rem;flex-wrap:wrap}.interview-plan-meta-item{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#f3f4f6;border-radius:20px;font-size:.8rem;font-weight:500;color:#4b5563}.interview-stages{display:flex;flex-direction:column;gap:1rem}.interview-stage-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.interview-stage-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.interview-stage-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:#fafafa;border:none;cursor:pointer;text-align:left;font-family:inherit;gap:1rem}.interview-stage-header:hover{background:#f3f4f6}.interview-stage-title-row{display:flex;align-items:flex-start;gap:.75rem;flex:1 1;min-width:0}.interview-stage-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}.interview-stage-title-info{min-width:0}.interview-stage-name{margin:0;font-size:1rem;font-weight:600;color:#111827}.interview-stage-objective{margin:.25rem 0 0;font-size:.85rem;color:#6b7280;line-height:1.4}.interview-stage-meta-row{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.interview-stage-detail{font-size:.8rem;color:#6b7280;white-space:nowrap}.interview-expand-icon{font-size:.7rem;color:#9ca3af}.interview-stage-body{padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.interview-stage-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.interview-stage-info-item{display:flex;flex-direction:column;gap:.25rem}.interview-stage-info-notes{grid-column:1/-1}.interview-stage-info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.interview-stage-info-value{font-size:.875rem;color:#374151}.interview-questions-section{display:flex;flex-direction:column;gap:.5rem}.interview-questions-heading{font-size:.85rem;font-weight:600;color:#6b7280;margin:0 0 .25rem}.interview-question-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.interview-question-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:.75rem 1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:inherit;gap:.75rem}.interview-question-header:hover{background:#f9fafb}.interview-question-title{display:flex;align-items:flex-start;gap:.5rem;flex:1 1;min-width:0}.interview-question-number{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:4px;background:#f3f4f6;color:#6b7280;font-size:.75rem;font-weight:600;flex-shrink:0}.interview-question-text{font-size:.875rem;color:#1f2937;line-height:1.5}.interview-question-meta{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.interview-criteria-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap}.interview-question-details{padding:.75rem 1rem;background:#f9fafb;border-top:1px solid #e5e7eb}.interview-benchmarks-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.interview-benchmarks{padding:.75rem;border-radius:8px}.interview-benchmarks-good{background:#f0fdf4;border:1px solid #bbf7d0}.interview-benchmarks-bad{background:#fef2f2;border:1px solid #fecaca}.interview-benchmarks-title{font-size:.8rem;font-weight:600;margin:0 0 .5rem}.interview-benchmarks-title-good{color:#166534}.interview-benchmarks-title-bad{color:#991b1b}.interview-benchmarks ul{margin:0;padding-left:1.25rem;list-style:disc}.interview-benchmarks ul li{font-size:.8rem;line-height:1.5;color:#374151;margin-bottom:.25rem}.interview-benchmarks ul li:last-child{margin-bottom:0}.interview-parse-error{padding:1rem}.interview-parse-error p{margin:0 0 .75rem;color:#92400e;font-size:.9rem}.interview-raw-output{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.past-runs-section{margin-bottom:1.5rem;padding:12px 16px;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px}.past-runs-label{display:block;font-weight:600;margin-bottom:6px;font-size:.9em}.past-runs-select{width:100%;padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:.9em;background:#fff;cursor:pointer}.past-runs-select:disabled{background:#f0f0f0;cursor:not-allowed;color:#999}.past-runs-delete-btn{margin-top:8px;padding:6px 14px;font-size:.85em;color:#dc2626;background:#fff;border:1px solid #dc2626;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.past-runs-delete-btn:hover:not(:disabled){background:#dc2626;color:#fff}.past-runs-delete-btn:disabled{opacity:.5;cursor:not-allowed}.step-output-selector{margin-bottom:1rem;padding:10px 14px;background:#f0f4ff;border:1px solid #d0d8e8;border-radius:6px}.step-output-selector label{display:block;font-weight:600;margin-bottom:4px;font-size:.85em;color:#475569}.step-output-selector select{width:100%;padding:6px 10px;border-radius:4px;border:1px solid #ccc;font-size:.85em;background:#fff;cursor:pointer}.step-output-selector select:disabled{background:#f0f0f0;cursor:not-allowed;color:#999}@media (max-width:768px){.interview-stage-header{flex-direction:column}.interview-stage-meta-row{flex-wrap:wrap}.interview-benchmarks-grid,.interview-stage-info-grid{grid-template-columns:1fr}}