@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#000102;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{border-bottom:1px solid #e4e7eb}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;font-size:25px;font-weight:800;color:#000102}.brand span{font-size:10px;letter-spacing:1.5px;color:#075cd8}h1{font-weight:800;font-size:clamp(32px,4.3vw,56px);line-height:1.12;max-width:850px;margin:26px 0 20px;letter-spacing:-1.5px}.intro{max-width:760px;line-height:1.7;color:#454b55}nav{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:32px 0 24px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #c4cbd5;border-radius:12px;padding:14px;background:#fff;color:#000102;font-weight:700}nav button{min-height:92px;text-align:left;box-shadow:0 4px 16px #00010208}nav button[aria-pressed=true]{border:2px solid #075cd8;background:#f4f7fc;color:#075cd8}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,pre:focus-visible{outline:3px solid #075cd8;outline-offset:3px}.rule,.faq{padding:20px;border-radius:14px;background:#f4f7fc;line-height:1.7}.rule{border-left:4px solid #075cd8}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.panel{min-width:0;border:1px solid #e0e4e9;border-radius:20px;padding:26px;box-shadow:0 8px 32px #00010206}h2{font-size:21px;margin:0 0 12px;font-weight:800}.panel>p{font-size:13px;color:#454b55}label{display:block;font-size:14px;font-weight:700;margin-top:20px}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #9aa4b2;border-radius:9px;padding:12px;color:#000102;background:white;min-height:46px}textarea{resize:vertical;min-height:95px}.error{display:block;color:#000102;font-size:12px;margin-top:6px;font-weight:600;min-height:0}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid #075cd8}.output-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#copy{background:#075cd8;color:#fff;border:0;font-size:12px}#copy:disabled{background:#e4e7eb;color:#454b55;cursor:default}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f8;min-height:280px;padding:20px;border-radius:12px;font-size:12px;line-height:1.7}a{color:#075cd8}.output>a{font-size:14px;font-weight:700}.help{padding:24px 0;line-height:1.7}.help p{margin:10px 0}.faq{font-size:14px}footer{font-size:13px;border-top:1px solid #e4e7eb;margin-top:24px;color:#454b55}.level-actions{display:flex;gap:10px;margin-top:18px}.level-actions button{font-size:12px}@media(max-width:760px){header,main,footer{padding:20px}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}nav button{min-height:72px}.workspace{grid-template-columns:minmax(0,1fr)}.panel{padding:20px}.output-head{align-items:flex-start}h1{letter-spacing:-.8px}.brand{font-size:22px}}