*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f5f0e5;color:#263b3e;font:15px/1.8 system-ui,-apple-system,"Yu Gothic UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a87332;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1320px)/2));background:#132d34;color:#f4ecd9}header>a{text-decoration:none;font-weight:600;letter-spacing:.06em}header small{display:block;font-size:10px;letter-spacing:.18em;color:#a9c0bc}nav{display:flex;gap:24px}nav a{font-size:12px;text-decoration:none;color:#d6ded3}.intro{max-width:1320px;margin:0 auto;padding:42px 28px 24px;display:flex;gap:40px;align-items:end;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.18em;color:#887046}.intro h1{font-family:"Yu Mincho",serif;letter-spacing:.06em;font-weight:500;font-size:clamp(30px,3.2vw,46px);line-height:1.5;margin:10px 0}.intro p{margin:10px 0;max-width:700px;color:#687775}.pill{white-space:nowrap;padding:7px 13px;border:1px solid #cad4c7;border-radius:30px;font-size:11px;color:#42675c;background:#edf1e5}.workspace{max-width:1320px;margin:auto;padding:10px 28px 36px;display:grid;grid-template-columns:345px minmax(0,1fr);gap:28px;align-items:start}.controls{background:#fffdf6;border:1px solid #dcdaca;border-radius:12px;padding:24px;box-shadow:0 8px 24px #253c3d06}.step{font-size:10px;letter-spacing:.14em;color:#8e7b59;margin:0 0 9px}fieldset{padding:0;margin:0 0 23px;border:0}legend{font-size:16px;font-weight:650;margin-bottom:14px;width:100%}label{display:block;font-size:12px;font-weight:600;margin:0 0 13px}input[type=text],textarea,select{display:block;width:100%;border:1px solid #cfd5c8;border-radius:6px;background:#fff;color:#273d3f;min-height:42px;padding:8px 11px;margin-top:6px}textarea{resize:vertical;min-height:86px;line-height:1.6}input[type=file]{font-size:11px;display:block;max-width:100%;margin:8px 0 12px}input[type=file]::file-selector-button{font:inherit;border:1px solid #bfccbf;background:#eaf0e5;color:#304c46;padding:8px 10px;border-radius:4px;margin-right:8px}input[type=color]{display:block;width:100%;height:40px;border:1px solid #cfd5c8;border-radius:5px;background:#fff;padding:4px;margin-top:6px;cursor:pointer}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{display:flex;align-items:center;gap:9px;font-weight:400}.check input{accent-color:#335e54}.hint{font-size:11px;color:#7a847b;margin:6px 0 12px}.palette-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.palette-inputs label{font-size:10px;text-align:center;margin:0}.palette-inputs input{height:40px}.quiet{background:transparent;color:#4c655f;border:1px solid #cad4c7;padding:6px 12px;border-radius:5px;font-size:11px;cursor:pointer}.stage-panel{min-width:0}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 15px}.stage-head span{font-size:11px;color:#72827b}.stage-head b{font-size:13px;font-weight:500}.stage{background:#e4e7dc;border:1px solid #d6dbce;border-radius:12px;min-height:340px;padding:26px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(45deg,#dee4d9 25%,transparent 25%),linear-gradient(-45deg,#dee4d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dee4d9 75%),linear-gradient(-45deg,transparent 75%,#dee4d9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}canvas#preview{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;filter:drop-shadow(0 9px 15px #25383320)}.export-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #284e46;border-radius:6px;min-height:43px;padding:10px 20px;background:#284e46;color:#fff9e9;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:#355b52;border-color:#9dac98}.button:disabled{opacity:.45;cursor:wait}.status{min-height:28px;font-size:12px;color:#577062;margin:0}.status[data-tone=error]{color:#a24f3c}.tip{margin-top:17px;border-left:3px solid #bb9b64;padding:3px 0 3px 17px;color:#6c786b;font-size:12px}.info{max-width:1320px;margin:auto;padding:0 28px 52px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.info article{padding:26px 28px;border-radius:10px;background:#eaeede}.info h2{font-size:18px;font-weight:600;margin:0 0 12px}.info p,.info li{font-size:13px;color:#63766a}.info ol{padding-left:20px}.offer{background:#18363b!important;color:#f6eddc}.offer p{color:#bcd0c4!important}.offer a{color:#ead19e}.offer .button{background:#d2b480;color:#163136;border-color:#d2b480}.terms{max-width:1320px;margin:auto;padding:0 28px 35px;font-size:11px;color:#7f897e}.terms a{margin-right:15px}footer{display:flex;max-width:1320px;margin:auto;justify-content:space-between;gap:20px;border-top:1px solid #d6dbce;padding:25px 28px 36px;color:#6c7e73;font-size:11px}.tool-grid{max-width:1320px;margin:0 auto;padding:24px 28px 48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tool-card{border:1px solid #d7d7c6;background:#fffdf5;padding:24px;border-radius:12px;display:flex;flex-direction:column;align-items:start}.tool-card img{display:block;width:100%;height:auto;border-radius:7px;margin-bottom:20px}.tool-card h2{font-family:"Yu Mincho",serif;font-weight:500;font-size:25px;margin:7px 0 12px}.tool-card p{font-size:13px;color:#718172;flex:1}.bundle{max-width:1264px;margin:0 auto 40px;background:#e7ecda;border-radius:12px;padding:25px 29px;display:flex;justify-content:space-between;align-items:center;gap:25px}.bundle h2{margin:0;font-size:20px}.bundle p{font-size:12px;color:#64765f;margin:7px 0}.tool-guide{max-width:850px;padding:35px 26px;margin:auto}.tool-guide h1{font-family:"Yu Mincho",serif;font-size:36px;font-weight:500}.tool-guide h2{margin-top:36px;font-size:22px}.tool-guide p,.tool-guide li{font-size:14px}.tool-guide img{width:100%;height:auto;border-radius:8px}.readable{max-width:720px}.small-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}
@media(max-width:1000px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:20px}.controls{padding:20px}.stage{padding:16px}.tool-grid{grid-template-columns:1fr}.tool-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.tool-card img{grid-row:1/5;margin:0}.tool-card .eyebrow{align-self:end}.tool-card .button{justify-self:start}}@media(max-width:720px){header{padding:19px 22px;align-items:start;flex-direction:column;gap:12px}nav{gap:20px;flex-wrap:wrap}.intro{padding:28px 22px 18px;flex-direction:column;align-items:start;gap:8px}.intro h1{font-size:31px}.intro p{font-size:13px}.workspace{padding:10px 20px 30px;display:flex;flex-direction:column;gap:22px}.controls{width:100%}.stage-panel{width:100%}.stage{min-height:230px;padding:15px}canvas#preview{max-height:560px}.info{padding:0 20px 32px;grid-template-columns:1fr;gap:18px}.info article{padding:23px}.export-bar .button{flex:1}.terms{padding:0 22px 28px}.tool-card{display:flex}.tool-card img{margin-bottom:20px}.tool-grid{padding:15px 22px 30px}.bundle{margin:0 22px 30px;padding:23px;flex-direction:column;align-items:start}.tool-guide h1{font-size:30px}footer{padding:24px 22px;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.preview-jump{display:block;text-align:center;text-decoration:none}.tool-card img{aspect-ratio:8/5;object-fit:contain;background:#dfe5da}

.phrase{display:inline-block}@media(max-width:720px){.export-bar .button{flex:1 1 calc(50% - 10px);white-space:nowrap}}