:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172a2b;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:27px 24px;border-bottom:1px solid #dce3dc}.brand{font-size:21px;font-weight:750;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.logo{background:#174f45;color:#d4f58c;border-radius:10px;padding:2px 10px;font-size:28px}.badge{font-size:12px;color:#326450;background:#e7eee6;padding:8px 12px;border-radius:20px}main{padding:54px 24px 35px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#557665}h1{font-size:clamp(38px,5vw,60px);line-height:1.12;letter-spacing:-2px;margin:20px 0}h1 span{color:#6b8579}.intro{color:#687970;line-height:1.75;font-size:15px}.workspace{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #dce4dc;border-radius:20px;overflow:hidden;margin-top:35px;box-shadow:0 10px 35px #193a2c05}form,.results{padding:30px}.results{background:#fafcf9;border-left:1px solid #e2e8e0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:28px}.step{font-size:11px;border:1px solid #d7e1d6;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#53705e}h2{font-size:16px;margin:0;font-weight:650}label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}textarea{width:100%;resize:vertical;min-height:150px;background:#fbfcfa;border:1px solid #d7dfd6;border-radius:10px;padding:15px;font:14px/1.7 ui-monospace,monospace;color:#263e32}textarea:focus{outline:2px solid #84aa85;outline-offset:2px}textarea::placeholder{color:#8b988e;font:13px/1.8 system-ui}.hint{font-size:11px;color:#7a897f;margin:10px 0 23px}.actions{display:flex;gap:10px}button{cursor:pointer;font:600 13px system-ui;border:0;border-radius:8px;padding:12px 17px}.primary{background:#205b48;color:white;flex:1;display:flex;justify-content:space-between}.primary:hover{background:#164735}.secondary{background:#edf1eb;color:#5a6f60}button:focus-visible,summary:focus-visible{outline:2px solid #205b48;outline-offset:3px}.count{margin-left:auto;font-size:11px;color:#728071}#empty{text-align:center;padding:32px 5px;color:#87948a}.empty-icon{color:#8ca681;background:#edf3e7;border:1px solid #e0e9d8;border-radius:15px;display:grid;place-items:center;width:60px;height:60px;font-size:35px;margin:auto}h3{font-size:15px;font-weight:550;margin:19px 0 8px}#empty p{font-size:12px;line-height:1.9}.notes{display:flex;gap:24px;justify-content:center;padding:24px 0;color:#758374;font-size:11px}details{border-top:1px solid #dfe5dc;margin-top:17px;padding:20px 0;color:#687a6a;font-size:13px;line-height:1.8}summary{cursor:pointer;color:#354f3d;font-weight:600}footer{border-top:1px solid #dce3dc;padding:24px;display:flex;justify-content:space-between;color:#889486;font-size:11px}footer span:first-child{font-weight:700}.card{border:1px solid #dae4d4;background:white;border-radius:12px;padding:16px;margin-bottom:12px}.card-top{display:flex;justify-content:space-between;font-size:11px;color:#758373;gap:10px}.code-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.code{font:600 32px ui-monospace,monospace;letter-spacing:5px;color:#205b48}.copy{background:#eaf1e5;color:#315b3c;padding:9px 12px}.track{height:3px;background:#edf1e8;border-radius:3px;overflow:hidden}.bar{height:100%;background:#9abd66;transition:width .2s}.error{color:#a44135;font-size:12px;line-height:1.5}#message{font-size:12px;color:#875640;min-height:16px}button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){header{padding:19px}.badge{font-size:10px}main{padding:35px 18px}.workspace{grid-template-columns:1fr}form,.results{padding:23px}.results{border-left:0;border-top:1px solid #e2e8e0}.notes{flex-wrap:wrap;gap:12px;font-size:10px}footer{gap:20px}.code{font-size:29px}}