:root{color:#172022;background:#f4f1ea;font-family:Inter,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh;padding:28px 18px 42px;background:radial-gradient(circle at 85% 5%,#e4d4b9,transparent 28rem),#f4f1ea}.shell{max-width:860px;margin:auto}.back{color:#51615d;text-decoration:none;font-size:.9rem}header{padding:60px 0 32px}.eyebrow{margin:0 0 10px;color:#a34e32;letter-spacing:.13em;font-size:.73rem;font-weight:700}h1{margin:0;font:800 clamp(3.4rem,12vw,6.6rem)/.83 Georgia,serif;letter-spacing:-.08em}h1 span{color:#a34e32}.lead{margin:20px 0 5px;font-size:1.4rem;font-weight:700}.caption{color:#52615e}.editor,.output{background:#fffdf8;border:1px solid #ddd5c9;border-radius:18px;padding:28px;margin:16px 0;box-shadow:0 10px 25px #4f473512}.section-heading{display:flex;align-items:baseline;gap:10px;margin:8px 0 18px}.section-heading span{color:#a34e32;font-size:.78rem;font-weight:800}h2{margin:0;font-size:1.2rem}.section-heading small{color:#67716c}label{display:grid;gap:7px;margin:16px 0;font-weight:700;font-size:.9rem}label small{color:#67716c;font-weight:400}input{width:100%;border:1px solid #cfc7bb;border-radius:10px;background:#fff;padding:12px;color:#172022}input:focus{outline:2px solid #a34e32;outline-offset:1px}.options{display:grid;gap:9px}.options div{display:flex;align-items:center;gap:9px}.options b{width:25px;color:#a34e32}.options button{border:0;background:transparent;color:#9e4b31;font-size:1.3rem}.add{padding:0;border:0;color:#8b3e27;background:transparent;font-weight:700}.output{border-left:5px solid #a34e32}.output pre{overflow-x:auto;white-space:pre-wrap;color:#35403d;font:.94rem/1.8 ui-monospace,monospace}.output>button{width:100%;border:0;border-radius:10px;padding:13px;color:#fff;background:#1f3430;font-weight:700}.request{display:grid;grid-template-columns:1fr 1.3fr;gap:22px;align-items:center}.request button{grid-column:1 / -1}.notice{min-height:24px;color:#8b3e27;font-weight:700}footer{color:#66716c;text-align:center;font-size:.85rem}@media(max-width:620px){main{padding:20px 13px 32px}header{padding:44px 4px 22px}.editor,.output{padding:20px;border-radius:13px}.request{display:block}}