:root{color-scheme:light;--ink:#222222;--paper:#ffffff;--lime:#eeeeee;--muted:#666666}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans JP',sans-serif;font-size:14px}header{height:94px;margin:0 5%;border-bottom:1px solid #cfd1c5;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:10px;align-items:center;font-weight:900;font-size:18px;letter-spacing:-.5px;text-decoration:none;color:inherit}.logo-icon{font-size:29px}.tag{font-size:10px;font-weight:500;letter-spacing:1px;border-left:1px solid #b7b9ad;padding-left:13px;margin-left:8px}.connection{font-size:11px;background:white;padding:9px 13px;border:1px solid #dadccd;border-radius:0}main{max-width:1320px;margin:auto;padding:70px 5% 0;display:grid;grid-template-columns:.85fr 1.45fr;gap:52px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.intro{padding-top:14px}h1{font-size:clamp(48px,5.4vw,76px);line-height:1.3;letter-spacing:-4px;margin:27px 0}h1 span{background:none}.lead{line-height:2.2;font-size:15px;color:#5d6154}.steps{display:flex;gap:12px;font-size:11px;margin-top:33px;font-weight:700}.steps i{font-style:normal;color:#a4a798}.note{display:flex;gap:12px;margin-top:40px}.note>span{font-size:26px}.note p{font-size:11px;line-height:1.9;color:var(--muted)}.edition{font-size:8px;letter-spacing:1.4px;margin-top:45px;color:var(--muted)}.studio{border:1px solid #c9ccbd;background:#fff;border-radius:0;box-shadow:none;overflow:hidden}.studio-top{padding:16px 23px;border-bottom:1px solid #d7d9cc;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:700}.studio-top span:last-child{color:#777c68}.workspace{padding:26px;display:grid;grid-template-columns:1.15fr .9fr;gap:27px}label,legend{display:block;font-size:11px;font-weight:700;margin-bottom:9px}label span{color:#999d8f;font-size:9px;margin-left:5px;font-weight:400}input[type=text],input:not([type]),input[type=url],textarea{display:block;width:100%;border:1px solid #d5d8ca;background:#fbfcf7;padding:11px;border-radius:0;font:inherit;font-size:11px;line-height:1.9;color:inherit;margin-bottom:21px}textarea{resize:vertical;min-height:140px}input::placeholder,textarea::placeholder{color:#a3a695}.label-row{display:flex;justify-content:space-between}.label-row output{font-size:9px;color:#929785}fieldset{padding:0;border:0;margin:0 0 23px}.align-options{display:flex;border:1px solid #d5d8ca;border-radius:0;overflow:hidden}.align-options label{margin:0;flex:1;text-align:center;cursor:pointer}.align-options input{position:absolute;opacity:0;width:1px;height:1px}.align-options span{display:block;padding:9px 0;margin:0;color:#6d7360;font-size:10px}.align-options input:checked+span{background:var(--lime);color:var(--ink);font-weight:700}.align-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-3px}.upload{padding:12px;border:1px dashed #cdd2bf;margin-bottom:22px;border-radius:0;background:#fcfdf8}.upload input{max-width:100%;font-size:10px}.upload p{font-size:9px;line-height:1.7;color:#919780;margin:9px 0 0}.upload button{border:0;background:transparent;text-decoration:underline;font-size:10px;cursor:pointer}.submit{width:100%;border:1px solid var(--ink);background:var(--lime);border-radius:0;padding:15px 12px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;cursor:pointer;margin-top:16px;color:inherit}.submit:disabled{background:#e7e9df;border-color:#d1d5c4;color:#929884;cursor:not-allowed}.fine{font-size:8px;line-height:1.7;color:#8d937e;text-align:center}.preview-wrap{background:#eef0e7;padding:24px 15px;border-radius:0;align-self:start;min-height:440px}.receipt{background:white;filter:none;padding:23px 15px 24px;font-family:monospace}.receipt-mark{text-align:center;font-weight:bold;font-size:14px;letter-spacing:1px}.receipt-sub{font-size:6px;text-align:center;margin-top:9px;letter-spacing:.4px}.dash{border-top:1px dashed #b6b8ad;margin:20px 0}.receipt h2{font-size:15px;text-align:center;overflow-wrap:anywhere;margin:20px 0;font-weight:700}.receipt p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:2;min-height:85px}.receipt canvas{width:100%;height:auto;image-rendering:pixelated}.receipt-footer{text-align:center;font-size:7px;line-height:2}.preview-caption{text-align:center;font-size:10px;color:#838a75;line-height:1.9;margin-top:23px}.preview-caption span{font-size:7px}#preview-qr{text-align:center;font-size:55px}#preview-qr small{display:block;font-size:8px}.job-panel{grid-column:1/-1;background:var(--lime);padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border:1px solid #becb70;border-radius:0}.job-panel h2{font-size:20px;margin:8px 0}.job-panel p{font-size:12px;margin:0;line-height:1.9}.job-panel button{background:transparent;border:1px solid #676f42;padding:10px;cursor:pointer}.faq{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:18px 0 45px}.faq h3{font-size:12px}.faq p{font-size:11px;line-height:2;color:#828873}footer{margin:0 5%;padding:26px 0;border-top:1px solid #cfd1c5;display:flex;justify-content:space-between;color:#959b87;font-size:9px;letter-spacing:1px}[hidden]{display:none!important}:focus-visible{outline:2px solid #333333;outline-offset:3px}@media(min-width:1500px){main{padding-top:90px}}@media(max-width:1000px){main{gap:25px;grid-template-columns:.7fr 1.3fr;padding-left:4%;padding-right:4%}.workspace{gap:15px;padding:20px;grid-template-columns:1fr}.preview-wrap{display:none}h1{font-size:56px}.tag{display:none}}@media(max-width:650px){header{height:72px}.logo{font-size:14px}.connection{font-size:9px;padding:7px 9px}main{display:block;padding:32px 5% 0}.intro{padding:0}h1{font-size:56px;margin:22px 0}.lead{font-size:13px}.steps{margin-top:23px}.note{margin-top:20px}.edition{margin:22px 0 30px}.workspace{grid-template-columns:1fr}.preview-wrap{display:block;max-width:250px;width:100%;margin:auto;min-height:0}.faq{display:block;margin-top:30px;padding-bottom:20px}.faq>div{margin-bottom:25px}.job-panel{margin-top:25px;gap:15px;padding:20px}.job-panel button{font-size:10px;white-space:nowrap}footer{font-size:7px}}

/* Plain appearance; the original columns and responsive layout are retained. */
body{color:#222;background:#fff}
header,footer,.studio,.studio-top{border-color:#bbb}
.logo{font-weight:700;letter-spacing:0}.tag{letter-spacing:0;border-color:#bbb}
h1{font-size:48px;font-weight:700;letter-spacing:0}
.eyebrow,.edition,.studio-top,footer{letter-spacing:0}
.lead,.note p,.edition,.faq p{color:#555}
.connection{background:#f5f5f5;border-color:#bbb}
.studio-top{background:#eee;font-size:11px}.studio-top span:last-child{color:#555}
input[type=text],input:not([type]),input[type=url],textarea{background:#fff;border-color:#aaa}
input::placeholder,textarea::placeholder{color:#777}
label span,.label-row output,.upload p,.fine,.preview-caption{color:#666}
.align-options{border-color:#aaa}.align-options span{color:#333}
.align-options input:checked+span{background:#ddd}
.upload{background:#fff;border:1px solid #bbb}
.submit{background:#e5e5e5;border-color:#777;justify-content:center;font-size:13px}
.submit:disabled{background:#eee;border-color:#ccc;color:#777}
.preview-wrap{background:#f1f1f1}.receipt{border:1px solid #ccc;min-height:290px}
.job-panel{background:#eee;border-color:#aaa}.job-panel button{border-color:#777}
@media(max-width:1000px){h1{font-size:44px}}
@media(max-width:650px){h1{font-size:42px}}