:root{font-family:Arial,Noto Sans CJK JP,Yu Gothic,sans-serif;color:#253e34;background:#f7f7f0;font-synthesis:none;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.7}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #b34d3e;outline-offset:4px}button{touch-action:manipulation}svg{display:block;width:100%;height:auto}.header{height:94px;border-bottom:1px solid #dce0d5;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:23px;position:relative}.brand-mark{color:#a54132;font-size:35px}.brand-note{font:8px Arial,sans-serif;letter-spacing:2px;position:absolute;left:48px;bottom:-9px}.header-note{font-size:10px;letter-spacing:2px;color:#717e70}main{max-width:1240px;margin:auto;padding:0 38px}.intro{text-align:center;padding:46px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#78836d;font-weight:600}.intro h1{font-family:Yu Mincho,"Noto Serif CJK JP",serif;font-size:36px;letter-spacing:3px;font-weight:500;margin:12px 0 15px}.intro h1 span{color:#9d4638}.intro>p:last-child{font-size:12px;color:#6d786c;letter-spacing:1px}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:56px;align-items:start}.controls{padding-top:12px}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.panel-title h2{font-size:14px;font-weight:600;letter-spacing:1px;margin:0}.step{width:27px;height:27px;display:grid;place-items:center;border:1px solid #b4bfae;border-radius:50%;font-family:Georgia,serif;font-size:12px}.count{font-size:8px;letter-spacing:1px;color:#7e8978;margin-left:auto}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.design-option{border:0;background:none;padding:0;text-align:left;min-width:0}.thumb{position:relative;overflow:hidden;border:1px solid #d2d5c9;padding:5px;background:#fdfcf7;border-radius:3px;transition:box-shadow .15s}.design-option[aria-pressed=true] .thumb{border-color:#315643;box-shadow:0 0 0 2px #315643}.selected{position:absolute;bottom:8px;right:8px;border-radius:50%;background:#315643;color:#fff;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.design-label{display:block;font-size:9px;line-height:1.5;margin-top:9px}.design-label small{font:9px Georgia,serif;color:#8c947f;display:block}.desktop-fields{border-top:1px solid #d7ddcf;margin-top:30px;padding-top:24px}.form-field{display:block;margin:0 0 16px}.form-field>span{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:6px}.form-field>span small{font-size:8px;letter-spacing:1.5px;color:#88927d}.form-field textarea{display:block;width:100%;resize:vertical;background:#fffefa;border:1px solid #d7ddcf;border-radius:4px;padding:10px 12px;line-height:1.8;min-height:45px;font-size:13px;color:#344b3b}.counter{display:block;font-size:9px;color:#7d8775;text-align:right;margin-top:3px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.preview-heading .eyebrow{font-size:9px}.preview-tip{font-size:10px;color:#78836d}.preview-stage{background:#e9ebdf;position:relative;padding:30px 65px;border-radius:5px;background-image:radial-gradient(#c6ccb950 .8px,transparent .8px);background-size:7px 7px}.card-shell{max-width:432px;margin:auto;box-shadow:0 12px 28px #253e3426}.invitation{position:relative}.edit-hotspot{position:absolute;background:transparent;border:1px solid transparent;transform:translate(-50%,-50%);border-radius:3px;padding:0}.edit-hotspot:hover,.edit-hotspot:focus-visible,.edit-hotspot[data-active]{border-color:#a74034;background:#ffffff20}.edit-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.edit-hotspot[data-empty]{border:1px dashed #8b967b}.edit-hotspot[data-empty] span{position:static;clip-path:none;width:auto;height:auto;font-size:10px;background:#f9f3e7;color:#324c3b}.inline-editor{position:absolute;z-index:3;background:#fffdf5;padding:10px;box-shadow:0 4px 20px #0003;border:1px solid #a8b49a;border-radius:5px;display:flex;gap:7px;align-items:flex-start}.inline-editor input,.inline-editor textarea{min-width:0;width:100%;font-size:16px;line-height:1.5;border:1px solid #a8b49a;border-radius:2px;padding:8px;resize:vertical;color:#253e34;background:#fff}.inline-editor button{min-width:48px;min-height:44px;border:0;border-radius:3px;background:#315643;color:#fff;font-size:12px}.card-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7b8674;margin:15px 0 22px}.card-caption>span:first-child{font:italic 13px Georgia,serif;color:#52644e;letter-spacing:0}.save{display:flex;align-items:center;justify-content:center;gap:12px;background:#294f3e;color:#fffdf1;border:0;border-radius:4px;min-height:58px;width:100%;font-size:14px;letter-spacing:1px;box-shadow:0 3px #203d30}.save>span:first-child{font-size:24px;font-family:Georgia,serif}.save-format{font-size:9px;color:#c6d1bc;margin-left:6px}.status{min-height:2em;text-align:center;color:#7d8775;font-size:10px;margin-top:14px}.mobile-designs{display:none}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #d8dece;margin:75px 0 60px;padding-top:50px}.about h2{font-family:Yu Mincho,serif;font-weight:500;font-size:27px;letter-spacing:2px;line-height:1.9}.about p{font-size:12px;line-height:2.1;color:#6d7867}.about h3{font-size:12px;font-weight:600;margin-bottom:4px}.about-notes article{margin-bottom:24px}footer{padding:25px 5vw;border-top:1px solid #dce0d5;display:flex;gap:20px;align-items:center;color:#7d8775;font-size:10px}footer>span:first-child{font:18px Georgia,serif;color:#38513e}footer>span:nth-child(2){margin-left:auto;font-size:8px;letter-spacing:1px}footer a{font-size:10px}@media(min-width:1400px){main{max-width:1320px}.workspace{grid-template-columns:410px minmax(0,1fr);gap:80px}.preview-stage{padding:35px 75px}}@media(max-width:1000px){main{padding:0 24px}.workspace{grid-template-columns:290px minmax(0,1fr);gap:28px}.preview-stage{padding:24px}.header-note{display:none}.intro h1{font-size:31px}.design-grid{gap:15px 10px}.about{gap:40px}.save-format{display:none}}@media(max-width:700px){.header{height:67px;padding:0 18px}.brand{font-size:18px;gap:8px}.brand-mark{font-size:29px}.brand-note{left:37px;font-size:6px;bottom:-7px}main{padding:0 14px}.intro{padding:22px 0 16px}.intro .eyebrow{font-size:8px;margin:0 0 7px}.intro h1{font-size:22px;letter-spacing:1px;margin:5px 0 8px}.intro>p:last-child{font-size:10px;letter-spacing:0;margin:0}.workspace{display:block}.controls{display:none}.preview-heading{margin:0 2px 9px}.preview-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.preview-tip{font-size:9px}.preview-stage{padding:0;background:none}.card-shell{width:100%;max-width:390px;box-shadow:0 7px 20px #253e3420}.card-caption{max-width:390px;margin:10px auto 14px;font-size:7px}.card-caption>span:first-child{font-size:12px}.mobile-designs{display:block;max-width:430px;margin:0 auto 12px}.design-toggle{width:100%;min-height:46px;background:transparent;border:1px solid #cbd3c1;border-radius:3px;text-align:left;padding:10px 12px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.design-toggle>span{font-size:18px}.mobile-designs .design-grid{padding:18px 4px}.save{min-height:54px;max-width:430px;margin:auto;font-size:13px}.status{font-size:9px;margin-top:12px}.about{display:block;margin-top:40px;padding-top:28px}.about h2{font-size:24px}.about-notes{margin-top:28px}.about p{font-size:11px}.about h3{font-size:12px}footer{flex-wrap:wrap;padding:22px 18px;gap:12px}footer>span:first-child{font-size:14px}footer>span:nth-child(2){font-size:6px}.inline-editor{padding:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}