:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#110c08;color:#f1e5c7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#493120 0,#130e0a 65%);min-height:100vh}.wrap{max-width:880px;margin:auto;padding:22px 14px 44px}.mast{text-align:center;padding:24px 10px 12px}.mast small,.mast .rule{color:#ceab61;letter-spacing:.21em}.mast h1{font-size:clamp(2.3rem,7vw,4.2rem);line-height:1.05;color:#eac67b;text-shadow:2px 3px #3a1b08;margin:17px 0 7px}.mast p{font-style:italic;font-size:1.15rem}.panel{background:linear-gradient(135deg,rgba(79,47,27,.96),rgba(29,20,13,.97));border:2px solid #9f7738;border-radius:12px;box-shadow:inset 0 0 0 3px #2a160e,0 7px 24px #080604aa;padding:23px;margin:20px 0}.panel h2{color:#edc47a;font-size:1.45rem;margin:0 0 10px}p{line-height:1.5}.note{color:#c0ad8b;font: .85rem/1.5 system-ui,sans-serif}.file-label,.gold-button{display:inline-block;background:linear-gradient(#f3cf81,#ad792b);color:#24140b;border:2px solid #efdca6;padding:13px 20px;border-radius:6px;font:800 .96rem system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 0 #5b3715;text-decoration:none}.file-label input{position:absolute;opacity:0;width:1px;height:1px}#preview{display:block;width:180px;max-height:230px;object-fit:cover;border:4px solid #b18a4e;border-radius:4px;margin:15px auto}#preview[hidden]{display:none}.styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.style{min-width:0;display:flex;flex-direction:column;gap:5px;padding:9px;border:2px solid #78562a;background:#231811;border-radius:7px;cursor:pointer;text-align:center}.style:has(input:checked){border-color:#ffd981;background:#584020;box-shadow:0 0 0 2px #e8cb85}.style input{align-self:flex-start;accent-color:#d7b36d}.style .picture{height:110px;background-size:cover;background-position:center;border-radius:3px;filter:saturate(.7)}.style .mono{filter:grayscale(1)}.style .sepia{filter:sepia(1)}.style .summer{filter:sepia(.6) saturate(1.4)}.style strong{font-size:1rem;color:#ffe1a3}.style small{font: .72rem system-ui,sans-serif;color:#d2bea1}#guest{display:block;width:100%;background:#1a130f;border:1px solid #ad8548;border-radius:5px;padding:13px;color:white;font-size:1rem;margin:10px 0 20px}.check{display:flex;gap:12px;align-items:start;line-height:1.45;margin:15px 0;font:.93rem/1.5 system-ui,sans-serif}.check input{margin-top:4px;accent-color:#dbb568;transform:scale(1.2)}#generate{width:100%;margin-top:8px}#status{font:1rem system-ui,sans-serif;color:#ffd77e}.work,.result{text-align:center}.artist{font-size:5rem;animation:bob 1.5s ease-in-out infinite}.artist span{font-size:2.2rem;display:inline-block;animation:paint 1s alternate infinite}@keyframes bob{50%{transform:translateY(-10px)}}@keyframes paint{to{transform:rotate(26deg) translate(12px,-12px)}}#finished{width:min(100%,480px);border:8px ridge #b78c4b;display:block;margin:14px auto}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.secondary{background:#2b1b12;border:1px solid #bb9252;color:#ffda8c;border-radius:6px;padding:13px;cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:13px}.gallery-card{margin:0}.gallery-card img{width:100%;aspect-ratio:1;object-fit:cover;border:4px solid #8f6934}.gallery-card figcaption{font:.75rem/1.4 system-ui,sans-serif;color:#e5d0a3}footer{text-align:center;color:#ad915e;line-height:1.8;font:.77rem system-ui,sans-serif;margin:35px 0}@media(max-width:550px){.styles{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:17px}}

/* V19.9.8: Real transformation examples rather than unedited Inn background thumbnails. */
.style .picture,.style .mono,.style .sepia,.style .summer{filter:none}
.style .picture{height:clamp(125px,17vw,180px);background-position:center 28%}

.example-lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(10,6,4,.92);z-index:10000;padding:18px}.example-lightbox.open{display:grid}.example-lightbox__inner{position:relative;max-width:min(92vw,720px);width:100%}.example-lightbox img{display:block;width:100%;max-height:80vh;object-fit:contain;border:5px solid #caa25b;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.55);background:#20140e}.example-lightbox button{position:absolute;top:-14px;right:-14px;width:42px;height:42px;border-radius:999px;border:2px solid #efdca6;background:linear-gradient(#f3cf81,#ad792b);color:#24140b;font:800 1.35rem/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 0 #5b3715}.example-lightbox figcaption{margin-top:10px;text-align:center;color:#f1dfba;font:.95rem/1.4 system-ui,sans-serif}.style .picture,.gallery-card img{cursor:zoom-in}.style .picture::after{content:'Tap to enlarge';position:absolute;right:6px;bottom:6px;background:rgba(16,10,6,.75);color:#f5e3bc;font:.62rem/1 system-ui,sans-serif;padding:4px 6px;border-radius:999px;opacity:.95}.style .picture{position:relative;overflow:hidden}@media(max-width:550px){.style .picture::after{font-size:.58rem;padding:3px 5px}}