.artwork-viewer{color:#fff6da;background:#160e27;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.artwork-viewer[open]{flex-direction:column;display:flex}.artwork-viewer::backdrop{background:#160e27}.artwork-viewer-toolbar{padding:.7rem max(1rem,env(safe-area-inset-left));background:#23113c;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem 1rem;display:flex}.artwork-viewer-toolbar h2{font:600 clamp(1.1rem,2vw,1.5rem)/1.2 var(--font-fredoka),sans-serif;flex:1;margin:0}.artwork-viewer-toolbar button,.artwork-viewer-toolbar a{color:#fff6da;min-height:44px;font:600 .9rem var(--font-fredoka),sans-serif;cursor:pointer;background:#23113c;border:2px solid #fff6da;border-radius:9px;justify-content:center;align-items:center;padding:.4rem .8rem;text-decoration:none;display:inline-flex}.artwork-viewer-toolbar button:focus-visible,.artwork-viewer-toolbar a:focus-visible{outline-offset:3px;outline:3px solid #dfff58}.artwork-viewer-toolbar button:last-child{color:#23113c;background:#dfff58;border-color:#dfff58}.artwork-viewer-canvas{flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;overflow:auto}.artwork-viewer-canvas img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.artwork-viewer--zoomed .artwork-viewer-canvas{justify-content:flex-start;align-items:flex-start}.artwork-viewer--zoomed .artwork-viewer-canvas img{flex-shrink:0;max-width:none;max-height:none}.creation-artwork-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.creation-artwork-open:focus-visible{outline-offset:3px;outline:3px solid #6430b9}.creation-artwork-hint{color:#23113c;text-align:center;background:#fff6da;padding:.5rem;font-size:.8rem;font-weight:600;display:block}@media (max-width:500px){.artwork-viewer-toolbar h2{flex-basis:100%}.artwork-viewer-toolbar{gap:.4rem;padding:.5rem .75rem}.artwork-viewer-canvas{padding:.5rem}.artwork-viewer footer{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}