*{font-family:Segoe UI Historic,Segoe UI,Helvetica,Arial,sans-serif;box-sizing:border-box;padding:0;margin:0}:root{color-scheme:light dark;--fs-100: .8125rem;--fs-200: .875rem;--fs-300: .9375rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.375rem;--fs-800: 1.5rem;--fs-xl: 1.5625rem;--fs-xxl: 1.875rem}:root{--clr-primary: var(--mui-palette-primary-main);--clr-background: var(--mui-palette-background-default);--clr-card: var(--mui-palette-background-paper);--clr-border: var(--mui-palette-divider)}#root{display:flex;flex-direction:column;min-height:100vh}body{background-color:var(--clr-background)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-500)}h3{font-size:var(--fs-300)}p{font-size:var(--fs-400)}.container{flex:1;background-color:var(--clr-background)}.preview-page,.cropper-page{display:flex;flex-direction:column;align-items:center;padding:10px 20px;gap:25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-section{animation:fadeIn .2s ease-out forwards}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 16px;background-color:color-mix(in srgb,var(--clr-card) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--clr-border)}.navbar-spacer{height:52px}.navbar-brand{display:flex;align-items:center;gap:8px;cursor:pointer}.navbar-logo{width:32px;height:32px;flex-shrink:0;border-radius:50%}.footer{flex-shrink:0;padding:10px;width:100%;background-color:var(--clr-background)}.footer-text{color:var(--mui-palette-text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center}.footer-text time{margin-right:7px;margin-left:4px}.policy{margin-right:4px}.policy,.contact{color:var(--mui-palette-text-secondary);cursor:pointer;padding:2px 5px;text-decoration:none}.policy:hover,.contact:hover{text-decoration:underline}.button-bar{display:grid;grid-template-columns:1fr 1fr;row-gap:10px;column-gap:10px;min-width:280px}.button-bar>label:last-child{grid-row:2;grid-column:1 / 3}.crop-header{width:100%;max-width:400px;display:flex;justify-content:space-between}.cropper{position:relative;height:50%;min-height:300px;width:100%;max-width:400px}.container-cropper{display:flex;flex-direction:column;justify-content:flex-start}.cropper-page{gap:15px;padding-top:10px}.slider{min-width:275px;display:flex;flex-direction:column}@media (min-width: 576px){.container{padding:60px;background-color:var(--clr-background)}.preview-page{margin:0 auto;max-width:600px;box-shadow:0 5px 15px #00000026;border:1px solid hsla(0,0%,50%,.15);border-radius:10px;background-color:var(--clr-background);padding:30px 20px}.cropper-page{margin:0 auto;max-width:600px;width:100%;box-shadow:0 5px 15px #00000026;border:1px solid hsla(0,0%,50%,.15);border-radius:10px;padding:40px 20px}.navbar{width:100%;max-width:none;left:0;height:56px;padding:0 20px;background-color:color-mix(in srgb,var(--clr-card) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--clr-border)}.navbar-spacer{height:56px}.navbar-logo{width:32px;height:32px}}@media (min-width: 992px){.container{padding:40px 0 0;background-color:var(--clr-background)}h1{font-size:var(--fs-xxl)}p{font-size:var(--fs-500)}.navbar{width:100%;max-width:none;left:0;height:56px;padding:0;padding-inline:max(20px,calc((100vw - 1160px)/2));background-color:color-mix(in srgb,var(--clr-card) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--clr-border)}.navbar-spacer{height:56px}.navbar-logo{width:32px;height:32px}.footer-text{font-size:14px}}@media (min-width: 1200px){h2{font-size:var(--fs-600)}.navbar{padding-inline:max(20px,calc((100vw - 1460px)/2))}}