:root{color-scheme:dark;--bg:#0c1817;--surface:#122320;--line:#c9ad6733;--ink:#f3eee0;--muted:#9dada5;--gold:#d3b778;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);background-image:radial-gradient(ellipse at 85% 5%,#28483b55,transparent 48%);min-height:100vh}
button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{touch-action:manipulation}a{color:var(--gold);text-decoration:none}button{border:0;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.3}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.svg-library{position:absolute;width:0;height:0}
main{max-width:700px;margin:auto;padding:22px 22px calc(110px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand svg{width:42px;height:42px;color:var(--gold)}.brand span{font-size:18px;letter-spacing:4px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted)}.pill{border:1px solid var(--line);border-radius:30px;color:var(--gold);background:#182e26;padding:9px 15px;font-size:12px;white-space:nowrap}
h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05}h1{font-size:clamp(42px,9vw,62px);letter-spacing:-1.3px;margin:14px 0 20px}h1 em{color:var(--gold);font-weight:400}h2{font-size:36px;margin:6px 0 12px}h3{font-size:27px;margin:16px 0}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.eyebrow{font-size:9px;letter-spacing:2.3px;color:var(--gold);font-weight:700}.hero{position:relative;isolation:isolate;overflow:hidden;padding:42px 0 22px}.hero-art{position:absolute;z-index:-1;right:-55px;top:2px;width:235px;height:235px;color:var(--gold);opacity:.12;border:1px solid;border-radius:50%;transform:rotate(-8deg);padding:25px}.hero-art:after{content:"";position:absolute;inset:17px;border:1px dashed;border-radius:50%}.hero-art svg{width:100%;height:100%}.hero .primary{margin-top:29px}.hero-note{display:flex;justify-content:center;gap:15px;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin:14px 0 8px}
.primary,.secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:16px 18px;font-size:13px;font-weight:700}.primary{background:linear-gradient(115deg,#e5cc91,#b59658);color:#17241d;box-shadow:0 6px 24px #0002}.primary span{margin-left:auto;font-size:17px}.secondary{border:1px solid var(--line);color:var(--gold);background:#12251f;margin:12px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 16px}.section-title h2{font-size:30px;margin:8px 0 0}.section-title span{font-size:11px;color:var(--muted)}.section-title .ornament{font-size:35px;color:var(--gold)}
.examples,.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.example{border:1px solid var(--line);background:var(--surface);padding:0;border-radius:10px;overflow:hidden;text-align:left}.example img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.example-info{padding:12px}.example b{display:block;font:24px/1.1 var(--serif);margin-bottom:10px}.example small{display:flex;justify-content:space-between;color:var(--gold);font-size:10px;letter-spacing:1px}.empty{grid-column:1/-1;padding:32px 20px;background:#12251b66;border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:9px}.empty strong{display:block;font:27px var(--serif);color:var(--ink);margin-bottom:9px}.empty p{font-size:12px}.back,.text-button{background:none;color:var(--gold);padding:20px 0}.back{font-size:12px}.page:not(#home){padding-top:20px}.page>.muted{margin-bottom:16px}
.stars-panel h3{margin-bottom:8px}
.upload{display:flex;align-items:center;flex-direction:column;gap:6px;border:1px dashed #b89c5e77;border-radius:10px;padding:25px 15px;margin:22px 0;background:#142a2355;cursor:pointer;text-align:center}.upload input{position:absolute;opacity:0;width:1px;height:1px}.upload:focus-within{outline:2px solid var(--gold)}.upload-mark{font-size:29px;color:var(--gold);font-weight:400}.upload strong{font-size:13px;font-weight:500;word-break:break-word}.upload small{color:var(--muted);font-size:10px}label{color:var(--muted);font-size:12px}input,textarea{width:100%;border:1px solid var(--line);background:#122320;color:var(--ink);border-radius:8px;padding:13px;margin:7px 0 17px;font-size:16px;outline:none}input:focus,textarea:focus{border-color:var(--gold)}textarea{min-height:125px;resize:vertical}input::placeholder,textarea::placeholder{color:#788f83;font-size:13px}#preview,#result-image{width:100%;max-height:580px;object-fit:contain;background:#091310;display:block;border-radius:10px;margin:15px 0}#preview{max-height:280px}.status{font-size:12px;color:var(--muted);margin:13px 0;min-height:20px;word-break:break-word}.status.error{color:#e9a590}
.credit-packages{display:grid;gap:12px;margin:27px 0 20px}.credit-package{text-align:left;padding:17px 18px;background:linear-gradient(120deg,#13271f,#10211c);border:1px solid var(--line);border-radius:10px}.credit-package.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d3b77844;background:linear-gradient(120deg,#264331,#142a22)}.credit-package strong,.credit-package span,.credit-package small{display:block}.credit-package strong{font:28px/1 var(--serif);color:var(--gold);margin-bottom:7px}.credit-package span{font-size:13px;color:var(--ink)}.credit-package small{font-size:10px;letter-spacing:.7px;color:var(--muted);margin-top:5px}.contact{display:block;text-align:center;font-size:12px;margin:28px 0}.external-payment{display:flex;align-items:center;gap:13px;margin:18px 0 28px;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(125deg,#152c24,#10201b);color:var(--ink)}.external-payment:hover{opacity:1;background:#193326}.external-payment span:not(.payment-icons){flex:1}.external-payment strong,.external-payment small{display:block}.external-payment strong{font-size:12px}.external-payment small{margin-top:3px;color:var(--muted);font-size:10px}.external-payment>b{font-size:19px;color:var(--gold);font-weight:400}.payment-icons{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d3b77877;border-radius:50%;color:var(--gold);font-size:13px;letter-spacing:-2px}
nav{position:fixed;z-index:10;bottom:0;left:0;right:0;max-width:700px;margin:auto;display:flex;justify-content:space-around;background:#10201efa;border-top:1px solid var(--line);padding:12px 10px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -10px 35px #07120d55}nav button{display:flex;align-items:center;flex-direction:column;gap:6px;background:none;color:#82968b;font-size:10px;padding:0 10px;min-width:60px}nav svg{width:22px;height:22px}nav .active{color:var(--gold)}.nav-symbol{font-size:24px;line-height:22px}.identity{display:flex;align-items:center;gap:16px;margin:23px 0 10px}.identity h2{margin:0 0 5px;overflow-wrap:anywhere}.avatar{display:grid;place-items:center;width:58px;height:58px;flex:none;background:linear-gradient(145deg,#28483a,#13251e);border:1px solid var(--line);color:var(--gold);font:28px var(--serif);border-radius:50%}.stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:10px;background:var(--surface);margin:22px 0;overflow:hidden}.stats>div{padding:18px 8px;text-align:center}.stats>div+div{border-left:1px solid var(--line)}.stats span,.stats small{font-size:10px;color:var(--muted)}.stats strong{display:block;font:39px/1.2 var(--serif);color:var(--gold)}.tabs{display:flex;gap:22px;margin:28px 0 20px;border-bottom:1px solid var(--line)}.tabs button{background:none;color:var(--muted);padding:10px 0;border-bottom:2px solid transparent;font-size:13px}.tabs .active{border-color:var(--gold);color:var(--ink)}
.gallery-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.gallery-photo{display:block;width:100%;padding:0;aspect-ratio:3/4;background:#152a22}.gallery-photo img{width:100%;height:100%;object-fit:cover}.gallery-caption{padding:10px;font-size:10px;color:var(--muted)}.gallery-caption strong{display:block;font-size:11px;color:var(--ink);margin-bottom:4px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.history-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.history-item b{white-space:nowrap;color:var(--gold)}.history-item .negative{color:#e9a590}
.panel,.user,.admin-example{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:12px 0}.user-head{display:flex;justify-content:space-between;gap:10px}.user small{display:block;color:var(--muted);font-size:11px}.credit-controls{display:flex;gap:10px;margin-top:12px}.credit-controls input{margin:0;min-width:0}.credit-controls button{background:var(--gold);color:#12231b;border-radius:6px;font-size:11px;padding:10px}.admin-example{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-example button{background:none;border:1px solid #dd9d8844;color:#dd9d88;padding:6px 10px;border-radius:5px;font-size:11px}
dialog{width:min(95vw,660px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:45px 16px 16px;color:var(--ink)}dialog::backdrop{background:#000d}dialog img{display:block;width:100%;max-height:68vh;object-fit:contain;margin-bottom:16px}.close{position:absolute;right:12px;top:7px;background:none;font-size:24px;padding:0 8px}.toast{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;padding:14px 20px;background:#244436;border:1px solid var(--gold);color:var(--ink);border-radius:8px;font-size:13px}
.example{display:flex;flex-direction:column}.example-info{width:100%;flex:1}.example img{flex-shrink:0}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.preview-failed{width:100%;aspect-ratio:3/4;display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:12px}.replace-label{cursor:pointer;color:var(--gold);font-size:11px;border:1px solid var(--line);padding:6px 10px;border-radius:5px}.replace-label input{width:1px;height:1px;opacity:0;position:absolute}.admin-example{flex-wrap:wrap}.admin-example>span{flex:1;min-width:100px}
.admin-example>span small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
@media(min-width:600px){.hero{padding-top:60px}.hero-art{width:300px;height:300px;right:0}.hero .primary{max-width:310px}.hero-note{justify-content:flex-start}.examples,.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,opacity .15s}button:hover{opacity:.88}.page{animation:arrive .25s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}