body{background:#f3f4f7;color:#112c49;font-family:Aptos,Calibri,Segoe UI,Arial,Helvetica,sans-serif;margin:0}.wrap{margin:0 auto;max-width:880px;padding:28px 20px 60px}h1{font-size:22px;margin:0 0 4px}.sub{color:#728384;font-size:14px;margin:0 0 24px}.card{background:#fff;border:1px solid #adc6c9;border-radius:10px;margin-bottom:20px;padding:22px 24px}.card h2{color:#136998;font-size:13px;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase}label{display:block;font-size:13px;font-weight:700;margin:0 0 4px}.hint{color:#728384;font-weight:400}input{border:1px solid #adc6c9;border-radius:6px;box-sizing:border-box;color:#112c49;font-family:Aptos,Calibri,Segoe UI,Arial,Helvetica,sans-serif;font-size:15px;margin-bottom:14px;padding:10px 12px;width:100%}input:focus{border-color:#136998;box-shadow:0 0 0 2px rgba(19,105,152,.2);outline:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#112c49;-webkit-box-shadow:inset 0 0 0 1000px #fff;box-shadow:inset 0 0 0 1000px #fff;caret-color:#112c49;transition:background-color 9999s ease-in-out 0s}.brands{display:flex;flex-wrap:wrap;gap:10px}.brandbtn{background:#fff;border:2px solid #e1e7ea;border-radius:8px;color:#112c49;cursor:pointer;flex:1;font-size:15px;font-weight:700;min-width:150px;padding:14px 16px;text-align:left}.brandbtn small{color:#728384;display:block;font-size:12px;font-weight:400;margin-top:2px}.brandbtn.active{background:#eaf1f6;border-color:#136998}.types{display:flex;gap:8px;margin-bottom:16px}.typebtn{background:#fff;border:2px solid #e1e7ea;border-radius:8px;color:#112c49;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.typebtn.active{background:#eaf1f6;border-color:#136998}.previewbox{background:#fff;border:1px dashed #adc6c9;border-radius:6px;padding:26px}.btn{background:#136998;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-family:Aptos,Calibri,Segoe UI,Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;padding:13px 22px}.btn:hover{opacity:.9}.copied{color:#43b870;font-weight:700;margin-left:12px;visibility:hidden}.copied,ol{font-size:14px}ol{line-height:1.7;margin:6px 0 0;padding-left:20px}ol b{color:#112c49}.note{color:#728384;font-size:13px;margin-top:10px}