:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#070c16;font-synthesis:none;background:#61687e;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{text-align:center;background:#61687e url(/images/bg.png);min-height:100dvh;margin:0}button,.button,input{font:inherit}button,.button{color:#eee;cursor:pointer;background:linear-gradient(#4d525b,#343840);border:1px solid #111;border-radius:6px;padding:12px 20px;text-decoration:none;display:inline-block;box-shadow:0 2px 5px #0004}button:hover,.button:hover{background:#535a64}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #89caff}button:disabled{opacity:.5;cursor:wait}.primary{background:linear-gradient(#429858,#287238)}input{color:#eee;background:#202227;border:1px solid #555;border-radius:5px;max-width:100%;padding:11px}main{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100dvh - 95px);padding:40px 24px 20px;display:flex}h1{font-size:22px}h2{color:#f0f1f2;font-size:20px}p{line-height:1.6}#splash{width:min(580px,100%)}.splash-art{object-fit:contain;filter:drop-shadow(0 6px 12px #0004);width:min(280px,65vw);height:260px}.instructions{text-shadow:0 1px 1px #ffffff24;margin:10px 0 20px;font-size:26px;font-weight:700}.instructions small{color:#1d273a;font-size:18px;font-weight:400;display:block}nav,.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#remote-form{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px;display:flex}#remote-url{width:min(330px,100%)}.file-label{cursor:pointer}#file{opacity:0;width:1px;height:1px;position:absolute}.hint{color:#263147;font-size:13px}#status{overflow-wrap:anywhere;color:#07101f;max-width:650px;min-height:24px;margin:0}#editor{width:max-content;max-width:100%}#crop-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:repeating-conic-gradient(#bbb 0% 25%,#eee 0% 50%) 50%/20px 20px;max-width:100%;line-height:0;display:inline-block;position:relative;box-shadow:0 8px 30px #0006}#preview{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:min(900px,85vw);max-height:65dvh;display:block}#crop-selection{pointer-events:none;background:#72a4ff22;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #111}#editor .actions{margin-top:15px}progress{accent-color:#73bb84;width:min(400px,85vw);height:12px}dialog{color:#ddd;background:#292d34;border:1px solid #626975;border-radius:10px;max-width:90vw;max-height:85dvh;padding:25px;box-shadow:0 15px 60px #0009}dialog::backdrop{background:#0009}#camera{max-width:min(640px,75vw);max-height:55dvh;margin-bottom:15px;display:block}#recent-list{flex-wrap:wrap;gap:12px;max-width:550px;padding:0;list-style:none;display:flex}#recent-list img{object-fit:cover;border-radius:4px;width:110px;height:90px}#shared-image{object-fit:contain;cursor:zoom-in;max-width:95vw;max-height:75dvh;box-shadow:0 8px 30px #0005}#shared-image.full-size{cursor:zoom-out;max-width:none;max-height:none}#embed-url{width:min(600px,90vw)}#views{color:#172238;font-size:13px}footer{color:#172238;padding:10px 20px 22px}footer a{color:inherit;text-decoration:none}footer h1{margin:0 0 5px;font-weight:400}.author{font-size:12px}body.dragging{background:#444b57}[hidden]{display:none!important}@media (width<=600px){main{padding:25px 12px 15px}.splash-art{height:190px}.instructions{font-size:22px}.instructions small{font-size:16px}button,.button{padding:10px 15px}#remote-form input,#remote-form button{width:100%}#preview,.hint{max-width:92vw}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}