@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&family=DM+Sans:wght@400;500;600&display=swap";*{box-sizing:border-box}body{color:#f1f1e9;isolation:isolate;background:#0b0c0b;min-height:100vh;margin:0;font-family:DM Sans,Arial,sans-serif}.dot-background{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{max-width:1040px;margin:auto;padding:48px 24px 32px}h1{-webkit-user-select:none;user-select:none;pointer-events:none;cursor:default;text-align:center;letter-spacing:-1.5px;margin:0 0 38px;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-size:clamp(68px,13vw,98px);font-weight:800;line-height:.84}h1 span{color:#b5b9ad}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.36}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #d5f978}.frame{background:#11130f;border:1px solid #51574a;width:min(320px,100vw - 48px);height:min(320px,100vw - 48px);margin:auto;transition:width 1.1s cubic-bezier(.22,1,.36,1),height 1.1s cubic-bezier(.22,1,.36,1),transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 0 45px #d5f9780c}.frame.loaded{width:min(420px,100vw - 48px);height:min(420px,100vw - 48px);box-shadow:0 0 60px #d5f9780e}.frame.drag{background:#202817;border-color:#d5f978}.dropzone{color:#818976;background:0 0;border:0;place-items:center;width:100%;height:100%;display:grid}.dropzone:hover{color:#d5f978}.frame.landscape{background:#11130f;width:min(960px,100vw - 48px);height:min(540px,56.25vw - 27px)}.cover-change{background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cover-change:disabled{opacity:1;cursor:default}.cover{object-fit:cover;width:100%;height:100%;animation:.6s both cover-in;position:absolute;inset:0}.wallpaper{object-fit:cover;width:100%;height:100%;animation:3.2s cubic-bezier(.19,1,.22,1) both draw-wallpaper;display:block;position:absolute;inset:0}.source-bridge{object-fit:cover;pointer-events:none;width:min(418px,100vw - 50px);height:min(418px,100vw - 50px);animation:2s both source-dissolve;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-edge{pointer-events:none;background:linear-gradient(#0000,#d5f978b3,#0000);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 20px 2px #d5f97860}.reveal-left{animation:3.2s cubic-bezier(.19,1,.22,1) both edge-left}.reveal-right{animation:3.2s cubic-bezier(.19,1,.22,1) both edge-right}.clear{z-index:3;color:#fff;background:#111c;border:1px solid #ffffff30;border-radius:3px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px}.actions{justify-content:center;gap:8px;margin:22px auto 0;display:flex}.actions>button,.actions>a{white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.secondary{color:#ddd;background:#141612;border:1px solid #454b3d}.secondary:hover{background:#24291f}.primary{color:#19230b;background:#d5f978;border:1px solid #d5f978}.primary:hover:enabled{background:#e1ffa0}.error{text-align:center;color:#ffb0a4;margin:16px 0;font-size:12px;line-height:1.6}.processing{color:#d5f978;z-index:2;background:linear-gradient(#0000 65%,#0005);justify-content:flex-end;align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.processing:before{content:"";background:linear-gradient(90deg,#0000,#d5f978aa,#0000);height:1px;animation:3.2s ease-in-out infinite scan-cover;position:absolute;left:0;right:0;box-shadow:0 0 30px 6px #d5f97812}.working{animation:3s ease-in-out infinite working-glow}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cover-in{0%{opacity:0;filter:blur(5px);transform:scale(1.035)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes scan-cover{0%,to{opacity:0;top:0}15%,85%{opacity:1}50%{top:100%}}@keyframes working-glow{0%,to{border-color:#51574a;box-shadow:0 0 35px #d5f97808}50%{border-color:#a2b578;box-shadow:0 0 55px #d5f9781a}}@keyframes draw-wallpaper{0%{clip-path:inset(0 50%);filter:blur(18px);opacity:.35}35%{filter:blur(5px);opacity:1}to{clip-path:inset(0);filter:blur();opacity:1}}@keyframes source-dissolve{0%,15%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes edge-left{0%{opacity:0;left:50%}12%{opacity:1}90%{opacity:.8}to{opacity:0;left:0}}@keyframes edge-right{0%{opacity:0;right:50%}12%{opacity:1}90%{opacity:.8}to{opacity:0;right:0}}@media (width<=420px){main{padding:42px 16px 28px}h1{font-size:80px}.actions>button,.actions>a{padding:10px;font-size:10px}}@media (hover:hover) and (pointer:fine){.frame:not(.working):not(.complete):hover{border-color:#a2b87b;transform:scale(1.022);box-shadow:0 0 24px #d5f97820,0 0 60px #d5f9780b}.frame:not(.working):not(.complete):hover .dropzone svg{transform:scale(1.08)}}.dropzone svg{transition:transform .22s,color .22s}.frame:focus-within:not(.working):not(.complete){border-color:#a2b87b}