:root{--paper:#f5f4ef;--ink:#272b26;--muted:#7c8074;--line:#e4e5dc;--olive:#697347;--white:#fff;--radius:20px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #909e62;outline-offset:4px}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.header{max-width:1480px;margin:auto;padding:28px 5%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center}.brand-icon{background:var(--olive);color:#fff;width:37px;height:37px;border-radius:11px;margin-right:11px;display:inline-flex;align-items:center;justify-content:center;font-size:32px;position:relative;font-weight:600}.brand-icon span{font-size:16px;position:absolute;right:3px;top:0}.brand-dot{color:var(--olive)}.header-description{font-size:12px;color:var(--muted)}.local-badge{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#6b725b}.local-badge>span,.live-badge>span{width:6px;height:6px;border-radius:50%;background:#859365;flex-shrink:0}main{max-width:1320px;margin:0 auto;padding:55px 40px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#81866f;display:flex;align-items:center;gap:9px}.eyebrow span{width:18px;height:1px;background:#909c71}h1{font-size:clamp(30px,3.2vw,46px);font-weight:500;letter-spacing:-1.8px;margin:15px 0 12px}h1>span{color:var(--olive)}.intro p{font-size:14px;color:var(--muted);margin:0}.intro-stamp{border:1px solid #d8dccd;width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-13deg);color:#939b7e}.intro-stamp>span{position:absolute;top:20px;font-size:6px;letter-spacing:.8px}.intro-stamp svg{width:43px;height:43px;margin-top:12px;stroke-width:1.2}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.editor{padding:25px 25px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:15px;letter-spacing:-.25px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.step{font-size:10px;font-weight:500;color:#90977e;border:1px solid #e0e4d8;width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.text-button{border:0;background:none;font-size:10px;color:#8b8f80;padding:7px 0}.text-button:hover{color:var(--olive)}.section-note{font-size:11px;color:var(--muted);margin:13px 0 26px;line-height:1.5}form{display:flex;flex-direction:column;gap:18px}label{font-size:11px;font-weight:500;display:flex;flex-direction:column;gap:8px;color:#646958;min-width:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}input{height:44px;width:100%;padding:0 12px;border:1px solid #e3e5dc;border-radius:9px;background:#fcfcf9;color:#353a30;font-size:12px;outline:none;transition:background .2s,border-color .2s,box-shadow .2s}input:focus{border-color:#929f71;box-shadow:0 0 0 3px #6973470d;background:#fff}input::placeholder{color:#b4b6ab}input[aria-invalid="true"]{border-color:#b4614d}.input-prefix{position:relative;display:block}.input-prefix>span{position:absolute;left:12px;top:14px;color:#939a80}.input-prefix input{padding-left:31px}.privacy-note{display:flex;gap:9px;align-items:center;border-top:1px solid #eeefe7;margin-top:26px;padding-top:19px;color:#969b8c;font-size:10px;line-height:1.7}.privacy-note svg{width:17px;height:20px;flex-shrink:0}.form-error{font-size:11px;line-height:1.5;color:#a04732;margin:0}.design-column{min-width:0;display:flex;flex-direction:column;gap:24px}.preview-panel{overflow:hidden;padding:22px 23px 0}.live-badge{display:flex;align-items:center;gap:6px;font-size:9px;color:#8c927d}.preview-stage{margin-top:20px;padding:20px 25px 17px;border-radius:12px;background:#eeefe9;background-image:radial-gradient(#acb19d30 .65px,transparent .65px);background-size:8px 8px}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#959b88}.stage-top{margin-bottom:21px}.stage-top span:first-child{font-size:8px;font-weight:600}.stage-bottom{margin-top:22px;letter-spacing:.1px;font-size:9px}.stage-bottom svg{width:17px;height:17px}#card-preview{width:100%;aspect-ratio:1.8;border-radius:13px;box-shadow:0 18px 25px -12px #24251d57;transition:opacity .15s;overflow:hidden}#card-preview svg{display:block;width:100%;height:100%;stroke:none}.preview-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;font-size:9px;color:#8d937d}.tiny-check{font-size:10px;color:#738152;padding-right:5px}.template-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:0 2px}.template-heading h2{font-size:13px}.template-heading>span{font-size:10px;color:#919780}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.template{padding:5px;border:1px solid #e0e3d7;background:#fff;border-radius:13px;text-align:left;transition:transform .2s,border-color .2s}.template:hover{transform:translateY(-3px);border-color:#a7af96}.template.selected{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive)}.template-art{height:83px;border-radius:9px;display:flex;align-items:center;padding:17px;position:relative;overflow:hidden}.graphite-art{background:repeating-radial-gradient(ellipse at 110% 100%,transparent 0px,transparent 9px,#c6a7772e 10px,transparent 11px),#232621;color:#f4f0df}.sand-art{background:#eee3ce;color:#402d21}.sand-art:after{content:'';width:160px;height:140px;position:absolute;right:-70px;top:15px;border-radius:50%;background:#b56540;transform:rotate(-30deg)}.aurora-art{background:radial-gradient(ellipse at 95% 100%,#24bbae,transparent 60%),radial-gradient(ellipse at 70% 0%,#215fd0,transparent 50%),#091a34;color:#e0fff2}.mini-name{font-size:34px;font-weight:600;letter-spacing:-2px;z-index:1}.mini-qr{margin-left:auto;background:#faf8ee;color:#282d26;width:37px;height:37px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:35px;z-index:1;line-height:1}.template-info{display:flex;align-items:center;justify-content:space-between;padding:11px 6px 8px;gap:4px}.template-info strong{display:block;font-size:11px;font-weight:600}.template-info small{display:block;font-size:8px;color:#969a8c;margin-top:5px}.radio-mark{width:16px;height:16px;border-radius:50%;border:1px solid #dedfd5;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;flex-shrink:0}.selected .radio-mark{background:var(--olive);border-color:var(--olive);color:#fff}.export-panel{padding:22px 24px 14px}.export-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.export-top p{font-size:10px;color:#8f9583;margin:11px 0 0}.format-switch{display:flex;padding:3px;background:#f2f3ec;border:1px solid #e9ebdf;border-radius:8px;flex-shrink:0}.format-switch button{border:0;background:transparent;padding:7px 12px;font-size:10px;color:#939881;border-radius:5px}.format-switch button.active{background:#fff;color:#545e3c;box-shadow:0 1px 4px #28300e12}.download-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid #697347;background:var(--olive);color:#fff;border-radius:10px;margin-top:20px;padding:14px 18px;font-size:12px;transition:background .2s}.download-button:hover{background:#566037}.download-button svg{width:16px;height:16px}.button-arrow{margin-left:auto;font-size:18px}.download-button>svg{margin-right:auto}.vcf-button{display:block;border:0;background:none;margin:12px auto 0;font-size:10px;color:#929982;padding:4px 10px}.vcf-button:hover{color:var(--olive)}.vcf-button span{padding-left:5px}.how-it-works{text-align:center;padding:49px 0 45px}.how-label{font-size:8px;letter-spacing:1.7px;color:#a0a58f}.how-it-works p{font-size:13px;color:#767e66;margin:14px 0 8px}.how-detail{font-size:10px;color:#a0a58f}footer{max-width:1240px;margin:0 auto;padding:23px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a0a58f;font-size:9px}.footer-brand{font-size:17px;font-weight:700;letter-spacing:-.6px;color:#747c64}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:13px 22px;background:#2d3528;color:#fff;border-radius:12px;font-size:12px;box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1450px){main{padding-top:65px}.workspace{grid-template-columns:380px minmax(0,1fr)}}@media(max-width:1050px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px}.editor{padding:22px 18px}.header-description{display:none}.preview-stage{padding:18px}.preview-panel{padding:20px 16px 0}.template-info small{font-size:7px}.template-art{padding:12px;height:75px}.template-info{padding-left:3px;padding-right:3px}.templates{gap:9px}.export-panel{padding:20px 18px 14px}.intro-stamp{width:95px;height:95px}.live-badge{font-size:8px}footer{margin:0 40px}}@media(max-width:800px){main{padding:35px 22px 0}.workspace{grid-template-columns:1fr}.intro-stamp{display:none}.intro{margin-bottom:28px}.header{padding:20px 22px}.local-badge{font-size:9px}.brand{font-size:22px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:36px}.intro p{font-size:12px}.editor{padding:23px}.section-note{margin-bottom:20px}form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-fields{grid-column:1/-1}form>label:last-of-type{grid-column:1/-1}.form-error{grid-column:1/-1}.privacy-note{margin-top:20px;padding-top:15px}.privacy-note br{display:none}.preview-panel{padding:22px 20px 0}.preview-stage{padding:20px 25px}.template-art{height:95px;padding:18px}.template-info small{font-size:9px}.template-info{padding:12px 7px 8px}.export-panel{padding:22px}.how-it-works{padding:35px 0}.header-description{display:none}footer{margin:0 22px}footer>span:last-child{display:none}}@media(max-width:440px){main{padding:30px 15px 0}.header{padding:18px 15px}.local-badge{font-size:8px;gap:5px}h1{font-size:29px;letter-spacing:-1px}.eyebrow{font-size:6px;letter-spacing:1px}.intro p{font-size:11px}.editor{padding:20px}form{display:flex;gap:16px}.preview-panel{padding:19px 12px 0}h2{font-size:13px}.live-badge{font-size:7px;gap:4px}.step{width:22px;height:22px;font-size:9px}.preview-stage{padding:15px 12px}.stage-top{margin-bottom:16px}.stage-bottom{margin-top:16px;font-size:7px}.preview-foot{font-size:8px}.templates{gap:8px}.template-art{height:69px;padding:10px}.mini-name{font-size:26px}.mini-qr{width:27px;height:27px;font-size:26px}.template-info{padding:10px 3px 6px}.template-info small{font-size:7px;line-height:1.4;max-width:65px}.template-info strong{font-size:10px}.radio-mark{width:13px;height:13px;font-size:8px}.template-heading>span{font-size:9px}.export-top p{font-size:8px}.format-switch button{padding:7px 9px}.export-panel{padding:19px 17px 14px}.how-it-works p{font-size:10px}.how-detail{font-size:9px}.how-label{font-size:7px;letter-spacing:1px}.privacy-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.view-nav{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:0 0 25px}.view-nav button{background:none;border:0;border-bottom:2px solid transparent;padding:13px 18px 16px;font-size:12px;color:#939981;display:flex;align-items:center;gap:18px;margin-bottom:-1px}.view-nav button.active{color:#56613b;border-color:var(--olive)}.view-nav button>span{font-size:10px}.view-nav #library-count{border-radius:5px;background:#e9ecdf;min-width:20px;text-align:center;padding:2px 5px}.save-actions{display:flex;gap:9px;margin-top:20px}.save-card-button{flex:1;border:1px solid #dce1ce;background:#f4f6ed;border-radius:9px;padding:13px 15px;font-size:11px;color:#606c43;display:flex;align-items:center;justify-content:space-between}.save-card-button>span{font-size:18px}.save-card-button:hover,.show-current-button:hover{background:#e9eedc}.show-current-button{width:47px;display:flex;align-items:center;justify-content:center;border:1px solid #dce1ce;border-radius:9px;background:#f4f6ed;color:#606c43}.show-current-button svg{width:19px;height:23px}.save-actions+.download-button{margin-top:10px}.library-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0}.library-header h2{font-size:30px;font-weight:500;letter-spacing:-1px;gap:0}.library-header h2>span{color:var(--olive)}.library-header p{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 0}.new-card-button{background:var(--olive);color:#fff;border:0;border-radius:10px;padding:14px 20px;font-size:12px}.new-card-button:hover{background:#566037}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;min-height:250px}.saved-card{padding:12px;overflow:hidden}.saved-card-preview{padding:0;display:block;width:100%;background:none;border:0;border-radius:11px;overflow:hidden;aspect-ratio:1.8;transition:transform .2s}.saved-card-preview:hover{transform:scale(.99)}.saved-card-preview svg{width:100%;height:100%;display:block;stroke:none}.saved-card-meta{padding:7px 5px}.saved-card-meta h3{font-size:15px;margin:14px 0 7px;overflow-wrap:anywhere}.saved-card-meta p{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.saved-card-actions{display:flex;gap:7px;padding:8px 4px 4px}.saved-card-actions button{font-size:10px;border-radius:7px;padding:11px 10px;flex:1}.saved-show{border:1px solid var(--olive);background:var(--olive);color:#fff}.saved-edit{border:1px solid #e0e3d7;background:transparent;color:#818971}.library-note{font-size:11px;color:#9a9f8d;line-height:1.8;text-align:center;margin:25px 0 5px}.library-empty{grid-column:1/-1;background:#eeefe6;border:1px dashed #cfd6bc;border-radius:20px;text-align:center;padding:48px 20px}.empty-icon{font-size:36px;color:#88976b}.library-empty h3{font-size:20px;font-weight:500;margin:18px 0 12px}.library-empty p{color:#8a927c;font-size:12px;line-height:1.8;margin:0 0 25px}.modal-open{overflow:hidden}.phone-dialog{border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;background:#141813;color:#ebefe3;overflow:auto;position:fixed;inset:0}.phone-dialog::backdrop{background:#141813}.phone-dialog[open]{display:flex;align-items:center;flex-direction:column;justify-content:center}.phone-toolbar{display:flex;align-items:center;justify-content:space-between;width:min(540px,calc(100vw - 32px));height:46px;flex-shrink:0;font-size:9px;letter-spacing:2px;color:#949d8c}.phone-toolbar button{background:#ffffff0d;color:#ddd;border:1px solid #ffffff18;border-radius:50%;height:32px;width:32px;font-size:14px;display:flex;align-items:center;justify-content:center}.phone-card{height:calc(100dvh - 132px);width:auto;aspect-ratio:540/940;max-width:calc(100vw - 32px);max-height:calc((100vw - 32px)*940/540);flex-shrink:0;filter:drop-shadow(0 12px 30px #0004)}.phone-card svg{display:block;width:100%;height:100%;stroke:none}.phone-footer{width:min(540px,calc(100vw - 32px));height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;font-size:10px;color:#a7af9b}.phone-footer button{background:none;border:1px solid #ffffff24;border-radius:8px;padding:10px;font-size:10px;color:#d3dbc6}.phone-dialog+.toast{z-index:100}.library-view{scroll-margin-top:20px}@media(max-width:1050px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.library-grid{grid-template-columns:1fr;gap:18px}.library-header{align-items:flex-start;margin:24px 0}.library-header h2{font-size:24px}.library-header p{font-size:11px;max-width:180px}.new-card-button{font-size:10px;padding:12px;white-space:nowrap}.library-note{font-size:10px}.view-nav button{padding:11px 14px 13px;font-size:11px}.saved-card-meta h3{font-size:17px}.saved-card-meta p{font-size:12px}.saved-card-actions button{font-size:11px;padding:13px}.phone-footer{font-size:9px}.phone-footer button{font-size:9px}}@media(max-height:500px) and (orientation:landscape){.phone-dialog[open]{justify-content:flex-start}.phone-card{height:auto;width:300px;max-height:none}.phone-toolbar{position:sticky;top:0;background:#141813;z-index:1}.phone-footer{min-height:66px}}
.wallet-button{width:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;margin:16px 0 8px;min-height:55px;border-radius:10px}.wallet-button img{display:block;width:178px;max-width:100%;height:auto}.wallet-button:hover:not(:disabled){background:transparent;filter:brightness(.92)}.wallet-button:disabled{cursor:not-allowed;opacity:.4}.wallet-note{font-size:9px;line-height:1.6;text-align:center;color:#949b85;margin:8px 0}.saved-card>.wallet-button{margin-top:12px}