@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--ink:#29342e;--paper:#f6f4ee;--line:#d8d9cc;--accent:#b8c293}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:15px}main{max-width:1540px;margin:auto}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px 5%;display:flex}.brand{letter-spacing:-1px;font-size:25px;font-weight:700;text-decoration:none}.brand span{letter-spacing:2px;margin-top:4px;font-size:10px;font-weight:400;display:block}a{color:inherit}button,input{font:inherit}button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;border-radius:3px;padding:16px 24px}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #85945c}.quiet{color:var(--ink);border-color:var(--line);background:0 0;padding:10px 20px}.intro{max-width:850px;padding:70px 5% 48px}.eyebrow{letter-spacing:2.3px;margin:0 0 22px;font-size:10px;font-weight:600}h1,h2{font-family:Instrument Serif,Georgia,serif;font-weight:400}h1{letter-spacing:-2px;margin:0 0 26px;font-size:clamp(52px,6vw,86px);line-height:.98}h1 i{color:#758263}p{line-height:1.7}.intro>p:last-child{color:#646d61;max-width:460px}h2{margin:0 0 12px;font-size:34px}.workspace{grid-template-columns:minmax(320px,.9fr) minmax(340px,1.2fr);gap:5%;margin:0 5%;display:grid}.controls{padding:28px 0}.upload{width:100%;height:190px;color:var(--ink);background:#edeee4;border:1px dashed #aab39d;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.upload b{font-size:28px;font-weight:400}.upload small{color:#78806e;font-size:11px;line-height:1.6}.upload img{object-fit:contain;width:100%;height:100%}.step{margin-top:34px}.artists{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.artist{color:var(--ink);border:1px solid var(--line);text-align:left;background:0 0;padding:0 0 14px;overflow:hidden}.artist.chosen{background:#e9eddc;border:2px solid #687b4c}.artist>img{aspect-ratio:1.2;object-fit:cover;width:100%}.artist>span{padding:12px 12px 0;display:block}.artist b{letter-spacing:1px;font-size:12px}.artist small{margin-top:5px;font-size:10px;display:block}.artist p{color:#707867;margin:8px 12px 0;font-size:10px;line-height:1.5}.fine{color:#707867;font-size:11px;line-height:1.7}.generate{width:100%;margin-top:10px}.result{border-left:1px solid var(--line);padding:28px 0 20px 7%}.artboard{text-align:center;background:#e9e8de;justify-content:center;align-items:center;min-height:420px;padding:35px;display:flex}.artboard>img{object-fit:contain;max-width:100%;max-height:550px;box-shadow:0 15px 30px #29342e22}.artboard>div{max-width:300px}.artboard p{color:#7a8070;font-size:13px}.artmark{color:#879874;margin:40px;font-size:70px;display:block}.purchase{justify-content:space-between;align-items:center;gap:20px;margin:28px 0;display:flex}.purchase h2{font-size:30px}.purchase p{color:#6b7563;font-size:11px}.purchase button{white-space:nowrap}.collection{border-top:1px solid var(--line);margin:65px 5%;padding-top:35px}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.saved{color:var(--ink);text-align:left;background:0 0;border:0;padding:0}.saved img{object-fit:contain;background:#e9e8de;width:100%;height:220px;padding:15px}.saved span{letter-spacing:1px;margin-top:12px;font-size:10px;display:block}.placeholder{background:#e9e8de;place-items:center;height:220px;display:grid}.account{border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12%;margin:0 5% 100px;padding:40px;display:grid}label{margin-bottom:15px;font-size:12px;display:block}input{border:1px solid var(--line);background:#fff;width:100%;margin-top:8px;padding:14px;display:block}form button{margin-top:8px;margin-right:10px}footer{border-top:1px solid var(--line);letter-spacing:1px;justify-content:space-between;margin-top:70px;padding:30px 5%;font-size:10px;display:flex}.error{background:#f6e7de;border:1px solid #ca8b6d;margin:15px 5%;padding:16px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.success{max-width:650px;margin:100px auto;padding:35px}.success p{color:#707867}.success button{margin:15px 10px 15px 0}.admin{padding:40px 5%}.admin table{border-collapse:collapse;width:100%;font-size:13px}.admin td,.admin th{border-bottom:1px solid var(--line);text-align:left;padding:16px}.stats{gap:50px;margin:40px 0;display:flex}.stats b{font-size:32px;display:block}.scroll{overflow:auto}@media (max-width:850px){.workspace{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid var(--line);padding-left:0}.intro{padding-top:45px}.account{grid-template-columns:1fr;gap:25px;padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.purchase{flex-direction:column;align-items:flex-start}.artboard{min-height:360px;padding:20px}footer{flex-wrap:wrap;gap:18px}.stats{flex-wrap:wrap;gap:25px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}