.hmac-generator .analyzer-panel{background:#f5f7f9;padding:20px;border-radius:8px;width:100%;box-sizing:border-box}.hmac-generator .input-block{margin-bottom:20px}.hmac-generator .input-block .label{font-size:14px;color:#666;margin-bottom:5px;display:block;font-weight:500}.hmac-generator .form-control,.hmac-generator .form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;background:#fff;transition:border-color .2s,box-shadow .2s}.hmac-generator .form-control:focus,.hmac-generator .form-select:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.hmac-generator .form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3e%3cg transform='rotate(0 6 4)'%3e%3cpath d='M5.68891 7.61513C5.84901 7.8132 6.15099 7.8132 6.31109 7.61513L11.5356 1.15145C11.747 0.889872 11.5609 0.5 11.2245 0.5H0.775467C0.439127 0.5 0.252952 0.889871 0.464381 1.15145L5.68891 7.61513Z' fill='%23107ABC'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.hmac-generator .two-columns{display:flex;gap:20px}.hmac-generator .two-columns>div{flex:1}.hmac-generator .generate-block{display:flex;align-items:stretch}.hmac-generator .generate-block-text{flex:1;position:relative}.hmac-generator .generate-block-btns{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.hmac-generator .generate-block-btns img{cursor:pointer;opacity:.6;transition:opacity .2s;width:20px;height:20px}.hmac-generator .generate-block-btns img:hover{opacity:1}.hmac-generator .message-block{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:13px;display:none;white-space:nowrap}.hmac-generator .message-block.error{background:#dc3545}.hmac-generator .icon-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;padding:8px;padding-right:0;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.hmac-generator .icon-btn img{width:24px;height:24px;opacity:.6;transition:opacity .2s}.hmac-generator .icon-btn img:hover{opacity:1}.hmac-generator .generate-block-text .input-text{font-size:16px;padding:18px 15px;line-height:1.5;height:auto;border-radius:4px 0 0 4px;border-right:0;width:100%;box-sizing:border-box;padding-right:60px}.hmac-generator .btn-primary{padding:10px 24px;line-height:1.5;height:auto;border-radius:0 4px 4px 0;border-left:0;margin-left:-1px;flex-shrink:0;border:1px solid #d2d2d2}.hmac-generator .form-control::placeholder,.hmac-generator .input-text::placeholder{font-size:16px;color:#999;opacity:1}.hmac-generator .input-text:focus{outline:0;border-width:1px;border-color:#000}.hmac-generator .btn-primary:focus{outline:0;box-shadow:none;border-width:1px}.pf-0-mb-8{padding-left:0;margin-bottom:32px}.p-0{padding:0}@media(max-width:767px){.hmac-generator .two-columns{flex-direction:column;gap:0}.hmac-generator .generate-block-text .input-text{border:1px solid #ddd;font-size:14px}.hmac-generator .generate-block{flex-direction:column;gap:0;align-items:stretch;margin-top:8px}.hmac-generator .generate-block .btn-primary{margin-top:12px}.hmac-generator .input-block{margin-bottom:0}.hmac-generator .form-select{width:100%!important;max-width:100%!important;min-width:0;font-size:14px;box-sizing:border-box}.hmac-generator .custom-select-wrapper{width:100%}}