body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0f172a;color:#e2e8f0}.shell{max-width:860px;margin:0 auto;padding:48px 20px}.shell.wide{max-width:1480px}.card{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.error-card{display:grid;gap:8px;padding:16px 18px;border-radius:14px;border:1px solid #7f1d1d;background:#3b0d18;margin:16px 0}.error-card-title{font-weight:800;color:#fff}.error-card-message{color:#fecdd3}.error-card-hint{color:#fda4af;font-size:13px}.error-card-warning{border-color:#6b4f10;background:#3a2b08}.error-card-warning .error-card-message{color:#fde68a}.error-card-warning .error-card-hint{color:#fcd34d}.recommendation-card{border-color:#145a54;box-shadow:0 20px 60px rgba(46,196,182,.12)}.recommendation-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recommendation-summary-grid-secondary{opacity:.95}.recommendation-actions{justify-content:flex-start}.recommendation-details{display:grid;gap:10px}.recommendation-detail-list{display:grid;gap:10px;padding-top:4px}.recommendation-tools{display:grid;gap:10px}.recommendation-confidence-strip{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 0 2px}.confidence-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid #334155;font-size:12px;font-weight:800}.confidence-high{background:#0b3b36;color:#9ff3ea;border-color:#145a54}.confidence-medium{background:#3a2b08;color:#fde68a;border-color:#6b4f10}.confidence-low{background:#3b0d18;color:#fecdd3;border-color:#7f1d1d}.confidence-strip-copy{color:#cbd5e1;font-size:13px}.small-upload-box{padding:10px 12px}.recommended-rename-panel{display:grid;gap:10px}.rename-row{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:12px;align-items:center}.schema-banner{display:grid;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid #334155;background:#0b1220}.schema-banner-title{font-weight:800;color:#fff}.schema-banner-copy{font-size:13px;color:#cbd5e1}.schema-banner-described{border-color:#145a54;background:#0b3b36}.schema-banner-codes_only{border-color:#6b4f10;background:#3a2b08}.schema-banner-low{border-color:#7f1d1d;background:#3b0d18}.card.inner{padding:18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#2EC4B6;margin-bottom:10px}h1,h2{margin:0 0 12px;color:#fff}h2{font-size:18px;margin-top:18px}.sub{color:#94a3b8}.sub.small{font-size:13px}.upload-form,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:min(100%,420px)}.upload-progress{display:grid;gap:6px;min-width:220px;flex:1}.upload-progress-bar{width:100%;height:12px;border-radius:999px;background:#0b1220;border:1px solid #334155;overflow:hidden}.upload-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#2EC4B6,#7dd3fc);transition:width .2s ease}.upload-progress-label{font-size:12px;color:#94a3b8}.upload-box{display:inline-flex;gap:12px;align-items:center;padding:14px 16px;border:1px dashed #334155;border-radius:12px;background:#0b1220}.upload-box input{color:#cbd5e1}button,.button-link,.column-link{background:#2EC4B6;color:#062b2a;border:none;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button-link.secondary{background:#1f2937;color:#e5e7eb}.module-actions{justify-content:flex-end}.column-link{padding:0;background:none;color:#7dd3fc;border-radius:0;font-weight:600}.column-link:hover{text-decoration:underline}.mapping-stack{display:grid;gap:16px}.inspector-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(360px,1fr);gap:16px;align-items:start}.mapping-main{display:grid;gap:16px;min-width:0}.inspector-panel{position:sticky;top:16px;display:grid;gap:14px;max-height:calc(100vh - 32px);overflow:auto}.inspector-summary{display:grid;gap:14px}.inspector-block{margin-top:10px}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}.field-label.small{font-size:11px;margin-top:10px}.field-label.no-margin{margin-bottom:0;margin-top:0}.predictor-package-layout{align-items:start}.predictor-shortlist-card{margin-bottom:12px}.picker-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:12px}.search-input{margin-bottom:10px}.picker-toolbar{display:flex;gap:10px;margin:10px 0 16px;flex-wrap:wrap}.picker-list{max-height:420px;overflow:auto;display:grid;gap:8px}.picker-list.compact{max-height:280px}.picker-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #1f2937;border-radius:10px;background:#0f172a;color:#e5e7eb}.picker-item:hover,.js-inspect-link:hover{cursor:pointer;border-color:#334155;color:#fff}.pill{margin-left:auto;font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #334155;color:#cbd5e1}.pill.numeric{background:#0b3b36;color:#9ff3ea;border-color:#145a54}.pill.categorical{background:#3a2b08;color:#fde68a;border-color:#6b4f10}.selected-package{display:grid;gap:10px}.selected-package.compact-stack{gap:8px}.selected-item{padding:12px;border:1px solid #1f2937;border-radius:12px;background:#0b1220;min-width:0}.selected-item pre{white-space:pre-wrap;word-break:break-word;margin:0}.selected-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px}.selected-item-head.compact-head{margin-bottom:4px}.compact-summary{padding:10px 12px}.compact-card{padding:10px 12px}.collapsed-section{gap:10px}.confirm-details-card{margin-top:4px}.advanced-toggle-card{display:grid;gap:12px}.nested-actions-row{margin-top:4px}.segment-builder-mode-card{border-color:#145a54;background:#0b3b36}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{padding:18px;border:1px dashed #334155;border-radius:12px;color:#94a3b8;background:#0b1220}.empty-state.compact{padding:10px 12px}.segment-status{padding:10px 12px;border-radius:12px;border:1px solid #334155}.segment-status.info{background:#0b1220;color:#cbd5e1}.segment-status.success{background:#0b3b36;color:#9ff3ea;border-color:#145a54}.segment-status.error{background:#3b0d18;color:#fecdd3;border-color:#7f1d1d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.section-head.block{display:block}.segment-builder-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#0b1220;border:1px solid #334155;color:#94a3b8;font-size:12px}.recode-builder-stack{display:grid;gap:12px}.recode-panel{display:grid;gap:10px}.workflow-tabs{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);gap:10px;align-items:center}.workflow-arrow{position:relative;height:2px;background:#64748b;border-radius:999px;align-self:center}.workflow-arrow::after{content:"";position:absolute;right:-1px;top:50%;width:10px;height:10px;border-top:2px solid #64748b;border-right:2px solid #64748b;transform:translateY(-50%) rotate(45deg);background:transparent}.workflow-tab{background:#1f2937;color:#cbd5e1;border:1px solid #334155;padding:12px 14px;border-radius:16px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:10px;justify-content:flex-start;min-height:54px}.workflow-step-dot{width:10px;height:10px;border-radius:999px;background:#64748b;flex:0 0 auto}.workflow-tab.active{background:#2EC4B6;color:#062b2a;border-color:#2EC4B6}.workflow-tab.active .workflow-step-dot{background:#062b2a}.workflow-tab[data-ready='true'] .workflow-step-dot{background:#2EC4B6}.workflow-tab.workflow-tab-disabled{opacity:.88}.workflow-tab span:last-child{line-height:1.25}.segment-column-select{margin-top:8px}.workflow-panel{display:grid;gap:16px}.outcome-lock-card{margin-bottom:14px}.outcome-inspect-trigger{text-align:left;width:auto}.segment-rule-grid{align-items:end}.segment-rule-action{display:flex;align-items:end}.actions{margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stat{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px}.stat span,.metric-card span{display:block;color:#94a3b8;font-size:12px;margin-bottom:6px}.stat strong,.metric-card strong{font-size:28px;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid.compact{grid-template-columns:repeat(2,1fr)}.metric-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:12px}.metric-grid.compact .metric-card strong{font-size:18px}.warning-list{display:flex;flex-wrap:wrap;gap:8px}.warning-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#3a2b08;color:#fde68a;border:1px solid #6b4f10;font-size:12px;font-weight:700}.value-table{width:100%;border-collapse:collapse;font-size:13px}.value-table th,.value-table td{padding:8px 10px;border-bottom:1px solid #1f2937;text-align:left;vertical-align:top}.value-table th{color:#94a3b8;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.preview-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}.preview-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:14px}.preview-card img{width:100%;height:auto;border-radius:10px;background:#fff}.preview-label{margin-top:8px;color:#94a3b8;font-size:13px}.error{background:#3b0d18;color:#fecdd3;border:1px solid #7f1d1d;padding:12px 14px;border-radius:12px;margin:12px 0}.hidden{display:none!important}select,input[type='text'],textarea{width:100%;padding:10px 12px;border-radius:10px;background:#0b1220;color:#e5e7eb;border:1px solid #334155;box-sizing:border-box}textarea{resize:vertical;min-height:120px}@media (max-width:1180px){.inspector-layout{grid-template-columns:1fr}.inspector-panel{position:static;max-height:none;overflow:visible}.segment-builder-shell{grid-template-columns:1fr}}@media (max-width:900px){.field-grid.two,.field-grid.three,.field-grid.four,.metric-grid,.metric-grid.compact,.stats,.segment-tree-rule,.workflow-tabs{grid-template-columns:1fr}.workflow-arrow{display:none}}.segment-builder-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}.segment-builder-column{display:grid;gap:10px;min-width:0}.segment-tree-head{align-items:end}.segment-tree-canvas{display:grid;gap:12px}.segment-tree-group{border:1px solid #334155;border-radius:14px;padding:12px;background:#0f172a}.segment-tree-group-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.segment-tree-children{display:grid;gap:10px;padding-left:12px;border-left:2px solid #1f2937}.segment-tree-rule{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #1f2937;border-radius:12px;background:#0b1220}.recode-lock-card{margin:14px 0}.recode-lock-card .picker-toolbar{margin-top:12px}.recode-builder-stack.hidden{display:none!important}.inspector-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.inspector-toggle{white-space:nowrap}.inspector-panel.collapsed{gap:0}.inspector-panel.collapsed > :not(:first-child){display:none}.validation-card.ready{border-color:#145a54;background:#0b3b36}.validation-card.blocked{border-color:#7f1d1d;background:#3b0d18}.validation-list{margin:0;padding-left:18px;color:#fecdd3}.recode-draft-row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr auto;gap:14px;align-items:end}.recode-draft-action{display:grid;gap:8px}.recode-add-button,.recode-toggle-button{width:48px;height:48px;border-radius:14px;border:1px solid #334155;background:#1f2937;color:#94a3b8;font-size:28px;line-height:1;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;text-align:center}.recode-add-button.ready{background:#2EC4B6;color:#062b2a;border-color:#2EC4B6}.recode-toggle-button.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.recode-card{display:grid;gap:12px}.recode-builder-stack{display:grid;gap:12px}.column-selector{position:relative;display:block;width:100%;min-width:0;overflow:visible}.column-selector-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#0b1220;color:#e5e7eb;border:1px solid #334155;box-sizing:border-box;text-align:left;position:relative}.column-selector-trigger.has-value .column-selector-value{color:#e5e7eb}.column-selector-value{color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-selector-actions{display:flex;align-items:center;gap:10px}.column-selector-clear{font-size:18px;line-height:1;color:#94a3b8}.column-selector-panel{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:100%;max-width:min(520px,100vw - 48px);z-index:200;background:#111827;border:1px solid #334155;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);padding:10px;box-sizing:border-box}.column-selector-search{margin-bottom:8px}.column-selector-list{max-height:280px;overflow:auto;display:grid;gap:6px}.column-selector-option{width:100%;text-align:left;background:#0f172a;color:#e5e7eb;border:1px solid #1f2937;padding:10px 12px;border-radius:10px}.column-selector-option:hover,.column-selector-option.is-active{border-color:#2EC4B6;background:#102a35}.column-selector-empty{padding:12px;color:#94a3b8}.recode-panel,.recode-builder-stack,.recode-card{overflow:visible}.card.inner{overflow:visible}.mapping-main{overflow:visible}.workflow-panel{overflow:visible;}.shell.narrow{max-width:520px}.login-card{display:grid;gap:16px}.login-form{display:grid;gap:14px}.inline-form{display:inline-flex;margin:0}.status-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px;border-radius:16px;border:1px solid #334155;background:#0b1220;margin:14px 0 18px}.status-queued{border-color:#6b4f10;background:#3a2b08}.status-running{border-color:#145a54;background:#0b3b36}.status-failed{border-color:#7f1d1d;background:#3b0d18}.status-completed{border-color:#145a54;background:#0b3b36}.status-label{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px}.status-copy{color:#cbd5e1;max-width:760px}.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid #334155;background:#111827;color:#e5e7eb;font-size:12px;font-weight:800;text-transform:uppercase}.job-status-grid{margin-top:8px}.workflow-tab-advanced{opacity:.82}.button-link.tertiary{background:transparent;border:1px solid #334155;color:#cbd5e1}.compact-banner{padding:12px 14px}.collapsed-summary-row{opacity:.88}.recommendation-card>p.sub.small{max-width:720px}.recommendation-actions .button-link.tertiary{padding:10px 14px}.advanced-segment-column .advanced-toggle-card{border-color:#334155;background:#0b1220}.confirm-details-card{background:#0b1220}.inspector-panel .sub.small{max-width:320px}.recommendation-secondary-summary{margin-top:6px}.outcome-section #outcomePanel{display:grid;gap:14px}.driver-override-shell{gap:10px}.hidden-if-ready{opacity:.95}.recommendation-card{display:grid;gap:14px}.recommendation-card .recommendation-actions{margin-top:4px}.recommendation-summary-grid-secondary.hidden{display:none!important}.outcome-section .selected-item-head h2{margin-bottom:4px}.driver-section .picker-card{padding:12px}.driver-section .selected-package{max-width:100%}.results-hero-card{display:grid;gap:16px}.results-hero-meta{display:grid;gap:10px}.results-hero-kicker{padding:14px 16px;border-radius:14px;border:1px solid #145a54;background:#0b3b36;color:#d1fae5}.results-meta-line{display:flex;gap:18px;flex-wrap:wrap}.action-card-stack{gap:14px}.action-priority-card{border-color:#334155;background:#0b1220}.deliverable-card{border-color:#334155;background:#0b1220}.deliverable-card .sub.small{max-width:620px}.preview-card{display:grid;gap:10px}.preview-label{text-transform:none;font-size:14px;color:#cbd5e1}
.confirm-hero-card{border-color:#145a54;background:#0b1220;display:grid;gap:8px}.confirm-hero-card.ready{border-color:#145a54;background:#0b3b36}.confirm-hero-card.blocked{border-color:#7f1d1d;background:#3b0d18}.confirm-hero-card #confirmHeroTitle{font-weight:800;color:#fff}.confirm-hero-card #confirmHeroCopy{max-width:760px}