:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17231f;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(145deg,#edf3ef,#f8f9f7 55%,#eef3f0)}button,input{font:inherit}.shell{width:min(940px,calc(100% - 32px));margin:auto;padding:54px 0 32px}.brand{display:flex;gap:20px;align-items:center;margin-bottom:28px}.mark{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:#126b4d;color:#fff;font:700 30px Georgia,serif;box-shadow:inset 0 -5px #0002,0 10px 25px #126b4d2e;border:3px solid #fff;outline:1px solid #c9d8d1}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#126b4d}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:38px;letter-spacing:-.025em;margin-bottom:6px}.subtitle{color:#66736d;margin:0;line-height:1.5}.card{background:#fffffff2;border:1px solid #dce5e0;border-radius:22px;padding:30px;box-shadow:0 20px 60px #1f372c14}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.section-heading h2{font-size:20px;margin-bottom:4px}.section-heading p{margin:0;color:#66736d;font-size:14px}.step{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f3ee;color:#126b4d;font-weight:800}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop{min-height:190px;border:1.5px dashed #a9bdb3;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.18s;background:#fbfcfb}.drop:hover,.drop:focus-within{border-color:#126b4d;background:#f5faf7;transform:translateY(-1px)}.drop.has-file{border-style:solid;border-color:#126b4d;background:#e8f3ee}.drop input{position:absolute;opacity:0;pointer-events:none}.file-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#126b4d;color:#fff;font-size:12px;font-weight:800;margin-bottom:14px}.drop strong{font-size:16px;margin-bottom:4px}.drop>span:not(.file-icon){color:#66736d;font-size:13px}.drop em{font-style:normal;font-size:12px;color:#126b4d;font-weight:700;margin-top:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#f7f9f8;border-radius:12px;margin:18px 0;color:#66736d;font-size:13px;line-height:1.5}.rule p{margin:0}.rule-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#d5aa4a;flex:none}.primary{border:0;border-radius:12px;background:#126b4d;color:#fff;font-weight:800;font-size:15px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;text-decoration:none;transition:.18s}.primary:hover{background:#0d573e;transform:translateY(-1px)}.primary:disabled{background:#aebbb5;cursor:not-allowed;transform:none}.processing,.result{margin-top:18px;display:flex;gap:18px;align-items:center}.processing h2{font-size:18px;margin-bottom:4px}.processing p{margin:0;color:#66736d}.spinner{width:38px;height:38px;border:4px solid #e8f3ee;border-top-color:#126b4d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{align-items:flex-start}.success{width:48px;height:48px;border-radius:50%;background:#126b4d;color:#fff;font-size:24px;display:grid;place-items:center;flex:none}.result-copy{flex:1}.result h2{font-family:Georgia,serif;font-size:28px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce5e0;border-radius:14px;overflow:hidden;margin-bottom:18px}.stats div{padding:15px;border-right:1px solid #dce5e0}.stats div:last-child{border:0}.stats strong{display:block;font-size:24px}.stats span{font-size:11px;color:#66736d}.warning{padding:12px 14px;background:#fff8e7;border:1px solid #ead59f;border-radius:10px;margin-bottom:14px;color:#6f571c;font-size:13px}.warning p{margin:0}.download{margin-bottom:12px}.link-button{border:0;background:transparent;color:#126b4d;font-weight:700;cursor:pointer;width:100%;padding:8px}.error-box{margin-top:18px;padding:16px 18px;border:1px solid #e9b8b0;background:#fff3f1;color:#8c2e20;border-radius:12px;white-space:pre-wrap}footer{display:flex;justify-content:center;align-items:center;gap:12px;color:#78847e;font-size:12px;padding:24px}footer i{width:3px;height:3px;border-radius:50%;background:#aeb8b3}@media(max-width:680px){.shell{padding-top:28px}.brand{align-items:flex-start}.mark{width:54px;height:54px;border-radius:14px}h1{font-size:30px}.file-grid,.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid #dce5e0}.card{padding:22px}.result{flex-direction:column}footer{flex-wrap:wrap}}