@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/mpf/fonts/oswald-v53-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/mpf/fonts/oswald-v53-latin-700.woff2) format("woff2")}#root{text-align:center}.ui{margin:10px 0}.photo-outer{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden}.photo{box-sizing:border-box;width:1024px}.photo img,.photo canvas{max-width:100%;vertical-align:top}.photo p{margin:0}.photo.frame-wh,.photo.frame-bk{padding:40px}.photo.frame-wh{background-color:#fff}.photo.frame-bk{background-color:#1a1a1a}.photo.frame-wh .mpf-text,.photo.frame-bk .mpf-text{display:flex;align-items:center;justify-content:center;min-height:3em;margin-top:30px;text-align:center;font-family:Oswald,sans-serif;font-size:40px;line-height:1.5}.photo.frame-wh .mpf-text{color:#333}.photo.frame-bk .mpf-text{color:#fff}.mpf-result{margin:20px auto;width:90%;max-width:640px}.mpf-result img{max-width:100%;box-shadow:0 2px 10px #ccc}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#404040;background-color:#eaeaeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100svh}h1{margin:0;line-height:1}button{padding:.75em 2em;border-radius:9999px;border:1px solid transparent;font-size:1em;font-weight:700;background-color:#1e928c;color:#fff;cursor:pointer;transition:background-color .2s ease}button:disabled{background-color:#999;cursor:default}label{display:inline-block;margin:0 10px;padding:.5em 1em;border-radius:4px;border:1px solid transparent;font-size:1em;font-weight:700;border:2px solid #cccccc;color:#333;transition:border-color .2s ease}label:has(input:checked){border-color:#1e928c}label input{display:none}