:root{font-family:Arial,Helvetica,sans-serif;color:oklch(0.25 0.028 55);background:oklch(0.985 0.008 80);font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:98px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid oklch(0.9 0.018 74)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:11px;letter-spacing:2px;font-weight:700}.brand b{display:block;margin-top:5px;letter-spacing:4px;font-size:10px;color:oklch(0.48 0.025 60)}.brand-icon{font-size:31px;background:oklch(0.19 0.028 45);color:oklch(0.8 0.11 72);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;position:relative;font-family:Georgia,serif}.brand-icon span{position:absolute;right:4px;top:2px;font:15px Arial}.header-note{font-size:10px;letter-spacing:1.6px;color:oklch(0.48 0.025 60);display:flex;align-items:center;gap:9px}i{display:inline-block;width:6px;height:6px;background:oklch(0.8 0.11 72);border-radius:50%}main{max-width:1160px;margin:auto;padding:56px 32px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:oklch(0.48 0.025 60)}.intro h1{font:normal 64px/1.04 Georgia,serif;letter-spacing:-2.2px;margin:23px 0 20px}.intro em{color:oklch(0.45 0.09 45);font-weight:normal}.intro>p:last-child{font-size:14px;color:oklch(0.48 0.025 60);line-height:1.8;margin-bottom:40px}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid oklch(0.9 0.018 74);border-radius:18px;overflow:hidden;background:oklch(0.995 0.005 85);box-shadow:0 12px 35px oklch(0.35 0.06 60 / 0.03)}.editor{padding:37px 42px}.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}.step{border:1px solid oklch(0.9 0.018 74);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px;color:oklch(0.48 0.025 60)}.section-heading h2{font:normal 26px Georgia,serif;margin:0 0 5px}.section-heading p{margin:0;color:oklch(0.48 0.025 60);font-size:12px}label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin:21px 0 9px}label span{font-size:8px;font-weight:400;letter-spacing:1px;color:oklch(0.48 0.025 60)}input,textarea{width:100%;border:1px solid oklch(0.9 0.018 74);border-radius:7px;background:oklch(0.985 0.008 80);color:oklch(0.25 0.028 55);padding:14px;font:14px Arial;outline:none}input:focus,textarea:focus{border-color:oklch(0.45 0.09 45);box-shadow:0 0 0 3px oklch(0.45 0.09 45 / 0.12)}input::placeholder{color:oklch(0.48 0.025 60)}textarea{line-height:1.6;resize:vertical}.help{font-size:10px;line-height:1.6;color:oklch(0.48 0.025 60);margin:8px 0}.error{font-size:11px;color:#a33e2d;margin:5px 0}.error:empty{display:none}[aria-invalid=true]{border-color:#a33e2d}details{border-top:1px solid oklch(0.9 0.018 74);border-bottom:1px solid oklch(0.9 0.018 74);margin-top:26px}summary{padding:18px 0;font-size:12px;color:oklch(0.48 0.025 60);cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:16px}.message-editor{padding-bottom:18px}.message-editor label{margin-top:0;font-size:11px}.text-button{border:0;background:none;color:oklch(0.48 0.025 60);text-decoration:underline;padding:4px 0;font-size:11px;cursor:pointer}.download-area{margin-top:27px}.primary{display:flex;justify-content:center;align-items:center;gap:12px;background:oklch(0.34 0.055 45);color:oklch(0.985 0.01 85);border:0;border-radius:7px;padding:17px;width:100%;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.primary:hover{background:oklch(0.45 0.09 45)}.primary:disabled{opacity:.65;cursor:wait}.primary>span:first-child{font-size:20px}.format{font-size:8px;letter-spacing:1px;opacity:.55;margin-left:auto}.download-area>p{font-size:10px;text-align:center;color:oklch(0.48 0.025 60);margin:11px 0}#status{font-size:12px;line-height:1.6;color:oklch(0.48 0.025 60)}#save-fallback{font-size:12px;line-height:1.6}#open-image{color:oklch(0.48 0.025 60)}.privacy{display:flex;gap:10px;border:1px solid oklch(0.9 0.018 74);background:oklch(0.955 0.016 76);border-radius:7px;padding:13px;margin-top:24px}.privacy>span{font-size:21px;color:oklch(0.48 0.025 60)}.privacy p{font-size:10px;color:oklch(0.48 0.025 60);line-height:1.7;margin:0}.privacy strong{color:oklch(0.48 0.025 60)}.preview-panel{background:oklch(0.93 0.032 76);padding:26px 35px 24px;display:flex;flex-direction:column;align-items:center;position:relative}.preview-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:23px}.preview-top h2{font-size:9px;letter-spacing:1.8px;font-weight:500;color:oklch(0.48 0.025 60)}.preview-top>span{font-size:9px;color:oklch(0.48 0.025 60);display:flex;align-items:center;gap:5px}.card-wrap{width:100%;max-width:306px;transform:rotate(-2deg);box-shadow:10px 20px 30px oklch(0.19 0.028 45 / 0.18);border-radius:12px;overflow:hidden;margin:8px 0 15px}canvas{display:block;width:100%;height:auto;background:oklch(0.19 0.028 45)}.preview-caption{display:flex;gap:11px;align-items:center;margin-top:8px;color:oklch(0.48 0.025 60)}.preview-caption>span{font-size:22px}.preview-caption p{font-size:10px;line-height:1.8}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0 52px}.how>div{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.how span{grid-row:1/3;color:oklch(0.48 0.025 60);font:italic 17px Georgia,serif}.how h3{font-size:12px;margin:1px 0 8px;font-weight:500}.how p{font-size:11px;color:oklch(0.48 0.025 60);line-height:1.7;margin:0;max-width:240px}footer{border-top:1px solid oklch(0.9 0.018 74);margin:0 5.5%;padding:23px 0;display:flex;justify-content:space-between;align-items:center;color:oklch(0.48 0.025 60);font-size:9px;letter-spacing:1.2px}footer p{letter-spacing:0;font:italic 12px Georgia,serif}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid oklch(0.8 0.11 72);outline-offset:4px}@media(min-width:1050px){.intro{position:relative}.intro:after{content:'A personal touch.\A An open door.';white-space:pre;position:absolute;right:80px;top:55px;transform:rotate(-7deg);font:italic 26px/1.4 Georgia,serif;color:oklch(0.48 0.025 60)}}@media(max-width:760px){header{height:78px}.header-note{font-size:8px;letter-spacing:0}.brand{font-size:9px;letter-spacing:1px}.brand b{font-size:8px}.brand-icon{width:35px;height:35px}main{padding:32px 20px 0}.intro h1{font-size:49px}.intro>p:last-child{font-size:12px}.workspace{grid-template-columns:1fr}.editor{padding:27px 23px}.preview-panel{padding:23px;grid-row:1}.preview-top{margin-bottom:12px}.card-wrap{max-width:248px;margin-top:3px}.preview-caption{margin:0}.how{gap:20px;margin:30px 0;grid-template-columns:1fr}.how p{max-width:none}footer{flex-direction:column;gap:7px;padding:20px 0}footer p{margin:5px}footer>span:last-child{display:none}.desktop{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}