.typography-pro{margin:12px 0 14px;padding:12px;border:1px solid #d9e1ec;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 6px 18px rgba(15,23,42,.05)}
.typography-pro-title{display:flex;flex-direction:column;gap:3px;margin-bottom:11px}.typography-pro-title strong{font-size:12px;color:#0b1733}.typography-pro-title small{font-size:10px;color:#667085}
.typography-device-sizes{display:grid;gap:8px}.typography-size-row{display:grid;grid-template-columns:70px 92px minmax(0,1fr);align-items:center;gap:6px}.typography-size-row>span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#334155}.typography-size-row>span i{width:14px;color:#087cf0;text-align:center}.typography-size-row select,.typography-size-row input{min-width:0;height:34px!important;padding:6px 7px!important;font-size:10px!important}
.typography-color-label{display:block;margin-top:12px!important;font-size:10px!important;font-weight:700!important;color:#334155}.typography-color-control{display:grid;grid-template-columns:44px 1fr;gap:7px;align-items:center}.typography-color-control input[type=color]{width:44px!important;height:36px!important;padding:3px!important;cursor:pointer}.typography-color-control input:not([type=color]){height:36px!important;font-family:Consolas,monospace!important;text-transform:uppercase}
.typography-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.typography-palette button{width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:7px;background:var(--swatch);box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}.typography-palette button.active{box-shadow:0 0 0 2px #087cf0;transform:scale(1.08)}
.pb-responsive-font{font-size:var(--pb-font-size-desktop,inherit)!important}.vb-canvas.desktop .pb-responsive-font{font-size:var(--pb-font-size-desktop,inherit)!important}.vb-canvas.tablet [style*="--pb-font-size"]{font-size:var(--pb-font-size-tablet,var(--pb-font-size-desktop,inherit))!important}.vb-canvas.mobile [style*="--pb-font-size"]{font-size:var(--pb-font-size-mobile,var(--pb-font-size-tablet,var(--pb-font-size-desktop,inherit)))!important}
@media (min-width:641px) and (max-width:980px){.pb-responsive-font{font-size:var(--pb-font-size-tablet,var(--pb-font-size-desktop,inherit))!important}}
@media (max-width:640px){.pb-responsive-font{font-size:var(--pb-font-size-mobile,var(--pb-font-size-tablet,var(--pb-font-size-desktop,inherit)))!important}.typography-size-row{grid-template-columns:62px 84px minmax(0,1fr)}}