@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,sans-serif;color:#262a33;background:#f9fbfe;font-synthesis:none;--primary: #1152ea;--primary-hover: #1546b8;--primary-dark: #1d263a;--primary-light: #eff6fd;--secondary: #097a81;--secondary-light: #e6f7f8;--text: #262a33;--muted: #70747c;--line: #e3e6eb;--white: #fff;--success: #178930;--warning: #eb9628;--error: #cb0913}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--primary-light)}button,input{font:inherit}.app{min-height:100vh;padding:clamp(28px,6vw,76px) 20px}.shell{width:min(760px,100%);margin:0 auto}.page-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-bottom:32px}.brand-logo{display:block;width:auto;height:28px;object-fit:contain}h1{margin:0;padding:5px 0 5px 28px;border-left:1px solid #c7cdd6;color:var(--primary-dark);font-size:clamp(27px,3vw,35px);line-height:1.05;letter-spacing:-.045em;font-weight:650}.import-panel{padding:clamp(12px,2vw,18px);border:1px solid rgba(17,82,234,.12);border-radius:24px;background:#ffffffb8;box-shadow:0 24px 70px #1d263a14}.dropzone{width:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #9bb7f5;border-radius:16px;background:var(--white);color:var(--text);cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.dropzone:hover,.dropzone:focus-visible,.dropzone--over{border-color:var(--primary);background:#fbfdff;box-shadow:inset 0 0 0 1px #1152ea14;transform:translateY(-2px);outline:none}.upload-icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:26px;border-radius:50%;color:var(--white);background:var(--primary);box-shadow:0 12px 30px #1152ea3d;transition:transform .25s ease,background .25s ease}.dropzone:hover .upload-icon{transform:translateY(-3px);background:var(--primary-hover)}.upload-icon svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.drop-title{color:var(--primary-dark);font-size:21px;font-weight:650;letter-spacing:-.03em}.drop-copy{margin-top:8px;color:var(--muted);font-size:13px}.drop-copy u{color:var(--primary);text-underline-offset:3px}.results-region{margin-top:22px}.result-card{padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 18px 50px #1d263a0f;animation:rise .35s ease both;overflow-x:auto}.result-card h2{margin:0;color:var(--primary-dark);font-size:clamp(22px,3vw,30px);letter-spacing:-.04em}.summary{margin:6px 0 20px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}code{font-family:DM Mono,monospace;font-size:.8em;background:var(--primary-light);padding:.18em .4em;border-radius:3px}table{width:100%;border-collapse:collapse;margin:22px 0;font-size:12px}th{color:var(--muted);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}tr.error td{background:#fff1f1}tr.warning td{background:#fff8ec}.ok{color:var(--success);font-weight:650}.error{color:var(--error)!important}.result-card button{padding:13px 20px;border:0;border-radius:8px;color:var(--white);background:var(--primary);cursor:pointer;font-size:13px;font-weight:700;transition:background .2s ease,transform .2s ease}.result-card button:hover{background:var(--primary-hover);transform:translateY(-1px)}.result-card button:disabled{background:#c7cdd6;cursor:not-allowed;transform:none}.steps{margin:24px 0 0;padding:0;list-style:none}.steps li{padding:13px 16px;margin:5px 0;border-left:3px solid var(--line);border-radius:0 8px 8px 0;background:#f9fbfe;font-size:13px}.steps li.active{border-color:var(--primary);color:var(--primary);font-weight:700}.steps li.done{border-color:var(--secondary);color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(max-width:620px){.app{padding-inline:14px}.page-heading{grid-template-columns:1fr;gap:18px}.brand-logo{height:26px}.page-heading h1{padding:18px 0 0;border-left:0;border-top:1px solid #c7cdd6}.import-panel{border-radius:18px}.dropzone{min-height:310px}.result-card{border-radius:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}