@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#1d1a17;--paper:#f7f4ee;--orange:#d85b34;--line:#d9d0c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif}main{max-width:680px;min-height:100svh;margin:auto;padding:28px 24px}.hero{height:190px;padding:16px 20px 0;overflow:hidden;text-align:center;background:#070707;border-radius:24px 24px 0 0}.hero img{width:min(360px,92%);height:144px;object-fit:cover;mix-blend-mode:screen}.hero p,footer{margin:-2px 0 0;color:#b7aea5;font:500 10px "DM Mono",monospace;letter-spacing:.15em}.workspace{padding:28px 24px 24px;background:#fffdfa;border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;box-shadow:0 16px 45px #503a2410}.step h1{margin:0;font:600 30px "Playfair Display",serif;letter-spacing:-.035em}.step p{margin:5px 0 20px;color:#746b62;font-size:12px}.upload{min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#fcfaf5;border:1.5px dashed #cfc2b1;border-radius:16px;transition:.2s}.upload:hover,.upload.drag{border-color:var(--orange);background:#fff8f4}.upload.ready{min-height:88px;border-style:solid;border-color:#e3b7a8}.upload input{display:none}.upload i{margin-bottom:5px;color:var(--orange);font:400 30px/1 "Playfair Display",serif;font-style:normal}.upload strong{font-size:14px}.upload small{margin-top:5px;color:#847a6e;font-size:11px}.thumbs{display:flex;gap:8px;height:54px;margin:12px 0 4px}.thumbs:empty{display:none}.thumbs img,.thumbs span{width:54px;border-radius:8px}.thumbs img{object-fit:cover}.thumbs span{display:grid;place-items:center;background:#e9dfd0;font:11px "DM Mono"}button{width:100%;margin-top:24px;padding:17px 18px;border:0;border-radius:13px;background:var(--ink);color:#fff;text-align:left;font:600 14px "Plus Jakarta Sans";cursor:pointer;transition:.2s}button:hover:not(:disabled){background:var(--orange)}button:disabled{opacity:.4;cursor:not-allowed}button span{float:right;font-size:18px;line-height:12px}.complete{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding:17px;background:#f7ebe5;border-radius:14px}.complete b{font:600 18px "Playfair Display"}.complete p{margin:3px 0 0;color:#70655d;font-size:11px}.complete button{width:auto;margin:0;padding:11px 13px;background:var(--orange);font-size:11px;white-space:nowrap}footer{display:flex;justify-content:center;gap:9px;margin:25px 0 0;color:#766e65;font-size:8px}@media(max-width:420px){main{padding:28px 16px 20px}.workspace{padding:24px 19px 19px}.hero{border-radius:19px 19px 0 0}.workspace{border-radius:0 0 19px 19px}.complete{align-items:flex-start}.complete button{padding:10px}}