:root{font-family:Arial,sans-serif;color:#203e37;background:#f4f0e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:20px 4vw;border-bottom:1px solid #c3cabd;display:flex;gap:24px;align-items:center}header a{font-weight:800;font-size:22px;text-decoration:none;color:inherit}header span{margin-left:auto;font-size:11px;letter-spacing:2px}main{max-width:1500px;margin:auto;padding:32px 4vw}button,input,select,textarea{font:inherit}button{border:1px solid #a7b5a5;border-radius:4px;background:#fffcf3;color:#203e37;padding:10px 15px;cursor:pointer}button:hover{background:#e5e9dc}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #d16a40;outline-offset:3px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:10px 0 32px}.intro p:not(.eyebrow){max-width:650px;line-height:1.7}h1{font:clamp(38px,5vw,70px)/1.05 Georgia,serif;margin:15px 0}h1 em{color:#b95637;font-weight:400}h2{font:30px Georgia,serif}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.seal{border:1px solid #a7b5a5;border-radius:50%;height:170px;width:170px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;text-align:center;font:48px Georgia,serif;transform:rotate(8deg)}.seal small{font:10px/1.5 Arial;letter-spacing:2px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #b9c2b1;padding:20px 0}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px}aside{background:#e7e9dc;padding:22px;border-radius:7px}label{display:block;font-size:12px;font-weight:700;margin:17px 0}input,select{display:block;width:100%;padding:9px;background:#fffcf3;border:1px solid #b1b9a7;border-radius:3px;margin-top:7px;min-width:0}.pair{display:flex;flex-wrap:wrap;gap:8px}.pair button{flex:1;min-width:100px}.note,small,.hint{font-size:12px;line-height:1.6;color:#5b6c60}.note{border-top:1px solid #b9c2b1;padding-top:18px}.panel{border:1px solid #bec7b5;border-radius:6px;background:#faf7ee;overflow:hidden}.panel-head{display:flex;gap:12px;justify-content:space-between;padding:4px 18px;border-bottom:1px solid #cbd0c2;font-size:11px;letter-spacing:1px;align-items:center}.panel-head b{font-size:9px;color:#b95637}.editor{width:100%;height:370px;touch-action:manipulation;cursor:crosshair}.caption{display:flex;justify-content:space-between;padding:0 20px;font-size:9px;letter-spacing:1px;color:#b95637}.hint{padding:0 18px}.previews{margin-top:18px;display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.previews svg{width:100%;height:200px}.export{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px;background:#203e37;color:#fff8e8;border-radius:6px;margin-top:30px}.export p{line-height:1.6;font-size:13px}.export .pair{align-content:center}.draft{margin:30px 0}.draft p{font-size:13px;line-height:1.6}.draft textarea{width:100%;height:180px;padding:15px;background:#fffcf3;border:1px solid #a7b5a5;font-family:monospace;resize:vertical;display:block;margin-bottom:12px}.status{background:#e5e9dc;padding:16px;border-left:3px solid #b95637;overflow-wrap:anywhere}footer{border-top:1px solid #b9c2b1;font-size:12px;line-height:1.6;margin-top:28px;padding-top:20px}footer p{max-width:900px}.empty{line-height:1.8}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}aside>.eyebrow,aside>.note{grid-column:1/-1}.seal{display:none}.previews,.export{grid-template-columns:1fr}header span{display:none}header a{font-size:17px}header button{margin-left:auto}.editor{height:330px}}@media(max-width:450px){aside{display:block}.caption{font-size:7px}.panel-head{font-size:9px}main{padding:20px 15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.toolbar,aside,.draft,footer,.status,.export .pair{display:none}.layout{display:block}.previews{break-inside:avoid}.export{background:#fff;color:#000}.intro{margin:0}.editor{height:320px}}