@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Be+Vietnam+Pro:wght@400;500;600&display=swap";
:root{--bg:#191919;--bg-elevated:#1a1918;--bg-card:#1f1e1c;--border:#2a2927;--border-light:#353331;--text:#e8e6e3;--text-muted:#9a9791;--text-dim:#6b6761;--gold:#c9a962;--gold-dim:#c9a96226;--green:#4ade80;--red:#f87171;--blue:#60a5fa;--font:"IBM Plex Sans",-apple-system,sans-serif;--mono:"IBM Plex Mono",monospace}@keyframes checkmark-draw{to{stroke-dashoffset:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes success-pulse{0%,to{box-shadow:0 0 #3ecf8e66}50%{box-shadow:0 0 0 12px #3ecf8e00}}@keyframes progress-fill{0%{width:0}}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.checkmark-animate{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s forwards checkmark-draw}.fade-in-up{animation:.3s forwards fade-in-up}.success-pulse{animation:2s ease-in-out infinite success-pulse}.progress-animate{animation:.6s ease-out forwards progress-fill}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.checkmark-animate{stroke-dashoffset:0}.progress-animate{animation:none}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}::selection{background:var(--gold);color:var(--bg)}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#121110;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-img{width:auto;height:44px}.logo-icon{width:auto;height:37px}.logo-text{width:auto;height:42px}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s}.nav-cta:hover{filter:brightness(1.1)}.hero{max-width:1400px;margin:0 auto;padding:120px 2rem 60px}.hero-content{grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;display:grid}.hero-text{max-width:560px}.hero-badge{background:var(--gold-dim);color:var(--gold);border:1px solid #c9a9624d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero h1{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15}.hero h1 span{color:var(--gold)}.hero-sub{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.hero-visual{perspective:1000px}.slider-wrapper{transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:perspective(1000px)rotateY(-8deg)rotateX(2deg);box-shadow:0 25px 50px #0006}.before-after-slider{background:var(--bg);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;position:relative}.slider-panel{border-radius:11px;width:100%;overflow:hidden}.slider-panel table{border-collapse:collapse;width:100%;font-size:.75rem;font-family:var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;table-layout:fixed}.slider-panel th:first-child,.slider-panel td:first-child{width:18%}.slider-panel th:nth-child(2),.slider-panel td:nth-child(2){width:22%}.slider-panel th:nth-child(3),.slider-panel td:nth-child(3),.slider-panel th:nth-child(4),.slider-panel td:nth-child(4){width:18%}.slider-panel th:nth-child(5),.slider-panel td:nth-child(5){width:24%}.slider-panel th{background:var(--bg-elevated);text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .6rem;font-size:.7rem;font-weight:500}.slider-panel th.problem{color:var(--red);background:#f8717114}.slider-panel td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:.45rem .6rem}.slider-panel tr:last-child td{border-bottom:none}.slider-panel td.error{color:var(--red);background:#f871711a}.slider-panel td.warning{color:#fbbf24;background:#fbbf241a}.slider-panel th.fixed.animate,.slider-panel td.fixed.animate{animation:3s ease-out forwards fade-fixed}.slider-panel th.fixed.animate{animation:3s ease-out forwards fade-fixed-header}@keyframes fade-fixed{0%{color:var(--green);background:#4ade8040}to{color:var(--text);background:0 0}}@keyframes fade-fixed-header{0%{color:var(--green);background:#4ade8033}to{background:var(--bg-elevated);color:var(--text-muted)}}.slider-labels{justify-content:space-between;margin-bottom:.5rem;padding:0 .25rem;display:flex}.slider-labels .before-label,.slider-labels .after-label{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:4px;padding:.3rem .75rem;font-size:.7rem;font-weight:600;transition:all .15s}.slider-labels .before-label{color:var(--red);background:#f8717126}.slider-labels .before-label:hover{background:#f8717140}.slider-labels .after-label{color:var(--green);background:#4ade8026}.slider-labels .after-label:hover{background:#4ade8040}.panel-footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding:.5rem .75rem;font-size:.75rem}.before-footer{color:var(--text-muted)}.before-footer .error-count{color:var(--red);font-weight:600}.after-footer{color:var(--green);align-items:center;gap:.4rem;display:flex}.after-footer svg{width:14px;height:14px}.after-panel{background:var(--bg);transition:clip-path .8s ease-out;position:absolute;inset:0}.after-panel th{color:var(--text-muted);background:var(--bg-elevated)}.slider-handle{cursor:ew-resize;z-index:20;will-change:left;width:4px;transition:left .8s ease-out;position:absolute;top:-8px;bottom:-8px;transform:translate(-50%)}.slider-handle.dragging{transition:none}.handle-bar{background:var(--gold);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #c9a9624d}.handle-grip{background:var(--gold);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:24px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.handle-grip span{background:#0000004d;border-radius:1px;width:12px;height:2px}.btn-primary{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)scale(1.02)}.btn-primary:active{transition:transform .1s;transform:scale(.98)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s}.btn-secondary:hover{border-color:var(--border-light);background:var(--bg-elevated)}.product-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-header{border-bottom:1px solid var(--border);background:var(--bg-card);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.preview-dot{background:var(--border-light);border-radius:50%;width:12px;height:12px}.preview-dot.red{background:#f87171}.preview-dot.yellow{background:#fbbf24}.preview-dot.green{background:#4ade80}.preview-title{color:var(--text-muted);font-size:.8rem;font-family:var(--mono);margin-left:.5rem}.preview-body{grid-template-columns:220px 1fr 280px;min-height:400px;display:grid}.preview-sidebar{border-right:1px solid var(--border);padding:1rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem;font-weight:600}.sidebar-item{color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:all .1s;display:flex}.sidebar-item:hover{background:var(--bg-card);color:var(--text)}.sidebar-item.active{background:var(--gold-dim);color:var(--gold)}.sidebar-item svg{opacity:.7;width:16px;height:16px}.item-badge{background:var(--bg);font-size:.7rem;font-family:var(--mono);border-radius:4px;margin-left:auto;padding:.15rem .4rem}.item-badge.pending{color:#fbbf24;background:#fbbf2426}.item-badge.ready{color:#4ade80;background:#4ade8026}.preview-main{padding:1rem;overflow:hidden}.table-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-name{font-family:var(--mono);color:var(--text);font-size:.9rem;font-weight:500}.table-actions{gap:.5rem;display:flex}.table-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:5px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:500;display:flex}.table-btn:hover{border-color:var(--border-light);color:var(--text)}.table-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--bg)}.table-btn svg{width:14px;height:14px}.data-grid{background:var(--bg);border:1px solid var(--border);font-family:var(--mono);border-radius:8px;font-size:.75rem;overflow:hidden}.grid-header{background:var(--bg-card);border-bottom:1px solid var(--border);grid-template-columns:40px 120px 180px 100px 1fr;display:grid}.grid-cell{border-right:1px solid var(--border);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:.6rem .75rem;overflow:hidden}.grid-cell:last-child{border-right:none}.grid-cell.header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.grid-row{border-bottom:1px solid var(--border);grid-template-columns:40px 120px 180px 100px 1fr;display:grid}.grid-row:last-child{border-bottom:none}.grid-row:hover{background:var(--bg-elevated)}.grid-cell.id{color:var(--text-dim)}.grid-cell.warning{color:#fbbf24;background:#fbbf2414}.status-dot{border-radius:50%;width:6px;height:6px;margin-right:.35rem;display:inline-block}.status-dot.pending{background:#fbbf24}.status-dot.valid{background:#4ade80}.preview-inspector{border-left:1px solid var(--border);background:var(--bg-card);padding:1rem}.inspector-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:flex}.inspector-title svg{width:14px;height:14px;color:var(--gold)}.issue-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-bottom:.75rem;padding:.75rem}.issue-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.issue-icon{border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.issue-icon.warning{color:#fbbf24;background:#fbbf2426}.issue-icon.info{color:#60a5fa;background:#60a5fa26}.issue-icon svg{width:12px;height:12px}.issue-title{color:var(--text);font-size:.8rem;font-weight:500}.issue-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.issue-action{color:var(--gold);font-size:.7rem;font-weight:500;text-decoration:none}.issue-action:hover{text-decoration:underline}.schema-suggestion{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:1rem;padding:.75rem}.schema-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem;font-weight:500}.schema-code{font-family:var(--mono);color:var(--text-muted);background:var(--bg-elevated);border-radius:4px;padding:.5rem;font-size:.7rem;overflow-x:auto}.schema-code .keyword{color:#c678dd}.schema-code .type{color:#61afef}.schema-code .name{color:#e5c07b}.features{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 2rem}.section-header{margin-bottom:3rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.section-title{font-size:1.75rem;font-weight:600}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:all .15s}.feature-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.feature-icon{background:var(--gold-dim);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex}.feature-icon svg{width:20px;height:20px;color:var(--gold)}.feature-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.875rem;line-height:1.6}.how-it-works{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 2rem}.steps{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.step{position:relative}.step:after{content:"";background:var(--border);width:calc(100% - 40px);height:1px;position:absolute;top:20px;right:-1rem}.step:last-child:after{display:none}.step-num,.step-icon{background:var(--bg-card);border:1px solid var(--gold);width:40px;height:40px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.step h3{margin-bottom:.35rem;font-size:1rem;font-weight:600}.step p{color:var(--text-muted);font-size:.85rem}.cta{text-align:center;border-top:1px solid var(--border);padding:80px 2rem}.cta-inner{max-width:500px;margin:0 auto}.cta h2{margin-bottom:.75rem;font-size:1.75rem;font-weight:600}.cta p{color:var(--text-muted);margin-bottom:1.5rem}.waitlist-form{justify-content:center;gap:.75rem;max-width:400px;margin:0 auto;display:flex}.waitlist-form input{border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.9rem;font-family:var(--font);border-radius:6px;flex:1;padding:.75rem 1rem}.waitlist-form input:focus{border-color:var(--gold);outline:none}.waitlist-form input::placeholder{color:var(--text-dim)}.waitlist-form button{white-space:nowrap}.waitlist-message{margin-top:1rem;font-size:.875rem}.waitlist-message.success{color:var(--green)}.waitlist-message.error{color:var(--red)}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.footer-logo{opacity:.5;align-items:center;gap:.5rem;text-decoration:none;display:flex}.footer-logo .logo-img{width:auto;height:24px}.footer-text{color:var(--text-dim);font-size:.8rem}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center;max-width:100%}.hero-actions{justify-content:center}.slider-wrapper{max-width:600px;margin:0 auto;transform:perspective(1000px)rotateY(-4deg)rotateX(1deg)}.preview-body{grid-template-columns:1fr}.preview-sidebar,.preview-inspector{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){nav{padding:0 1rem}.nav-links{display:none}.hero{padding:100px 1rem 60px}.hero-content{gap:2rem}.hero-actions{flex-direction:column}.slider-wrapper{transform:none}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:1.5rem}.step:after{display:none}footer{flex-direction:column;gap:1rem}.waitlist-form{flex-direction:column}}.interactive-demo{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 2rem}.steps-section{margin-bottom:3rem}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.steps-grid.five-steps{grid-template-columns:repeat(5,1fr)}.steps-grid.six-steps{grid-template-columns:repeat(6,1fr)}.steps-grid.seven-steps{grid-template-columns:repeat(7,1fr)}.steps-grid.five-steps .step-card,.steps-grid.six-steps .step-card,.steps-grid.seven-steps .step-card{padding:.75rem}.steps-grid.five-steps .step-card p,.steps-grid.six-steps .step-card p,.steps-grid.seven-steps .step-card p{font-size:.75rem}.steps-grid.seven-steps .step-card h3{font-size:.9rem}.step-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:1.25rem;transition:all .15s;position:relative}.step-card:before{content:"";background:0 0;border-radius:10px 0 0 10px;width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.step-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.step-card.active{border-color:var(--gold);background:var(--bg-card)}.step-card.active:before{background:var(--gold)}.step-card .step-num{width:32px;height:32px;margin-bottom:.75rem;font-size:.8rem}.step-card .step-icon{width:auto;height:auto;color:var(--gold);background:0 0;border:none;margin-bottom:.75rem}.step-card .step-icon svg{width:24px;height:24px}.step-card h3{color:var(--text);margin-bottom:.35rem;font-size:1rem;font-weight:600}.step-card p{color:var(--text-muted);font-size:.8rem;line-height:1.5}.step-card.active h3{color:var(--gold)}.demo-window{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden}.demo-content{min-height:400px;animation:.15s fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.import-view{background:var(--bg)}.import-toolbar{border-bottom:1px solid var(--border);padding:.75rem 1rem}.toolbar-icons{justify-content:flex-end;gap:.5rem;display:flex}.toolbar-icon{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.toolbar-icon svg{width:18px;height:18px}.toolbar-icon:hover{background:var(--bg-elevated);color:var(--text)}.toolbar-icon.active{color:var(--gold)}.import-tabs{gap:.5rem;padding:.75rem 1rem;display:flex}.import-tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.import-tab svg{width:16px;height:16px}.import-tab:hover{border-color:var(--border-light)}.import-tab.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.breadcrumb-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb-icon svg{width:16px;height:16px}.breadcrumb-sep{color:var(--text-dim)}.search-box{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem .75rem;font-size:.8rem;display:flex}.search-box svg{width:14px;height:14px}.refresh-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.refresh-btn:hover{color:var(--text)}.file-list-header{color:var(--text-dim);border-bottom:1px solid var(--border);grid-template-columns:32px 1fr 80px 100px;gap:1rem;padding:.5rem 1rem;font-size:.75rem;display:grid}.file-list{padding:.5rem 0}.file-row{color:var(--text);cursor:pointer;grid-template-columns:32px 1fr 80px 100px;gap:1rem;padding:.5rem 1rem;font-size:.85rem;transition:background .1s;display:grid}.file-row:hover{background:var(--bg-elevated)}.file-row.disabled{opacity:.5;cursor:not-allowed}.file-name{align-items:center;gap:.75rem;display:flex}.file-type-badge{color:var(--gold);text-transform:uppercase;background:#d4af3726;border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-size:.65rem;font-weight:500}.folder-icon{color:#f59e0b}.folder-icon svg,.file-icon svg{width:18px;height:18px}.file-icon{color:var(--text-muted)}.unsupported-badge{color:var(--text-dim);margin-left:.5rem;font-size:.7rem}.file-size,.file-modified{color:var(--text-muted);font-size:.8rem}.issues-view{background:#0000004d;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.issues-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:2rem}.issues-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.issues-icon{background:#fbbf2426;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.issues-icon svg{color:#fbbf24;width:24px;height:24px}.issues-title h3{margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.issues-subtitle{color:var(--text-muted);font-size:.85rem}.issues-breakdown{background:var(--bg);border-radius:10px;margin-bottom:1rem;padding:1rem}.issues-breakdown-title{color:var(--text-dim);letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.issue-type-row{justify-content:space-between;padding:.5rem 0;font-size:.85rem;display:flex}.issue-type-name{color:var(--text-muted)}.issue-type-count{color:var(--text-dim)}.issues-badges{gap:.5rem;margin-bottom:1.5rem;display:flex}.badge{border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:500;display:flex}.badge svg{width:12px;height:12px}.badge.auto-fix{color:#fbbf24;background:#fbbf2426}.badge.needs-review{color:#60a5fa;background:#60a5fa26}.issues-actions{gap:.75rem;display:flex}.issues-actions .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.75rem;font-size:.85rem}.issues-actions .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:500;display:flex}.issues-actions .btn-primary svg{width:16px;height:16px}.validate-view{grid-template-columns:1fr 260px;min-height:400px;display:grid}.validate-main{background:#0003;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex}.generate-tests-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:1.5rem}.modal-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.modal-header .sparkle-icon{color:#7c3aed;width:20px;height:20px}.modal-header h3{font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-dim);letter-spacing:.05em;margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}.label-hint{color:var(--text-dim);margin-bottom:.5rem;font-size:.75rem;font-weight:400;display:block}.form-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-size:.85rem;font-family:var(--font);border-radius:6px;padding:.65rem .75rem}.form-input.placeholder{color:var(--text-dim)}.form-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-dim);font-size:.8rem;font-family:var(--font);resize:none;border-radius:6px;min-height:70px;padding:.65rem .75rem}.test-count-options{gap:.5rem;display:flex}.test-count-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;flex:1;padding:.6rem;font-size:.85rem;transition:all .15s}.test-count-btn:hover{border-color:var(--border-light)}.test-count-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.form-actions{gap:.75rem;margin-top:1.25rem;display:flex}.form-actions .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.75rem;font-size:.85rem}.form-actions .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:500;display:flex}.form-actions .btn-primary svg{width:16px;height:16px}.validate-sidebar{background:var(--bg);border-left:1px solid var(--border);padding:1rem;overflow-y:auto}.sidebar-title{color:#10b981;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:500;display:flex}.sidebar-title svg{width:16px;height:16px}.suggested-column{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:.75rem}.column-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.column-header label{color:var(--text-dim);letter-spacing:.05em;font-size:.65rem;font-weight:600}.column-type{color:var(--text-dim);background:var(--bg);border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.column-name-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .65rem;display:flex}.column-name-input span{color:var(--text);font-size:.85rem}.column-name-input svg{width:14px;height:14px;color:var(--text-dim)}.sample-values{margin-bottom:.5rem}.sample-values label{color:var(--text-dim);letter-spacing:.05em;margin-bottom:.35rem;font-size:.6rem;font-weight:600;display:block}.sample-chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.column-actions{gap:.5rem;display:flex}.reject-btn,.add-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem;font-size:.75rem;transition:all .15s;display:flex}.reject-btn{color:#ef4444}.reject-btn:hover{background:#ef44441a}.add-btn{color:#10b981}.add-btn:hover{background:#10b9811a}.reject-btn svg,.add-btn svg{width:14px;height:14px}.collection-view{max-width:800px;margin:0 auto;padding:2rem}.collection-section{padding:1.5rem}.selected-file-banner{border:1px solid var(--gold);background:#d4af371a;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.selected-file-banner svg{width:18px;height:18px;color:var(--gold)}.selected-file-banner span{font-family:var(--mono);color:var(--text);flex:1}.change-file-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem .75rem;font-size:.85rem;transition:all .15s}.change-file-btn:hover{border-color:var(--text-muted);color:var(--text)}.collection-header{text-align:center;margin-bottom:2rem}.collection-header h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.collection-subtitle{color:var(--text-muted);font-size:.95rem}.collection-subtitle strong{color:var(--gold);font-family:var(--mono)}.collection-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.collection-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .15s;display:flex;position:relative}.collection-card:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.collection-card.selected{border-color:var(--gold);background:#d4af370d}.collection-icon{background:#d4af3726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.collection-icon svg{width:20px;height:20px;color:var(--gold)}.collection-info{flex:1;min-width:0}.collection-info h4{margin-bottom:.25rem;font-size:1rem;font-weight:600}.collection-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.collection-meta{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.collection-check{background:var(--gold);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:.75rem;right:.75rem}.collection-check svg{width:14px;height:14px;color:var(--bg)}.collection-card.new-collection{border-style:dashed}.collection-card.new-collection:hover{border-style:dashed;border-color:var(--gold)}.collection-card.new-collection.selected{border-style:solid}.collection-icon.new{background:#d4af371a}.collection-icon.new svg{color:var(--gold)}.collection-action-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1.5rem;display:flex}.analyze-btn{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.analyze-btn:hover{background:#e6c84a}.analyze-btn:disabled{opacity:.7;cursor:not-allowed}.analyze-btn .spinner{border-width:2px;border-color:#0003;border-top-color:var(--bg);width:16px;height:16px}.selected-collection-info{color:var(--text-muted);font-size:.9rem}.selected-collection-info strong{color:var(--gold)}.analysis-complete{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.analysis-header{margin-bottom:2rem}.analysis-icon{background:#d4af3726;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.analysis-icon svg{width:30px;height:30px;color:var(--gold)}.analysis-header h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.analysis-header p{color:var(--text-muted)}.suggested-preview{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.suggested-preview-title{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem;font-size:.85rem;font-weight:500}.suggested-preview-item{border-radius:6px;align-items:center;gap:1rem;margin:0 -.75rem;padding:.75rem;font-size:.85rem;transition:background .15s;display:flex}.suggested-preview-item:hover{background:#ffffff0d}.suggested-preview-item .col-name{font-family:var(--mono);color:var(--text);min-width:140px}.suggested-preview-item .col-type{color:#a78bfa;text-transform:uppercase;background:#7c3aed26;border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.suggested-preview-item .col-reason{color:var(--text-dim);text-align:right;flex:1;font-size:.8rem}.validate-view-simple{background:#0003;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.test-suite{width:100%;max-width:600px}.test-suite-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.test-suite-info h3{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:600;display:flex}.test-suite-info h3 svg{width:20px;height:20px;color:var(--gold)}.test-suite-info p{color:var(--text-muted);font-size:.9rem}.test-result-badge{color:#10b981;background:#10b98126;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.test-result-badge svg{width:16px;height:16px}.test-questions{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.test-question{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .15s;display:flex}.test-question:last-child{border-bottom:none}.test-question.passed{background:#10b9810d}.test-question.running{background:#d4af370d}.test-status{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.test-status svg{color:#10b981;width:18px;height:18px}.test-number{background:var(--bg-elevated);width:24px;height:24px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.test-text{color:var(--text);font-size:.9rem}.spinner.small{border-width:2px;width:16px;height:16px}.test-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.welcome-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.welcome-icon{border:2px solid var(--gold);background:#d4af3726;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;animation:2s ease-in-out infinite welcome-pulse;display:flex}@keyframes welcome-pulse{0%,to{box-shadow:0 0 #d4af3766}50%{box-shadow:0 0 0 12px #d4af3700}}.btn-bounce{animation:2s ease-in-out infinite btn-bounce}@keyframes btn-bounce{0%,to{transform:translateY(0)}15%{transform:translateY(-6px)}30%{transform:translateY(0)}45%{transform:translateY(-3px)}60%{transform:translateY(0)}}.welcome-icon svg{width:32px;height:32px;color:var(--gold)}.icon-draw-animate{stroke-dasharray:100;stroke-dashoffset:100px;animation:2.5s ease-in-out infinite icon-draw}@keyframes icon-draw{0%{stroke-dashoffset:100px}40%{stroke-dashoffset:0}60%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.welcome-icon-wrapper{margin-bottom:1.5rem}.welcome-icon-circle{border:2px solid var(--green);background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:2s ease-in-out infinite success-pulse;display:flex}.welcome-icon-circle svg{width:28px;height:28px;color:var(--green)}.welcome-view h3{margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.welcome-text{color:var(--text-muted);max-width:400px;margin-bottom:2rem;font-size:1rem;line-height:1.6}.welcome-view .btn-primary{align-items:center;gap:.5rem;display:inline-flex}.welcome-view .btn-primary svg{width:18px;height:18px}.messy-data-view{width:100%;max-width:100%;animation:.3s fade-in-up}.messy-header{text-align:center;margin-bottom:1rem}.messy-label{color:var(--text-muted);font-size:.9rem}.messy-grid{background:var(--bg);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden}.messy-grid:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f8717108 0%,#0000 50%);position:absolute;inset:0}.messy-grid table{border-collapse:collapse;width:100%;font-size:.8rem;font-family:var(--mono)}.messy-grid th{background:var(--bg-elevated);text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem;font-weight:500}.messy-grid th.problem{color:var(--red);background:#f8717114}.messy-grid td{border-bottom:1px solid var(--border);color:var(--text);padding:.5rem .75rem}.messy-grid tr:last-child td{border-bottom:none}.messy-grid td.error{color:var(--red);background:#f871711a}.messy-grid td.warning{color:#fbbf24;background:#fbbf241a}.messy-footer{justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;display:flex}.messy-stats{color:var(--text-muted);font-size:.85rem}.messy-stats .error-count{color:var(--red);font-weight:600}.feature-tooltip{border:1px solid var(--border);border-left:3px solid var(--gold);z-index:100;background:#1f1e1c;border-radius:8px;max-width:280px;padding:.875rem 1rem;animation:.3s fade-in-up;position:absolute;box-shadow:0 4px 20px #0000004d}.feature-tooltip p{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.tooltip-dismiss{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500;transition:opacity .15s}.tooltip-dismiss:hover{opacity:.8}.tooltip-top{top:1rem;bottom:auto;left:50%;transform:translate(-50%)}.tooltip-bottom{top:auto;bottom:1rem;left:50%;transform:translate(-50%)}.tooltip-top-right{inset:1rem 1rem auto auto;transform:none}.tooltip-top-left{inset:1rem auto auto 1rem;transform:none}.deploy-view{max-width:420px;margin:0 auto;padding:3rem 2rem}.deploy-integration{flex-direction:column;gap:1.5rem;display:flex}.integration-header{text-align:center}.integration-header h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.integration-subtitle{color:var(--text-muted);font-size:.9rem}.integration-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.integration-provider{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1rem;display:flex}.provider-logo{width:32px;height:32px}.provider-info{flex-direction:column;gap:.1rem;display:flex}.provider-name{font-size:.95rem;font-weight:500}.provider-status{color:var(--text-muted);font-size:.75rem}.provider-status.connected{color:#3ecf8e}.integration-details{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.integration-details .detail-item{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;display:flex}.integration-details .detail-item:last-child{border-right:none}.integration-details .detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.integration-details code{font-family:var(--mono);color:#3ecf8e;background:#3ecf8e1a;border-radius:4px;padding:.15rem .4rem;font-size:.8rem}.integration-details span:not(.detail-label){font-size:.9rem;font-weight:500}.deploy-checklist{flex-direction:column;gap:.5rem;display:flex}.checklist-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.checklist-item.done{color:var(--green)}.checklist-item svg{flex-shrink:0;width:16px;height:16px}.deploy-action-btn{color:#1a1a1a;cursor:pointer;background:#3ecf8e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.deploy-action-btn:hover{background:#4ade94;transform:translateY(-1px)}.deploy-action-btn svg{width:18px;height:18px}.deploy-action-btn.deploying{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.deploy-action-btn:disabled{cursor:not-allowed;transform:none}.success-icon-large{background:#3ecf8e26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex}.success-icon-large svg{color:#3ecf8e;width:32px;height:32px}.deploy-success h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.success-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.success-stats{background:var(--bg);border-radius:8px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.success-stat{align-items:center;gap:.5rem;display:flex}.stat-number{color:var(--text);font-size:1.25rem;font-weight:600}.stat-text{color:var(--text-muted);font-size:.9rem}.stat-logo{width:20px;height:20px}.success-stats code{font-family:var(--mono);color:#3ecf8e;background:#3ecf8e1a;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.success-divider{color:var(--text-muted);font-size:1.25rem}.restart-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;display:inline-flex}.restart-btn:hover{color:var(--text);background:var(--bg)}.restart-btn svg{width:14px;height:14px}.breadcrumb-link{cursor:default}.breadcrumb-link.clickable{cursor:pointer}.breadcrumb-link.clickable:hover{color:var(--text)}.file-row.selected{background:#7c3aed1a;border-left:2px solid #7c3aed}.import-action-bar{background:var(--bg-elevated);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:.5rem;padding:1rem;display:flex}.selected-info{color:var(--text-muted);font-size:.85rem}.import-action-bar .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;display:flex}.import-action-bar .btn-primary svg{width:16px;height:16px}.upload-zone{border:2px dashed var(--border);text-align:center;border-radius:10px;margin:1rem;padding:3rem 2rem;transition:all .15s}.upload-zone:hover{background:#7c3aed0d;border-color:#7c3aed}.upload-icon{margin-bottom:1rem}.upload-icon svg{width:48px;height:48px;color:var(--text-muted)}.upload-text{color:var(--text);margin-bottom:.5rem;font-size:1rem}.upload-hint{color:var(--text-dim);margin-bottom:1.5rem;font-size:.8rem}.upload-zone .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500}.review-view{grid-template-columns:1fr 320px;min-height:400px;transition:grid-template-columns .3s;display:grid}.review-view.sidebar-collapsed{grid-template-columns:1fr 52px}.review-main{max-height:500px;padding:1.5rem;overflow-y:auto}.review-main::-webkit-scrollbar{width:8px}.review-main::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:4px}.review-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.review-main::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.review-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.review-title h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.review-subtitle{color:var(--text-muted);font-size:.85rem}.review-header .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;display:flex}.review-header .btn-primary svg{width:16px;height:16px}.review-cards{flex-direction:column;gap:1rem;display:flex}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem}.review-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.review-badge{color:#a78bfa;text-transform:uppercase;background:#7c3aed26;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.review-field{font-family:var(--mono);color:var(--text);font-size:.9rem}.review-confidence{color:#10b981;margin-left:auto;font-size:.75rem;font-weight:500}.review-card-title{align-items:center;gap:.5rem;display:flex}.review-table-preview{margin-bottom:1rem}.preview-label{color:var(--text-dim);letter-spacing:.05em;margin-bottom:.5rem;font-size:.65rem;font-weight:600}.preview-table{border-collapse:collapse;width:100%;font-size:.85rem}.preview-table th{text-align:left;color:#10b981;font-family:var(--mono);background:#10b98126;border:1px solid #10b98133;padding:.5rem .75rem;font-weight:500}.preview-table td{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono);padding:.4rem .75rem}.review-actions{gap:.5rem;display:flex}.review-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.review-btn svg{width:14px;height:14px}.review-btn.skip{color:var(--text-muted)}.review-btn.skip:hover{border-color:var(--border-light);background:#ffffff0d}.review-btn.accept{color:#10b981;background:#10b9811a;border-color:#10b9814d;flex:1}.review-btn.accept:hover{background:#10b98126;border-color:#10b981}.review-sidebar{background:var(--bg);border-left:1px solid var(--border);padding:1.5rem;transition:width .3s,padding .3s;position:relative}.review-sidebar.collapsed{flex-direction:column;align-items:center;width:52px;min-width:52px;padding:3rem 0 1rem;display:flex;overflow:visible}.sidebar-toggle{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.sidebar-toggle:hover{background:var(--border);color:var(--text)}.review-sidebar.collapsed .sidebar-toggle{position:absolute;top:.75rem;right:50%;transform:translate(50%)}.collapsed-icons{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex;overflow:visible}.collapsed-icon{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;overflow:visible}.collapsed-icon:hover{background:var(--bg-elevated);color:var(--text)}.collapsed-icon.has-badge .icon-badge{color:#fff;z-index:10;background:#7c3aed;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.review-summary-title{color:var(--text);margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.review-stats{gap:1rem;margin-bottom:1.5rem;display:flex}.review-stat{text-align:center;background:var(--bg-elevated);border-radius:8px;flex:1;padding:.75rem}.review-stat-value{color:var(--text);margin-bottom:.25rem;font-size:1.25rem;font-weight:600;display:block}.review-stat-value.accepted{color:#10b981}.review-stat-value.kept{color:var(--text-muted)}.review-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.review-progress{margin-top:1rem}.review-progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.review-progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .3s}.review-progress-text{color:var(--text-muted);font-size:.8rem}.review-bulk-actions{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.bulk-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.bulk-btn svg{width:14px;height:14px}.bulk-btn.accept{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.bulk-btn.accept:hover{background:#10b98133;border-color:#10b98180}.bulk-btn.dismiss{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0d}.bulk-btn.dismiss:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.all-fixed-message{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.all-fixed-message svg{width:48px;height:48px;color:var(--green)}.all-fixed-message span{color:var(--green);font-size:1.1rem}.all-fixed-message .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500}.tests-generated-view{text-align:center;padding:2rem}.tests-generated-view .success-icon{background:#4ade8026;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.tests-generated-view .success-icon svg{width:30px;height:30px;color:var(--green)}.tests-generated-view h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.tests-generated-view p{color:var(--text-muted);margin-bottom:1.5rem}.test-results{text-align:left;background:var(--bg);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.test-result-item{color:var(--text-muted);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.85rem;display:flex}.test-result-item.passed{color:var(--green)}.test-result-item svg{width:16px;height:16px}.tests-generated-view .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.tests-generated-view .btn-primary svg{width:16px;height:16px}.columns-added-summary{color:#10b981;background:#10b9811a;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.columns-added-summary svg{width:16px;height:16px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.deploy-icon.spinning svg{animation:1s linear infinite spin}.deploy-success{text-align:center;padding:2rem}.success-animation{background:#4ade8026;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;animation:.3s scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-animation svg{width:40px;height:40px;color:var(--green)}.deploy-success h3{color:var(--green);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.deploy-success p{color:var(--text-muted);margin-bottom:2rem}.deploy-stats{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.stat{text-align:center}.stat-value{color:var(--text);font-size:1.5rem;font-weight:600;font-family:var(--mono);display:block}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.deploy-success .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .15s}.deploy-success .btn-secondary:hover{border-color:var(--border-light);color:var(--text)}.deploy-success-actions{justify-content:center;gap:1rem;display:flex}.deploy-success-actions .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.deploy-success-actions .btn-primary:hover{background:#6d28d9}.deploy-success-actions .btn-primary svg{width:16px;height:16px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.report-view{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.changes-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.changes-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.changes-header svg{color:#4ade80;width:20px;height:20px}.changes-header h4{margin:0;font-size:1rem;font-weight:600}.changes-section{margin-bottom:1rem}.changes-section-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.changes-list{flex-direction:column;gap:.5rem;display:flex}.change-item{background:var(--bg-elevated);border-radius:6px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.change-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.change-icon svg{width:16px;height:16px}.change-item.keep .change-icon svg{color:#4ade80}.change-item.rename .change-icon svg{color:var(--gold)}.change-item.drop .change-icon svg{color:#ef4444}.change-item.added .change-icon svg{color:#60a5fa}.change-item.pending .change-icon svg{color:var(--text-muted)}.change-item.empty{color:var(--text-muted);padding:.5rem .75rem;font-size:.85rem;font-style:italic}.change-text{color:var(--text-muted)}.change-text code{font-family:var(--mono);color:var(--gold);background:#d4af3726;border-radius:3px;padding:.15rem .4rem;font-size:.85rem}.change-text code.new-name{color:#4ade80;background:#4ade8026}.change-item.drop .change-text code{color:#ef4444;background:#ef444426;text-decoration:line-through}.edit-changes-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:all .15s;display:inline-flex}.edit-changes-btn:hover{border-color:var(--border-light);color:var(--text)}.edit-changes-btn svg{width:14px;height:14px}.share-description{color:var(--text-muted);margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.skip-report-section{border-top:1px solid var(--border);color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.85rem;display:flex}.skip-report-section .btn-text{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.85rem;transition:color .15s;display:inline-flex}.skip-report-section .btn-text:hover{color:var(--text)}.skip-report-section .btn-text svg{width:14px;height:14px}.report-issue-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem}.issue-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.issue-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.7rem}.issue-badge{color:#60a5fa;background:#3b82f633;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.issue-title{color:#fbbf24;font-family:var(--mono);background:#eab3081a;border:1px solid #eab3084d;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.85rem;display:flex}.issue-warning{color:#fbbf24}.issue-affected{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.affected-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.7rem}.affected-link{color:var(--text-muted);cursor:pointer;font-size:.75rem}.affected-column{margin-bottom:1rem;display:inline-block}.affected-column code{background:var(--bg-card);border:1px solid var(--border);font-family:var(--mono);color:var(--gold);border-radius:4px;padding:.5rem .75rem;font-size:.85rem;display:inline-block}.suggested-fix{margin-bottom:1rem}.fix-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem;display:block}.fix-text{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;margin:0;padding:.75rem;font-size:.85rem}.issue-actions{border-top:1px solid var(--border);justify-content:center;gap:1rem;padding-top:.5rem;display:flex}.issue-btn{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.issue-btn svg{width:16px;height:16px}.issue-btn.dismiss{color:#ef4444;background:0 0;border:none}.issue-btn.dismiss:hover{background:#ef44441a}.issue-btn.rename{color:#60a5fa;background:0 0;border:none}.issue-btn.rename:hover{background:#60a5fa1a}.report-share-section{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:8px;padding:2rem}.report-share-section.left-aligned{text-align:center}.report-share-section.left-aligned .share-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.report-share-section.left-aligned .share-icon{margin:0}.report-share-section.left-aligned .share-header-text{text-align:center}.report-share-section.left-aligned .share-header-text h4{margin:0 0 .75rem;font-size:1.4rem}.report-share-section.left-aligned .share-description{max-width:100%;margin:0;font-size:1.15rem;line-height:1.7}.report-share-section.left-aligned .create-report-btn{margin:0 auto;display:flex}.share-icon{background:#7c3aed26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;display:flex}.share-icon svg{color:#7c3aed;width:24px;height:24px}.report-share-section h4{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.report-share-section p{color:var(--text-muted);max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.85rem}.create-report-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.create-report-btn:hover{background:#6d28d9}.create-report-btn:disabled{opacity:.6;cursor:not-allowed}.create-report-btn svg{width:18px;height:18px}.report-success{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1.5rem;position:relative}.popup-overlay{z-index:9;cursor:pointer;background:#00000040;position:absolute;inset:0}.copy-popup{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:8px;min-width:280px;animation:.2s popupFadeIn;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.popup-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.popup-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.popup-title{color:var(--text);flex:1;font-size:.95rem}.popup-check{cursor:pointer;background:#10b981;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,transform .15s;display:flex}.popup-check:hover{background:#34d399;transform:scale(1.05)}.popup-check svg{color:#fff;width:18px;height:18px}.popup-footer{color:var(--text-muted);background:var(--bg-elevated);padding:.6rem 1rem;font-size:.8rem}.popup-footer kbd{background:var(--bg-card);border:1px solid var(--border);font-family:var(--mono);color:var(--text);border-radius:4px;margin:0 .15rem;padding:.15rem .4rem;font-size:.75rem;display:inline-block}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.report-success-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.report-success-header .success-icon{background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.report-success-header .success-icon svg{color:#10b981;width:20px;height:20px}.report-success-header h4{margin-bottom:.25rem;font-size:1rem;font-weight:600}.report-success-header p{color:var(--text-muted);margin:0;font-size:.85rem}.report-link-section,.access-code-section{margin-bottom:1rem}.link-label,.code-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem;display:block}.link-row,.code-row{align-items:center;gap:.75rem;display:flex}.link-row code{background:var(--bg-card);border:1px solid var(--border);min-width:0;font-family:var(--mono);color:var(--text-muted);word-break:break-all;overflow-wrap:break-word;border-radius:6px;flex:1;padding:.75rem;font-size:.8rem}.copy-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.copy-btn:hover{border-color:var(--border-light);color:var(--text)}.copy-btn svg{width:14px;height:14px}.access-code{font-family:var(--mono);letter-spacing:.5rem;text-align:center;color:#fb923c;background:#ea580c26;border:2px solid #ea580c66;border-radius:6px;flex:1;padding:1rem;font-size:1.25rem;font-weight:600}.code-warning{color:#fb923c;margin:.5rem 0 0;font-size:.75rem}.report-expires{background:var(--bg-card);color:var(--text-muted);border-radius:6px;margin-bottom:1.5rem;padding:.75rem;font-size:.85rem}.report-actions{justify-content:flex-end;gap:.75rem;display:flex}.report-actions .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.report-actions .btn-secondary:hover{border-color:var(--border-light);color:var(--text)}.report-actions .btn-secondary svg{width:14px;height:14px}.report-actions .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.report-actions .btn-primary:hover{background:#6d28d9}.report-actions .btn-primary svg{width:14px;height:14px}.report-actions .btn-text{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.report-actions .btn-text:hover{color:var(--text)}.report-actions .btn-text svg{width:14px;height:14px}.issue-dismissed-message{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.issue-dismissed-message svg{width:20px;height:20px}.schema-view{padding:1.5rem}.schema-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.schema-title-section h3{margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.schema-title-section p{color:var(--text-muted);font-size:.9rem}.schema-counter{color:var(--text-muted);font-size:.85rem}.schema-issue-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.schema-issue-card .issue-header{justify-content:space-between;margin-bottom:1rem;display:flex}.issue-number{color:var(--text-muted);font-size:.85rem}.issue-severity{border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.issue-severity.critical{color:#a78bfa;background:#7c3aed33}.issue-severity.warning{color:#fbbf24;background:#fbbf2433}.issue-severity.info{color:#60a5fa;background:#3b82f633}.issue-title-row{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:500;display:flex}.issue-description{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.suggestion-box{background:var(--bg-card);border-radius:6px;margin-bottom:1.5rem;padding:1rem}.suggestion-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem;display:block}.suggestion-box p{color:var(--text-secondary);margin:0}.action-choice{border-top:1px solid var(--border);padding-top:1rem}.action-label{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;display:block}.column-action-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.column-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);min-width:60px;font-size:.7rem}.column-label.new{color:#10b981}.column-action-row code{font-family:var(--mono);color:var(--text-muted)}.rename-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.9rem}.rename-input:focus{border-color:var(--gold);outline:none}.rename-input.has-value{color:#4ade80;border-color:#4ade80}.action-buttons{gap:.5rem;display:flex}.action-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;transition:all .15s}.action-btn:hover{border-color:var(--border-light);color:var(--text)}.action-btn.active{color:#a78bfa;background:#7c3aed33;border-color:#7c3aed66}.action-btn.drop{color:var(--text-muted);border-color:#ef44444d}.action-btn.drop:hover{color:#ef4444;border-color:#ef444480}.action-btn.drop.active{color:#ef4444;background:#ef444433;border-color:#ef444466}.rename-input.dropped{color:#ef4444;border-color:#ef444466;text-decoration:line-through}.rename-input.dropped::placeholder{color:#ef444499;text-decoration:none}.schema-nav{justify-content:space-between;display:flex}.schema-nav .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.schema-nav .btn-secondary:hover{border-color:var(--border-light);color:var(--text)}.schema-nav .btn-secondary svg,.schema-nav .btn-primary svg{width:16px;height:16px}.schema-nav .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:500;display:flex}.schema-nav .btn-primary:hover{background:#6d28d9}.tests-view{padding:1.5rem}.generate-tests-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden}.generate-tests-simple{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:12px;padding:3rem 2rem}.generate-tests-simple .generate-icon{color:#a78bfa;background:#7c3aed26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.generate-tests-simple h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.generate-tests-simple .generate-description{color:var(--text-muted);max-width:400px;margin:0 auto 2rem;font-size:1rem;line-height:1.6}.generate-summary{background:var(--bg);border-radius:8px;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1.5rem;display:flex}.summary-item{text-align:center}.summary-item .summary-value{color:var(--text);font-size:1.5rem;font-weight:600;display:block}.summary-item .summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.generate-actions{justify-content:center;gap:1rem;display:flex}.generate-actions .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;transition:all .15s;display:flex}.generate-actions .btn-secondary:hover{border-color:var(--border-light);color:var(--text)}.generate-actions .btn-secondary svg{width:16px;height:16px}.generate-actions .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.generate-actions .btn-primary:hover{background:#6d28d9}.form-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-icon{color:#7c3aed}.form-header h3{flex:1;font-size:1rem;font-weight:600}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.form-section{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.form-section:last-of-type{border-bottom:none}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.7rem}.select-actions{gap:1rem;display:flex}.select-link{color:#60a5fa;cursor:pointer;font-size:.8rem}.select-link:hover{text-decoration:underline}.table-list{flex-direction:column;gap:.5rem;display:flex}.table-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.table-item.selected{background:#7c3aed0d;border-color:#7c3aed66}.table-item input[type=checkbox]{accent-color:#7c3aed}.table-item svg{width:18px;height:18px;color:var(--text-muted)}.table-name{font-family:var(--mono);flex:1;font-size:.9rem}.table-meta{color:var(--text-dim);font-size:.75rem}.form-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:.75rem;font-size:.9rem}.form-input:focus{border-color:var(--gold);outline:none}.section-hint{color:var(--text-muted);margin:.25rem 0 .75rem;font-size:.8rem}.form-textarea{background:var(--bg-card);border:1px solid var(--border);width:100%;min-height:80px;color:var(--text);resize:vertical;border-radius:6px;padding:.75rem;font-family:inherit;font-size:.9rem}.form-textarea:focus{border-color:var(--gold);outline:none}.upload-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.upload-btn svg{width:14px;height:14px}.form-actions{border-top:1px solid var(--border);justify-content:space-between;padding:1rem 1.5rem;display:flex}.form-actions .btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.generate-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:500;display:flex}.generate-btn:hover{background:#6d28d9}.test-results{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.results-header{justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;display:flex}.results-title{align-items:center;gap:.75rem;display:flex}.results-title svg{width:32px;height:32px;color:var(--text-muted)}.results-title h3{margin-bottom:.25rem;font-size:1rem;font-weight:600}.results-date{color:var(--text-dim);font-size:.8rem}.results-badge{border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:500}.results-badge.completed{color:#10b981;background:#10b98133}.results-progress-bar{background:linear-gradient(90deg,#10b981 61%,#ef4444 61%);height:4px}.results-stats{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;display:flex}.result-stat{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.result-stat svg{width:14px;height:14px}.result-stat.passed svg{color:#10b981}.result-stat.failed svg{color:#ef4444}.results-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem;display:flex}.tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:.35rem .75rem;font-size:.8rem}.tab.active{background:var(--bg-elevated);border-color:var(--gold);color:var(--text)}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;margin-left:auto;padding:.35rem .75rem;font-size:.8rem;display:flex}.refresh-btn svg{width:14px;height:14px}.test-results-list{scrollbar-width:thin;scrollbar-color:#4a4a4a #1a1a1a;max-height:300px;overflow-y:auto}.test-results-list::-webkit-scrollbar{width:8px}.test-results-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.test-results-list::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.test-results-list::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.test-result-item{border-bottom:1px solid var(--border)}.result-header{cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:background .15s;display:flex}.result-header:hover{background:#ffffff05}.result-header .chevron{width:16px;height:16px;color:var(--text-muted);transition:transform .2s}.result-header .chevron.rotated{transform:rotate(180deg)}.result-header .status-icon{width:18px;height:18px}.result-header .status-icon.passed{color:#4ade80}.result-header .status-icon.failed{color:#ef4444}.result-question{flex:1;font-size:.9rem}.result-tag{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.result-tag.passed{color:#4ade80;background:#4ade8033}.result-tag.failed{color:#ef4444;background:#ef444433}.result-tag.type{color:#a78bfa;background:#7c3aed33}.result-details{border-top:1px solid var(--border);background:#0003;padding:1rem 1.5rem 1.5rem 3.5rem}.detail-row{gap:1rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.detail-row:last-child{margin-bottom:0}.detail-label{width:70px;color:var(--text-muted);flex-shrink:0}.detail-row code{color:var(--text);background:var(--bg);border-radius:4px;padding:.25rem .5rem;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.detail-row code.error{color:#ef4444}.no-results{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.test-results .test-actions{justify-content:space-between;padding:1rem 1.5rem;display:flex}.test-results .test-actions .btn-secondary{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.test-results .test-actions .btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:500;display:flex}.test-results .test-actions .btn-primary svg{width:16px;height:16px}@media (max-width:1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid.five-steps,.steps-grid.six-steps,.steps-grid.seven-steps{grid-template-columns:repeat(4,1fr)}.validate-view{grid-template-columns:1fr}.validate-sidebar{border-left:none;border-top:1px solid var(--border)}.collection-grid{grid-template-columns:1fr}.file-list-header,.file-row{grid-template-columns:32px 1fr 100px}.file-size{display:none}}@media (max-width:768px){.steps-grid.five-steps,.steps-grid.six-steps,.steps-grid.seven-steps{grid-template-columns:repeat(2,1fr)}.interactive-demo{padding:60px 1rem}.steps-grid{grid-template-columns:1fr}.breadcrumb-row{flex-wrap:wrap}.search-box{order:3;width:100%;margin-top:.5rem;margin-left:0}.results-header{flex-direction:column;align-items:flex-start;gap:1rem}.results-stats{flex-wrap:wrap;gap:.75rem 1.5rem}.results-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem;overflow-x:auto}.results-tabs::-webkit-scrollbar{display:none}.results-tabs .tab{white-space:nowrap;flex-shrink:0}.result-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.result-header .chevron{order:1}.result-header .status-icon{order:2}.result-question{flex-basis:calc(100% - 60px);order:3;font-size:.85rem}.result-tag{order:4;font-size:.65rem}.result-details{padding:1rem}.detail-row{flex-direction:column;gap:.25rem}.detail-label{text-transform:uppercase;letter-spacing:.05em;width:auto;font-size:.7rem}.detail-row code{word-break:break-all;font-size:.75rem}.test-results .test-actions{flex-direction:column;gap:.75rem}.test-results .test-actions .btn-secondary,.test-results .test-actions .btn-primary{justify-content:center;width:100%}.generate-summary{gap:1.5rem}.generate-actions{flex-direction:column}.generate-actions .btn-secondary,.generate-actions .btn-primary{justify-content:center;width:100%}}