.licenseBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(255,255,255,.09);background:#101522}
.licenseSummary{display:flex;align-items:center;gap:12px;min-width:220px}
.licenseMark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #3b465b;border-radius:8px;background:#171d2a;color:#b8c2d6;font-size:18px;font-weight:900}
.licenseCopy{display:flex;flex-direction:column;gap:3px;min-width:0}
.licenseCopy strong{font-size:15px;color:#f4f7fb}
.licenseCopy small{color:#98a2b3;line-height:1.45}
.licenseActions{display:flex;align-items:center;gap:8px;min-width:min(100%,440px)}
.licenseActions[hidden]{display:none}
.licenseActions input{min-width:0;flex:1;height:42px;border:1px solid #30394d;border-radius:8px;background:#090d15;color:#f4f7fb;padding:0 12px;font:inherit;text-transform:uppercase;letter-spacing:0;outline:none}
.licenseActions input:focus{border-color:#5b8cff;box-shadow:0 0 0 3px rgba(91,140,255,.15)}
.licenseActions button{height:42px;flex:0 0 auto;border-radius:8px;margin:0;white-space:nowrap}
.licenseBar.licenseActive{border-color:rgba(61,185,126,.42);background:#0d1b18}
.licenseActive .licenseMark{border-color:#317b5c;background:#112b22;color:#72d6a8}
.licenseBar.licenseError{border-color:rgba(255,113,113,.42)}
.licenseError .licenseMark{border-color:#7c4247;color:#ff9292}
.licenseGate{display:flex;align-items:center;gap:12px;margin:-2px 0 18px;padding:12px 16px;border:1px solid #55462f;border-radius:8px;background:#1d1810;color:#d9c8a9}
.licenseGate strong{color:#fff;font-size:14px}.licenseGate span{flex:1;color:#b9aa91;font-size:13px}.licenseGate button{margin:0;border-radius:8px;white-space:nowrap}
.licenseGate[hidden]{display:none}
.licenseLocked,body:not(.licenseGranted) #number-maker,body:not(.licenseGranted) .memeGrid,body:not(.licenseGranted) .hookGrid{opacity:.28;filter:grayscale(.75);pointer-events:none;user-select:none}
@media(max-width:760px){.licenseBar{align-items:stretch;flex-direction:column}.licenseActions{width:100%;min-width:0}.licenseActions input{width:100%}}
@media(max-width:600px){.licenseGate{align-items:stretch;flex-direction:column}.licenseGate button{width:100%}}
@media(max-width:460px){.licenseActions{align-items:stretch;flex-direction:column}.licenseActions button{width:100%}}