:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25302b;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1600px;margin:auto;padding:28px 40px 20px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d8;padding-bottom:22px}.brand{font-size:11px;letter-spacing:2px;font-weight:750;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.brand-mark{background:#263c30;color:#d9f79f;border-radius:8px;width:30px;height:30px;text-align:center;font-size:24px;line-height:25px;letter-spacing:-2px}.local{font-size:12px;color:#697469;display:flex;gap:7px;align-items:center}.local i{width:6px;height:6px;border-radius:50%;background:#72974d}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c856f;font-weight:700}h1{font-size:clamp(28px,3vw,46px);letter-spacing:-1.9px;margin:12px 0 10px;font-weight:650}h1 span{color:#879577}.period{color:#78a247}p{margin:0;color:#758071;font-size:14px;line-height:1.6}.format-badge{display:flex;gap:16px;align-items:center;border:1px solid #dce1d8;border-radius:14px;padding:18px 22px;font-family:monospace;font-size:23px;background:#edf0e7;color:#506441}.format-badge span{font-size:16px;color:#9aa68e}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{min-width:0;display:flex;flex-direction:column;border:1px solid #d6ddd0;border-radius:12px;background:white;overflow:hidden;box-shadow:0 3px 8px #24382003}.panel-head{min-height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7eae2}label{font-weight:650;font-size:13px;white-space:nowrap}.number{font-family:monospace;color:#9ca591;font-size:10px;margin-right:9px}.muted{font-weight:400;color:#92998d;margin-left:3px}.actions{display:flex;gap:8px}button{font:inherit;cursor:pointer;border:0;border-radius:6px;transition:background .15s}button:focus-visible,a:focus-visible{outline:2px solid #57773b;outline-offset:3px}.subtle{font-size:11px;background:transparent;color:#75806b;padding:8px 4px}.subtle:hover{background:#eff3e9;color:#273b20}.copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#e6efda;color:#3a542c;padding:9px 12px;font-size:11px;font-weight:600;white-space:nowrap}.copy:hover{background:#d5e5c2}.copy:disabled{opacity:.5;cursor:default}.copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}textarea{border:0;outline:0;display:block;width:100%;height:clamp(360px,49vh,720px);min-height:260px;resize:vertical;background:#fff;padding:24px;font:13px/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#404c3b;tab-size:2}textarea::placeholder{color:#a8afa1}textarea:focus{box-shadow:inset 0 0 0 2px #b9cca7}.output textarea{background:#fcfdf9}.panel-foot{min-height:59px;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid #e7eae2;font-size:10px;color:#939c8a;gap:12px}.below{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 2px 38px}.below p,.below span{font-size:11px}.below span{color:#748964;text-align:right}footer{border-top:1px solid #dce1d8;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#929b87}footer a{color:#586b46;text-decoration:none}@media(max-width:850px){main{padding:22px 20px}.muted{display:none}.panel-head{padding:12px}.actions{gap:4px}.copy{padding:9px}.format-badge{display:none}}@media(max-width:640px){main{padding:18px 14px}.intro{padding:30px 0 24px}h1{letter-spacing:-1.2px;font-size:30px}.workspace{grid-template-columns:1fr;gap:18px}textarea{height:330px}.below{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:28px}.local{font-size:10px}.panel-head{padding:12px 14px}footer{gap:12px}.panel-foot{padding:10px 14px}}