:root{--bg:#101112;--panel:#191a1c;--line:#303133;--ink:#f1f0ed;--muted:#a5a5a8;--coral:#ff755f;--accent:#ff755f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button,select{cursor:pointer}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px;padding:10px 16px}button:hover{border-color:#999}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:4px}header{max-width:1320px;margin:auto;height:100px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:760;letter-spacing:-1.5px}.brand img{width:34px;height:34px}.brand span{font-weight:400;font-size:12px;letter-spacing:1px;color:var(--muted);margin-left:6px}nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.head-actions{display:flex;gap:9px;align-items:center}.head-actions button,.head-actions select{font-size:12px;padding:9px 11px}.light{background:#f0eee9;color:#151516;border:0}select{border:1px solid var(--line);color:var(--ink);border-radius:7px;background:#222325;padding:8px}main{max-width:1232px;margin:auto}.hero{min-height:510px;padding:64px 0 40px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;background:var(--coral);border-radius:50%}h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:-3px;line-height:1.2;margin:24px 0}h1 em{color:var(--coral);font-style:normal}.hero p{color:var(--muted);font-size:15px;line-height:1.9}.hero-link{font-size:13px;display:inline-block;border-bottom:1px solid var(--coral);padding-bottom:5px;margin-top:15px}.micro{font-size:9px;color:#66686c;letter-spacing:2px;margin-top:44px}.hero-orbit{position:absolute;right:55px;top:50px;width:350px;height:350px;display:grid;place-content:center;transform:rotate(-12deg)}.hero-orbit img{width:160px;height:160px;filter:drop-shadow(0 20px 60px #ff755f20)}.hero-orbit span{font-size:9px;letter-spacing:3px;position:absolute;bottom:22px;left:80px;color:#787a7e}.orbit-ring{position:absolute;inset:0;border:1px solid #353537;border-radius:50%}.orbit-ring:after{content:"";position:absolute;inset:35px;border:1px dashed #353537;border-radius:50%}.orbit-ring:before{content:"✧";position:absolute;right:20px;top:40px;background:var(--bg);font-size:45px;line-height:1;color:var(--coral)}.studio{border:1px solid var(--line);border-radius:16px;overflow:hidden}.studio-top{padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h2{font-size:26px;letter-spacing:-.8px;margin:9px 0 0}.pill{font-size:10px;border:1px solid #3a463d;padding:5px 10px;border-radius:20px;color:#a9c7ad}.workspace{display:grid;grid-template-columns:1fr 1fr}.editor{padding:30px 32px;background:var(--panel)}.tabs{display:flex;background:#111214;border:1px solid var(--line);border-radius:8px;padding:4px;margin-bottom:30px;gap:4px}.tabs button{flex:1;border:0;color:#909196;font-size:12px;padding:9px}.tabs .active{background:#313235;color:#fff}label{display:block;font-size:12px;color:#c2c2c5;letter-spacing:.5px;margin:24px 0 10px}input,textarea{background:#111214;color:var(--ink);border:1px solid var(--line);border-radius:8px;width:100%;padding:14px;font-size:14px}textarea{resize:vertical;min-height:100px}.field-row{display:flex;justify-content:space-between;font-size:10px;color:#84858a;margin-top:5px;gap:8px}.swatches{display:flex;gap:14px;padding:6px 0}.swatch{width:30px;height:30px;background:var(--swatch);border-radius:50%;padding:0;border:3px solid var(--panel);outline:1px solid transparent}.swatch.selected{outline-color:var(--swatch)}.export-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0 18px}.export-row label{margin:0}.export-row select{font-size:12px}.primary{width:100%;background:var(--coral);color:#191a1c;font-weight:650;padding:15px;border:0;font-size:14px}.fine{font-size:10px;color:#929399;line-height:1.8}.editor .fine{text-align:center;margin:10px 0}#status{font-size:12px;color:#f6bd89;overflow-wrap:anywhere;margin-top:12px}#receipt{font-size:12px;color:#bbd5b4}.preview{padding:28px 46px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:radial-gradient(ellipse at center,#29272a 0, #151618 70%)}.preview-head,.preview-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8f9196}.qr-card{background:var(--accent);color:#17181b;padding:24px;border-radius:12px;width:100%;max-width:365px;align-self:center;box-shadow:0 20px 60px #0005;transform:rotate(-3deg);transition:background .2s,transform .3s}.qr-card:hover{transform:rotate(0)}.card-brand{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;letter-spacing:-1px}.card-brand img{width:25px;filter:brightness(0)}.card-brand span{margin-left:auto;font-size:9px;letter-spacing:2px;font-weight:400}.qr-surface{background:white;padding:22px;margin:22px 0;border-radius:3px}#qrcode{aspect-ratio:1;width:100%}#qrcode canvas,#qrcode img{width:100%;height:100%;image-rendering:pixelated}.card-caption{font-size:16px;font-weight:750;line-height:1.3;overflow-wrap:anywhere;min-height:22px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #17181b40;margin-top:15px;padding-top:12px;font-size:6px;letter-spacing:1px}.card-bottom span{font-size:16px;line-height:1}.how{padding:85px 0 65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:36px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{font-size:11px;color:var(--coral)}h3{font-size:17px;margin:15px 0 8px}.steps p{font-size:12px;color:var(--muted);max-width:290px}.closing{padding:34px 0 50px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.closing span{font-size:9px;color:#83858a;letter-spacing:1.5px}.closing a{font-size:19px;color:var(--coral)}footer{max-width:1320px;margin:auto;padding:30px 44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.ecosystem{display:flex;align-items:center;gap:20px;font-size:11px;color:#a9a9ae}.ecosystem strong{font-weight:500;color:#dedee1}.admin{max-width:800px;margin:50px auto;padding:28px}.admin section{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:12px;margin:25px 0}.admin pre{white-space:pre-wrap;word-break:break-all;font-size:12px}.admin button{margin:8px 6px 8px 0}.admin textarea{height:220px}.admin p{color:var(--muted);font-size:13px}.admin h1{font-size:36px}.admin h2{font-size:20px}@media(min-width:1400px){main{max-width:1160px}}@media(max-width:1300px){main{margin:0 44px}}@media(max-width:800px){header{padding:0 20px;height:auto;min-height:84px;flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px}nav{display:none}.head-actions{gap:6px}.head-actions button,.head-actions select{font-size:10px;padding:8px}.brand{font-size:25px}.brand span{display:none}main{margin:0 20px}.hero{padding-top:40px;min-height:460px}.hero-orbit{right:-85px;top:180px;width:220px;height:220px;opacity:.35}.hero-orbit img{width:85px;height:85px}.hero-orbit span{display:none}.hero p{font-size:13px;position:relative;z-index:1}h1{letter-spacing:-2px}.workspace{grid-template-columns:1fr}.studio-top{padding:22px}.studio-top h2{font-size:20px}.studio-top .pill{display:none}.editor{padding:24px}.preview{padding:25px;min-height:510px}.steps{grid-template-columns:1fr;gap:18px}.how{padding:55px 0 35px}.closing,footer{flex-direction:column;align-items:flex-start}.closing a{font-size:17px}footer{padding:25px 20px}.ecosystem{gap:14px;flex-wrap:wrap}.micro{font-size:7px}h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}