@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700;800&display=swap";
:root{--plum:#42183f;--plum-soft:#80677f;--magenta:#ed82c8;--magenta-dark:#a61756;--rose:#f5d6ed;--mint:#9be8d8;--lemon:#ffd866;--milk:#fff8fc;--paper:#fffdfd;--line:#a636742e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--plum);background:linear-gradient(125deg,#fff8fc 0%,#fdeaf6 48%,#f3d0f1 100%) fixed;margin:0;font-family:Inter,sans-serif}button,select,input{font:inherit}button{cursor:pointer}.shell{width:min(900px,100% - 40px);margin:0 auto}.topbar{justify-content:center;align-items:center;height:82px;display:flex}.brand{color:var(--magenta-dark);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-wordmark{letter-spacing:-.045em;font:700 29px/.9 Cormorant Garamond,Georgia,serif}.brand-spark{width:25px;height:27px;color:var(--magenta);flex:0 0 25px;display:block;position:relative}.brand-spark:before,.brand-spark:after{content:"✦";font-family:Georgia,serif;line-height:1;position:absolute}.brand-spark:before{font-size:21px;top:6px;left:0}.brand-spark:after{color:#f36ba9;font-size:12px;top:0;right:0}.brand-spark-right{transform:scaleX(-1)}.section-kicker{color:var(--magenta-dark);letter-spacing:.14em;font:700 10px Sora,sans-serif}.workspace{padding:0 0 84px}.result-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.control-row{align-items:flex-end;gap:25px;margin:30px 0 13px;display:flex}.platform-control label{color:#2a163594;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.select-wrap{position:relative}.select-wrap select{appearance:none;min-width:190px;color:var(--plum);background:#fffdfde6;border:1px solid #ed82c880;border-radius:9px;outline:none;padding:12px 38px 12px 13px;font-size:13px;font-weight:600}.select-wrap select:focus{border-color:var(--magenta-dark);box-shadow:0 0 0 3px #ff4fa321}.select-wrap>span{pointer-events:none;font-size:18px;position:absolute;top:8px;right:13px}.mapping-note{color:#2a16357a;padding-bottom:12px;font-size:11px}.dropzone{cursor:pointer;background:#fffdfd94;border:1px dashed #a6367461;border-radius:15px;align-items:center;gap:17px;min-height:142px;padding:26px 28px;transition:background .2s,border-color .2s,transform .2s;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:var(--magenta-dark);background:var(--rose);transform:translateY(-1px)}.upload-symbol{background:var(--plum);width:42px;height:42px;color:var(--lemon);border-radius:12px;flex:0 0 42px;place-content:center;font-size:25px;display:grid}.upload-symbol span{transform:translateY(-2px)}.dropzone-copy{flex-direction:column;gap:5px;display:flex}.dropzone-copy strong{font:600 14px Sora,sans-serif}.dropzone-copy span{color:#2a16358c;font-size:12px}.marketplace-placeholder{border:1px solid var(--line);background:#2a163509;border-radius:15px;flex-direction:column;justify-content:center;gap:7px;min-height:142px;padding:26px 28px;display:flex}.marketplace-placeholder strong{font:600 14px Sora,sans-serif}.marketplace-placeholder span{color:#2a16358c;font-size:12px}.loaded-file{background:#9be8d840;border:1px solid #36ba8c59;border-radius:13px;align-items:center;gap:13px;min-height:76px;padding:13px 16px;display:flex}.file-icon{background:var(--paper);color:#279a73;border-radius:6px;flex:0 0 35px;place-content:center;width:35px;height:40px;font:800 14px Sora;display:grid}.loaded-file-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.loaded-file-copy strong{text-overflow:ellipsis;white-space:nowrap;font:600 13px Sora;overflow:hidden}.loaded-file-copy span{color:#2a163591;font-size:11px}.text-button,.close-button{background:0 0;border:0}.text-button{color:var(--magenta-dark);white-space:nowrap;font-size:11px;font-weight:700}.close-button{color:#2a16357a;padding:4px 0 4px 8px;font-size:20px}.error-message{color:#9f214e;background:#fff0f4;border-radius:9px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:11px;display:flex}.error-message span{color:#fff;background:#e94b7a;border-radius:50%;place-content:center;width:16px;height:16px;font-weight:700;display:grid}.results{padding:0 0 80px}.result-heading{border-bottom:1px solid var(--line);padding-bottom:23px}.analysis-meta{color:#2a163587;font-size:11px}.checkmark{color:#279a73;margin-right:4px;font-size:14px}.result-summary{border-bottom:1px solid var(--line);align-items:center;gap:32px;padding:20px 0 24px;display:flex}.result-summary>div:not(.summary-status){align-items:baseline;gap:7px;display:flex}.result-summary strong{letter-spacing:-.07em;font:700 25px Sora}.result-summary span{color:#2a16358c;font-size:11px}.summary-status{color:#279a73;margin-left:auto;font-size:11px;font-weight:600}.table-card{background:#fffdfdeb;border:1px solid #a6367429;border-radius:15px;margin-top:30px;overflow:hidden}.table-heading{border-bottom:1px solid var(--line);padding:21px 23px 17px}.table-heading h3{letter-spacing:-.035em;margin:0 0 5px;font:600 15px Sora}.table-heading span{color:#2a163580;font-size:11px}.discrepancy-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:"title normalized""values normalized";align-items:center;gap:10px 22px;padding:19px 23px;display:grid}.discrepancy-item:last-child{border-bottom:0}.discrepancy-item.is-excluded{background:#2a163505}.group-title{grid-area:title;align-items:flex-start;gap:10px;display:flex}.group-selection{cursor:pointer;flex:0 0 21px;place-content:center;width:21px;height:21px;display:grid;position:relative}.group-selection input{opacity:0;width:1px;height:1px;position:absolute}.group-selection span{background:var(--paper);border:1.5px solid #279a738c;border-radius:5px;place-content:center;width:19px;height:19px;display:grid}.group-selection input:checked+span{background:#279a73;border-color:#279a73}.group-selection input:checked+span:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.group-selection input:focus-visible+span{outline-offset:2px;outline:3px solid #279a7340}.warning-mark{background:var(--lemon);width:21px;height:21px;color:var(--plum);border-radius:6px;flex:0 0 21px;place-content:center;font:800 11px Sora;display:grid}.group-title div{flex-direction:column;gap:2px;min-width:0;line-height:1.35;display:flex;overflow:visible}.group-title strong{white-space:nowrap;font:600 13px Sora}.group-title span{color:#2a163585;white-space:nowrap;font-size:13px}.variation-values{flex-wrap:wrap;grid-area:values;gap:7px;display:flex}.variation-value{background:var(--milk);color:#2a163591;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:10px;display:flex}.variation-value b{color:var(--plum);font:700 12px Sora}.normalized-value{border-left:1px solid var(--line);grid-area:normalized;padding-left:18px}.normalized-value span{color:#279a73;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.suggestion-stepper{align-items:center;gap:6px;margin-top:4px;display:flex}.suggestion-stepper button{color:#279a73;background:#9be8d838;border:1px solid #279a7347;border-radius:6px;place-content:center;width:22px;height:22px;font-size:17px;line-height:1;display:grid}.suggestion-stepper button:hover{background:var(--mint)}.suggestion-stepper button:disabled{cursor:not-allowed;opacity:.45}.suggestion-stepper strong{color:#279a73;text-align:center;min-width:22px;margin-top:0;font:700 22px Sora;display:block}.discrepancy-item.is-excluded .variation-values,.discrepancy-item.is-excluded .normalized-value{opacity:.52}.empty-results{text-align:center;flex-direction:column;align-items:center;padding:45px 20px;display:flex}.empty-check{background:var(--mint);color:#22785d;border-radius:50%;place-content:center;width:34px;height:34px;margin-bottom:12px;display:grid}.empty-results strong{font:600 14px Sora}.empty-results span{color:#2a16358c;max-width:390px;margin-top:6px;font-size:11px;line-height:1.5}.invalid-summary{background:#fff9e2;border-top:1px solid #ffd86666;align-items:flex-start;gap:10px;padding:14px 23px;display:flex}.invalid-content{flex-direction:column;gap:6px;min-width:0;display:flex}.invalid-summary strong{font-size:11px}.invalid-list{color:#2a163594;flex-direction:column;gap:3px;margin:0;padding:0;font-size:10px;list-style:none;display:flex}.invalid-list li{line-height:1.4}.action-card{color:var(--plum);background:#fffdfdd1;border:1px solid #a6367424;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:19px 23px;display:flex}.action-copy h3{letter-spacing:-.03em;margin:0 0 5px;font:600 14px Sora}.action-copy p{color:var(--plum-soft);margin:0;font-size:11px}.primary-button{color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#ee9bd1 0%,#cf7dde 100%);border:0;border-radius:8px;padding:11px 14px;font:700 10px Sora;transition:filter .2s,transform .2s}.primary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-button span{margin-left:8px;font-size:14px}.mapping-footnote{color:#2a163575;margin:11px 2px 0;font-size:10px}.mapping-footnote b{color:var(--plum-soft)}.footer{color:#a61756ad;text-align:center;background:0 0;border-top:1px solid #a636741a;justify-content:center;width:100%;padding:32px 20px 38px;font:400 12px/1.2 Sora,sans-serif;display:flex}.footer b{color:var(--magenta);vertical-align:-1px;font-size:16px;font-weight:500}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:28px 20px;display:flex}.login-brand{color:var(--magenta-dark);align-items:center;gap:10px;display:flex}.login-card{background:#fffdfdeb;border:1px solid #a6367429;border-radius:16px;width:min(390px,100%);padding:30px;box-shadow:0 18px 50px #a636741a}.login-card h1{letter-spacing:-.045em;margin:10px 0 7px;font:600 22px Sora,sans-serif}.login-card>p{color:var(--plum-soft);margin:0 0 24px;font-size:12px;line-height:1.5}.login-card form{flex-direction:column;gap:8px;display:flex}.login-card label{color:#2a1635a6;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.login-card input{background:var(--paper);color:var(--plum);border:1px solid #ed82c880;border-radius:9px;outline:none;padding:12px 13px}.login-card input:focus{border-color:var(--magenta-dark);box-shadow:0 0 0 3px #ff4fa321}.login-card form button{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#ee9bd1 0%,#cf7dde 100%);border:0;border-radius:8px;margin-top:8px;padding:12px 14px;font:700 10px Sora}.login-card form button:disabled{cursor:wait;opacity:.65}.login-error{color:#9f214e;background:#fff0f4;border-radius:8px;padding:9px 10px;font-size:11px}@media (max-width:700px){.result-heading{display:block}.analysis-meta{margin-top:12px}.control-row{flex-direction:column;align-items:flex-start;gap:13px}.mapping-note{padding:0}.result-summary{flex-wrap:wrap;gap:15px 25px}.summary-status{width:100%;margin-left:0}.discrepancy-item{grid-template-columns:1fr;grid-template-areas:"title""values""normalized";gap:14px}.normalized-value{border-top:1px solid var(--line);border-left:0;padding:12px 0 0}.group-title strong,.group-title span{white-space:normal;overflow-wrap:break-word}}@media (max-width:480px){.shell{width:min(100% - 28px,900px)}.topbar{height:68px}.dropzone{flex-direction:column;align-items:flex-start}.dropzone-copy strong{line-height:1.35}.loaded-file{flex-wrap:wrap}.loaded-file-copy{width:calc(100% - 52px)}.loaded-file .text-button{margin-left:48px}.action-card{flex-direction:column;align-items:flex-start}.primary-button{width:100%}}