:root{color:#19272a;background:#f5f7f6;font:100%/1.6 system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:clamp(3rem,11vh,7rem) 1rem 2rem}main{max-width:32rem;margin:auto}header{margin-bottom:1.5rem}.heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}#language{min-height:2.75rem;color:inherit;font:inherit;background:#fff;border:1px solid #758c83;border-radius:.5rem;padding:.35rem .5rem}h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.75rem,10vw,4rem);line-height:1.15}header p{color:#435452;margin:.65rem 0 0}.card{background:#fff;border:1px solid #cbd6d1;border-radius:1.25rem;padding:clamp(.75rem,4vw,1.25rem)}.drop-zone{text-align:center;background:#f7faf8;border:2px dashed #758c83;border-radius:.75rem;justify-items:center;gap:.85rem;padding:2rem .75rem;display:grid}.drop-zone.dragging{background:#e1f2eb;border-style:solid}.drop-zone svg{color:#135d4c}.drop-zone p,.filename{margin:0;font-weight:650}button,.button{color:#fff;min-height:2.75rem;font:inherit;text-align:center;cursor:pointer;background:#135d4c;border:1px solid #0000;border-radius:.5rem;place-items:center;padding:.45rem 1rem;font-weight:650;text-decoration:none;display:inline-grid}:is(button,.button):hover{background:#0b4739}.secondary{color:#135d4c;background:#fff;border-color:#758c83}.secondary:hover{background:#e1f2eb}:focus-visible{outline-offset:3px;outline:3px solid #155b9e}.result{gap:.75rem;padding-top:1rem;display:grid}.file-info{margin:0}.file-row{grid-template-columns:3.25rem minmax(0,1fr);align-items:baseline;gap:.5rem;padding:.5rem 0;display:grid}.file-row+.file-row{border-top:1px solid #cbd6d1}.file-row dt,.filesize{color:#435452;font-size:.875rem}.file-row dd{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem .75rem;margin:0;display:flex}.filename{overflow-wrap:anywhere;flex:8rem;min-width:0}.filesize{white-space:nowrap;font-variant-numeric:tabular-nums}.result-actions{justify-self:end}.status{color:#435452;overflow-wrap:anywhere;margin:.75rem 0 0}.status:empty{margin:0}.status.error{color:#a02222}.privacy{color:#435452;margin:.85rem 0 0;font-size:.875rem}.python-project{color:#435452;margin:1.75rem 0 0;font-size:.875rem}.python-project h2{color:#19272a;font-size:inherit;margin:0;font-weight:650}.python-project p{margin:.35rem 0 0}.python-project a{color:#435452;text-underline-offset:.2em}.python-project a:hover{color:#135d4c}
