:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}.app{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.tool{background:#fff;border:1px solid #d8e0e7;border-radius:8px;width:min(100%,920px);min-width:0;padding:28px;box-shadow:0 18px 50px #17202614}.header{gap:8px;min-width:0;margin-bottom:24px;display:grid}h1{color:#0d1419;letter-spacing:0;margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.12}p{color:#5f6c76;overflow-wrap:anywhere;margin:0;line-height:1.65}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.file-control,button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-size:.95rem;font-weight:700;line-height:1;display:inline-flex}.file-control{color:#fff;background:#165c7d;border:1px solid #165c7d;padding:0 18px;position:relative;overflow:hidden}.file-control:focus-within{outline-offset:2px;outline:3px solid #165c7d3d}.file-control input{opacity:0;cursor:pointer;position:absolute;inset:0}button{color:#172026;background:#fff;border:1px solid #cad4dc;padding:0 18px}button:disabled{color:#8b98a3;cursor:not-allowed;background:#eef2f5}button:not(:disabled):hover,.file-control:hover{filter:brightness(.96)}.status{color:#40505b;overflow-wrap:anywhere;min-height:28px;margin-bottom:14px;font-size:.95rem}.status.error{color:#b42318;font-weight:700}.preview{background:#f8fafb;border:1px dashed #b8c4ce;border-radius:8px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}canvas{object-fit:contain;width:100%;height:auto;max-height:68vh;display:block}.empty-state{color:#73808b;font-weight:700}[hidden]{display:none!important}@media (width<=560px){.app{place-items:start center;padding:18px 12px}.tool{padding:18px}.controls{flex-direction:column;align-items:stretch}.file-control,button{width:100%}.preview{min-height:240px}}