@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lato:wght@400;700&family=Noto+Sans:wght@400;700&family=Open+Sans:wght@400;600&family=Roboto:wght@400;500&family=Source+Sans+Pro:wght@400;600&family=Work+Sans:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;flex-wrap:wrap;gap:2rem;min-height:100vh;padding:2rem}.controls{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-width:800px;min-width:300px}.controls-row{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.control-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:120px}.resolution-control{align-items:center;display:flex;gap:.5rem;width:100%}.resolution-control input{flex:1 1;min-width:80px}.resolution-buttons{display:flex;gap:.25rem}.resolution-buttons button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:background-color .2s}.resolution-buttons button:hover{background-color:#e0e0e0}.preview{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:300px;overflow:hidden}.canvas-container{align-items:center;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;max-height:calc(100vh - 200px);overflow:auto;position:relative;width:100%}.canvas-container canvas{display:block;max-height:100%;max-width:100%;object-fit:contain}.image-info{color:#666;font-size:.9rem;margin-top:.5rem;text-align:center;width:100%}.button-container{display:flex;gap:1rem;margin-bottom:1rem;width:100%}.button-container button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.button-container button:hover{background-color:#357abd}textarea{font-family:Inter,sans-serif;font-size:1rem;height:400px;padding:.5rem;resize:both;width:100%}.border-control{align-items:center;display:flex;gap:1rem}.error{border:1px solid #dc3545;border-radius:4px;color:#dc3545;padding:.5rem}button:disabled{cursor:not-allowed;opacity:.7}select{padding:.5rem}select,select option{font-family:inherit}select option[value=Inter]{font-family:Inter,sans-serif}select option[value=Roboto]{font-family:Roboto,sans-serif}select option[value="Open Sans"]{font-family:Open Sans,sans-serif}select option[value=Lato]{font-family:Lato,sans-serif}select option[value="Source Sans Pro"]{font-family:Source Sans Pro,sans-serif}select option[value="Work Sans"]{font-family:Work Sans,sans-serif}select option[value="Noto Sans"]{font-family:Noto Sans,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0ac9602f.css.map*/