.mekkoart{text-align:center;padding:40px 0 72px;position:relative;overflow:hidden}.mekkoart>.container{position:relative}.pixel-waves{pointer-events:none;-webkit-mask-composite:source-in;height:760px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:radial-gradient(420px at 50% 30%,#00000073,#000 75%),linear-gradient(#000 70%,#0000);mask-image:radial-gradient(420px at 50% 30%,#00000073,#000 75%),linear-gradient(#000 70%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.pixel-waves svg{width:100%;height:100%;position:absolute;inset:0}.pixel-waves-field{opacity:.999}.pixel-waves-pulse{opacity:0}.pixel-waves-band{transform-box:view-box}@media (prefers-reduced-motion:no-preference){.pixel-waves-pulse{opacity:1}.pixel-waves-band{animation:linear infinite pixel-waves-band-run}}@keyframes pixel-waves-band-run{0%{transform:translate(0)}to{transform:translate(1800px)}}.pixel-waves.is-scrolling .pixel-waves-band,.pixel-waves.is-offscreen .pixel-waves-band{animation-play-state:paused}.mekkoart-wordmark{height:60px;aspect-ratio:var(--r);font-family:inherit}.mekkoart-title{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mekkoart-logo{aspect-ratio:314/284;width:80px}.mekkoart-h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mekkoart-lead{color:var(--ck-fg-muted);max-width:60ch;margin:0 auto 24px;font-size:17px;line-height:1.6}.mekkoart-upload{cursor:pointer;text-transform:none;letter-spacing:normal;position:relative}.mekkoart-upload input{opacity:0;pointer-events:none;position:absolute;inset:0}.mekkoart-upload:focus-within{outline:2px solid var(--ck-primary);outline-offset:3px}.mekkoart-error{color:#b91c1c;margin:12px 0 0;font-size:14px}.mekkoart-pair{justify-content:center;align-items:flex-end;gap:32px;margin:28px 0 0;display:flex}.mekkoart-pair figure{flex:0 auto;min-width:0;margin:0}.mekkoart-frame{aspect-ratio:var(--r);width:calc(min(64vh, 100svh - 390px) * var(--r));border:1px solid var(--ck-border);background:#fff;border-radius:12px;max-width:100%;overflow:hidden}.mekkoart.is-dragging .mekkoart-frame{outline:2px dashed var(--ck-primary);outline-offset:4px}.mekkoart-frame img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.mekkoart-pair figcaption{color:var(--ck-fg-subtle);margin-top:8px;font-size:13px}.mekkoart-actions{justify-content:center;margin-bottom:0}@media (max-width:720px){.mekkoart-logo{width:52px}.mekkoart-wordmark{width:calc(100% - 68px);height:auto}.mekkoart-pair{flex-direction:column;align-items:center}}