:root{font-family:Arial,Helvetica,sans-serif;color:#243c35;background:#f7f7f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px}header{border-bottom:1px solid #dfe3d8}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:2px}.brand-icon{background:#294d40;color:white;border-radius:9px;font-size:24px;padding:6px 10px}.header-note{font-size:13px;color:#6c766d}main{max-width:1040px;padding:56px 32px 30px;margin:auto}.intro{text-align:center;margin-bottom:40px}.eyebrow,.step{font-size:10px;letter-spacing:2px;font-weight:700;color:#748070}h1{font-family:Georgia,serif;font-size:56px;line-height:1.1;letter-spacing:-2px;font-weight:400;margin:20px 0}h1 em{color:#69836a;font-weight:400}.intro p{font-size:15px;line-height:1.8;color:#748074}.workspace{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #dbe0d3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 40px #294d4007}.input-panel{padding:38px}.result-panel{padding:38px;background:#edf1e8;text-align:center;border-left:1px solid #dbe0d3}h2{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:18px 0 30px}.result-panel h2{margin:14px 0 8px}.result-caption{font-size:12px;color:#707b6e;margin-bottom:24px}label{display:block;font-size:12px;font-weight:600;text-align:left;margin-bottom:10px}input{font:inherit;width:100%;padding:15px;border:1px solid #ccd4c8;border-radius:7px;background:#fff;color:#243c35;min-width:0}input:focus{outline:2px solid #6a876b;outline-offset:3px}.hint{font-size:12px;line-height:1.6;color:#7c8278;margin:12px 0 23px}button{font:inherit;cursor:pointer;border-radius:7px}button:focus-visible,a:focus-visible{outline:3px solid #8eab6e;outline-offset:4px}.primary{background:#2c5142;border:0;color:#fff;width:100%;padding:16px;display:flex;justify-content:space-between;font-size:13px}.primary:hover{background:#203d32}.examples{margin-top:30px}.examples>span{font-size:9px;letter-spacing:1.5px;color:#858b7e}.examples>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.examples button{background:#f7f8f3;border:1px solid #e1e6db;font-size:11px;padding:8px;color:#566c54}.coverage{border-top:1px solid #e7e9e1;margin-top:36px;padding-top:22px;display:flex;gap:13px;color:#6d7d65}.coverage>span{padding-top:12px}.coverage p{font-size:12px;line-height:1.8;margin:6px 0}.coverage strong{color:#455d42;font-weight:500}.qr-frame{background:white;border:1px solid #dbe2d4;border-radius:12px;width:220px;padding:12px;margin:0 auto 20px;box-shadow:0 5px 12px #294d4005}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.download{background:#fff;border:1px solid #cad4c3;color:#35533d;padding:12px 14px;font-size:12px;width:100%;margin-bottom:25px}.download span{font-size:9px;color:#849078;margin-left:14px}.result-panel label{font-size:10px;color:#6d7c65}.link-row{display:flex;gap:7px}.link-row input{font-size:11px;padding:11px;color:#77806d}.link-row button{border:1px solid #cad4c3;background:#fff;padding:0 13px;font-size:11px;color:#3d583c}#open{display:inline-block;color:#516c48;font-size:11px;margin-top:16px;text-underline-offset:4px}.bottom-note{text-align:center;color:#84907b;font-size:11px;margin-top:28px}.bottom-note span{margin-right:8px}.status{text-align:center;font-size:12px;min-height:15px;margin:14px 0 0}.error{color:#a23628;font-size:13px;line-height:1.5}footer{border-top:1px solid #dfe3d8;font-size:10px;color:#89907e}footer>span{letter-spacing:1.5px}footer p{margin:0}@media(max-width:700px){header,footer{padding:22px}.header-note{display:none}main{padding:38px 18px 28px}h1{font-size:43px}.workspace{grid-template-columns:1fr}.input-panel,.result-panel{padding:28px 24px}.result-panel{border-left:0;border-top:1px solid #dbe0d3}.desktop{display:none}footer{gap:20px;align-items:start}footer p{max-width:200px;line-height:1.6}}