@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#f4efe7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f141b;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:#0f141b;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}code{font-family:Space Grotesk,monospace}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-layout{z-index:1;width:min(1240px,100vw - 32px);margin:0 auto;padding:32px 0 72px;position:relative}.hero-card,.control-bar,.result-card,.feedback-banner,.empty-state{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a1017b3;border:1px solid #ffffff14;box-shadow:0 24px 60px #00000047}.hero-card{border-radius:28px;grid-template-columns:minmax(0,1fr) auto;gap:28px;margin-bottom:24px;padding:34px;display:grid}.hero-copy__eyebrow,.section-label,.dropzone__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#9dc0bf;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.hero-copy h1,.content-section__header h2,.empty-state h2{letter-spacing:-.04em;margin:10px 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,4vw,4.3rem);line-height:.98}.hero-copy p,.content-section__header p,.empty-state p{color:#c6d1d0;max-width:62ch;margin:0;line-height:1.65}.hero-badges{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.hero-badges span,.runtime-pill,.pill,.callout,.summary-card span,.summary-card strong{border-radius:999px}.hero-badges span{color:#eff5f4;background:#ffffff0f;padding:12px 16px}.upload-grid,.summary-grid,.schema-overview-grid{gap:20px;display:grid}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dropzone{background:linear-gradient(160deg,#ffffff14,#ffffff08),#070c11b8;border:1px solid #ffffff1a;border-radius:24px;gap:10px;min-height:240px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.dropzone:before{content:"";opacity:.9;height:5px;position:absolute;inset:auto 0 0}.dropzone--left:before{background:linear-gradient(90deg,#00cba9,#4ff1d0)}.dropzone--right:before{background:linear-gradient(90deg,#f57c00,#ffc266)}.dropzone:hover,.dropzone.is-dragging{border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 20px 50px #00000052}.dropzone input{opacity:0;position:absolute;inset:0}.dropzone__title{font-family:Space Grotesk,sans-serif;font-size:1.6rem}.dropzone__subtitle,.dropzone__hint,.metadata-row small,.result-card summary span,.summary-card span{color:#9cb0b5}.dropzone__meta{background:#ffffff0d;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding:16px;display:inline-flex}.ghost-button,.compare-button,.option-toggle{border:0;transition:transform .18s,opacity .18s,background .18s,color .18s}.ghost-button{color:#f1f8f7;background:#ffffff14;border-radius:999px;padding:8px 12px}.control-bar{border-radius:24px;grid-template-columns:minmax(0,1fr) auto;gap:20px;margin:24px 0;padding:28px;display:grid}.option-grid{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.option-toggle{text-align:left;color:#d9e3e4;background:#ffffff0b;border-radius:18px;gap:6px;min-width:220px;padding:16px 18px;display:grid}.option-toggle small{color:#9db0b4}.option-toggle.is-active{color:#fff;background:linear-gradient(140deg,#00cba933,#00cba914)}.control-bar__actions{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.runtime-pill{color:#d7e5e3;background:#ffffff0f;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.runtime-pill span{background:#73878d;border-radius:999px;width:10px;height:10px}.runtime-pill span.is-ready{background:#00cba9;box-shadow:0 0 0 6px #00cba924}.compare-button{color:#0c1118;letter-spacing:.02em;background:linear-gradient(135deg,#f57c00,#ffb347);border-radius:18px;padding:14px 22px;font-weight:800}.compare-button:disabled{opacity:.55;cursor:not-allowed}.compare-button:not(:disabled):hover,.ghost-button:hover,.option-toggle:hover{transform:translateY(-2px)}.feedback-banner,.empty-state,.result-card--static{border-radius:22px;padding:22px 24px}.feedback-banner--error{color:#ffd6c9;background:#581a118f;border-color:#ff7a5961}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.summary-card{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:20px;padding:18px}.summary-card strong{color:#fff;margin-top:12px;font-size:clamp(1.8rem,3vw,2.5rem);display:block}.summary-card--warn strong{color:#ffb878}.summary-card--accent strong{color:#74f3d8}.content-section{margin-top:28px}.content-section__header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.content-section__header h2{font-size:clamp(1.8rem,2.6vw,2.5rem)}.result-card{border-radius:24px;margin-bottom:18px;overflow:hidden}.result-card summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 24px;list-style:none;display:flex}.result-card summary::-webkit-details-marker{display:none}.result-card__summary-text{min-width:0}.result-card__summary-text--inline{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.result-card__summary-text strong{flex:none}.result-card__summary-text span{min-width:0}.result-card__content{padding:0 24px 24px}.result-card__toolbar{justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.result-card__footer-action{justify-content:center;margin-top:18px;display:flex}.pill-group,.stat-inline-row,.changed-row-card__columns{flex-wrap:wrap;gap:10px;display:flex}.pill{color:#e9f1f0;background:#ffffff0f;padding:9px 12px}.pill--left{color:#81f2dc;background:#00cba924}.pill--right{color:#ffcb8e;background:#f57c0024}.pill--warn{color:#ffd68f;background:#ffc7691f}.schema-grid,.metadata-grid,.changed-row-list{gap:14px;display:grid}.schema-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:16px 0}.schema-change-card,.table-panel,.changed-row-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:16px}.schema-change-card h4,.table-panel h4,.result-card h3,.empty-state h2{margin:0 0 10px}.schema-change-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.schema-change-card__header .pill-group{justify-content:flex-end}.schema-signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.schema-signature-block{background:#0000002e;border-radius:14px;gap:8px;min-width:0;padding:12px;display:grid}.schema-signature-block span{color:#95a8ae;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.schema-signature-block code{color:#f2f5f5;white-space:normal;overflow-wrap:anywhere;line-height:1.55;display:block}.schema-change-card p,.callout,.stat-inline-row,.changed-row-card summary{color:#c4d3d4}.callout{background:#ffffff0d;margin:16px 0 0;padding:12px 14px;display:inline-flex}.icon-button{color:#f1f5f4;background:#ffffff0f;border:0;border-radius:14px;flex:none;width:42px;height:42px;font-size:1.15rem;line-height:1;transition:transform .18s,background .18s,color .18s}.icon-button:hover{background:#ffffff1a;transform:translateY(-2px)}.metadata-grid--head,.metadata-row{grid-template-columns:minmax(180px,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.metadata-grid--head{color:#90aaaf;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid #ffffff14;margin-bottom:8px;padding-bottom:14px;font-size:.75rem}.metadata-row{border-bottom:1px solid #ffffff0f;padding:12px 0}.metadata-row.is-different code{color:#fff0dc}.table-panel__header,.changed-row-card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.grid-table-wrapper{overflow:auto}.grid-table{border-collapse:collapse;width:100%}.grid-table th,.grid-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:12px 14px}.grid-table th{color:#95a8ae;text-transform:uppercase;letter-spacing:.12em;font-size:.84rem}.changed-row-card__columns article{background:#00000029;border-radius:14px;flex:240px;min-width:220px;padding:12px}.changed-row-card__columns article span{color:#9ab0b3;margin-bottom:8px;display:block}.changed-row-card__columns article div{gap:6px;display:grid}.stat-inline-row{margin-bottom:14px}.empty-state{text-align:center;padding:42px 28px}@media (width<=980px){.hero-card,.control-bar,.content-section__header,.upload-grid,.summary-grid,.schema-overview-grid,.metadata-grid--head,.metadata-row{grid-template-columns:1fr}.hero-card,.control-bar,.content-section__header{display:grid}.hero-badges,.control-bar__actions{align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid--head{display:none}.metadata-row{background:#ffffff0a;border-radius:16px;padding:16px}}@media (width<=720px){.app-layout{width:min(100vw - 20px,100%);padding-top:20px}.hero-card,.control-bar,.dropzone,.result-card summary,.result-card__content{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:clamp(2.2rem,14vw,3.1rem)}.summary-grid{grid-template-columns:1fr}.option-toggle{width:100%}.schema-change-card__header,.schema-signature-grid,.result-card__toolbar{grid-template-columns:1fr;display:grid}.metadata-row{gap:8px}}