@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

/* tc-scoped:tc-wp-tool-root */

.tc-wp-tool-root{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flow-root;
  isolation: isolate;
  position: relative;
}.wpc-scope-319 .tc-wp-tool-root img, .wpc-scope-319 .tc-wp-tool-root video, .wpc-scope-319 .tc-wp-tool-root svg, .wpc-scope-319 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool, .wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool *{
  box-sizing: border-box;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 215, 71, .42), transparent 30%),
    radial-gradient(circle at 88% 14%, rgba(239, 43, 54, .22), transparent 32%),
    linear-gradient(135deg, #e9f7ff 0%, #ffffff 38%, #fff4c7 100%);
  padding: 56px 20px;
  color: #14213d;
  font-family: Arial, Helvetica, sans-serif;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-container{
  width: min(100%, 1200px);
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-hero{
  text-align: center;
  margin: 0 auto 28px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-badge{
  width: 82px;
  height: 70px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .22);
  background: linear-gradient(145deg, #ef2b36, #bc1826);
  border: 5px solid #ffd447;
  border-radius: 22px 22px 30px 30px;
  box-shadow: 0 16px 38px rgba(239, 43, 54, .28), inset 0 2px 0 rgba(255,255,255,.35);
  transform: perspective(140px) rotateX(4deg);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool h1{
  margin: 0;
  color: #0b3f91;
  font-size: 46px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 0 3px 0 #ffd447, 0 8px 22px rgba(11, 63, 145, .2);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{
  max-width: 720px;
  margin: 14px auto 0;
  color: #355070;
  font-size: 18px;
  line-height: 1.55;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-input-panel{
  width: 100%;
  max-width: 860px;
  margin: 0 auto 30px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 8px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 20px 55px rgba(21, 72, 135, .16);
  backdrop-filter: blur(14px);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-label{
  display: block;
  margin-bottom: 10px;
  color: #0b3f91;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-input-row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  width: 100%;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-input{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 58px;
  padding: 0 18px;
  border: 2px solid rgba(11, 63, 145, .22);
  border-radius: 8px;
  background: #ffffff;
  color: #14213d;
  font-size: 20px;
  font-weight: 800;
  outline: none;
  box-shadow: inset 0 2px 8px rgba(11, 63, 145, .06);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-input:focus{
  border-color: #0b75ff;
  box-shadow: 0 0 0 5px rgba(11, 117, 255, .16), inset 0 2px 8px rgba(11, 63, 145, .06);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn, .wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: 0;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, opacity .2s ease;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{
  height: 58px;
  padding: 0 22px;
  background: linear-gradient(135deg, #ef2b36, #d91e2b);
  color: #ffffff;
  font-size: 15px;
  box-shadow: 0 12px 24px rgba(239, 43, 54, .24);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn:hover, .wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn:hover, .wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn:hover{
  transform: translateY(-2px);
  filter: saturate(1.08);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-helper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #4b5f7b;
  font-size: 14px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-live-dot{
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #20c997;
  box-shadow: 0 0 0 6px rgba(32, 201, 151, .13);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-helper-text{
  margin-right: auto;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-count{
  font-weight: 800;
  color: #0b3f91;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  align-items: stretch;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(11, 63, 145, .13);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74));
  box-shadow: 0 16px 34px rgba(21, 72, 135, .13);
  animation: ppfgFadeUp .34s ease both;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(11, 117, 255, .28);
  box-shadow: 0 24px 44px rgba(21, 72, 135, .19);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-style-name{
  min-width: 0;
  margin: 0;
  color: #102a56;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-mini-badge{
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: #ffd447;
  color: #0b3f91;
  font-size: 11px;
  font-weight: 900;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.08);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{
  width: 100%;
  max-width: 100%;
  min-height: 118px;
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px;
  border-radius: 8px;
  background: linear-gradient(145deg, #f7fbff, #ffffff);
  border: 1px solid rgba(11, 63, 145, .1);
  display: block;
  color: #14315f;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-preview::-webkit-scrollbar{
  width: 9px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-preview::-webkit-scrollbar-track{
  background: rgba(11, 63, 145, .07);
  border-radius: 999px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-preview::-webkit-scrollbar-thumb{
  background: linear-gradient(#0b75ff, #ffd447);
  border-radius: 999px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn{
  width: 100%;
  margin-top: 14px;
  padding: 13px 14px;
  background: linear-gradient(135deg, #0b75ff, #0b3f91);
  color: #ffffff;
  font-size: 14px;
  box-shadow: 0 12px 24px rgba(11, 117, 255, .23);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn.ppfg-copied{
  background: linear-gradient(135deg, #20c997, #138f73);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-wrap{
  text-align: center;
  margin-top: 28px;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{
  padding: 16px 28px;
  background: linear-gradient(135deg, #ffd447, #ffb703);
  color: #0b3f91;
  font-size: 16px;
  box-shadow: 0 14px 30px rgba(255, 183, 3, .3);
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn:disabled{
  cursor: default;
  opacity: .5;
  transform: none;
}.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s1{ font-weight: 900; color: #0b3f91; text-shadow: 2px 2px 0 #ffd447, 4px 4px 0 #ef2b36; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s2{ font-weight: 900; color: #0b75ff; letter-spacing: .04em; text-shadow: 0 3px 0 #ffffff, 0 6px 14px rgba(11,117,255,.34); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s3{ font-weight: 900; color: #ef2b36; text-transform: uppercase; text-shadow: 2px 2px 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s4{ font-weight: 900; color: #173b78; letter-spacing: .08em; text-shadow: 0 0 12px rgba(11,117,255,.28); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s5{ font-weight: 900; color: #ffffff; background: linear-gradient(135deg,#0b3f91,#0b75ff); text-shadow: 0 2px 0 #001f54; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s6{ font-weight: 900; color: #0b3f91; background: #ffd447; text-shadow: 1px 2px 0 #ffffff; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s7{ font-weight: 900; color: #ffffff; -webkit-text-stroke: 1px #0b3f91; text-shadow: 2px 2px 0 #ef2b36; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s8{ font-weight: 800; color: #14213d; letter-spacing: .12em; text-transform: uppercase; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s9{ font-weight: 900; color: #0057b8; text-shadow: 2px 0 0 #ffd447, -2px 0 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s10{ font-weight: 900; color: #e63946; text-shadow: 0 3px 0 #8d0f18, 0 7px 12px rgba(230,57,70,.25); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s11{ font-weight: 900; color: #ff5bbd; text-shadow: 2px 2px 0 #ffffff, 0 0 16px rgba(255,91,189,.35); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s12{ font-weight: 900; color: #159947; text-shadow: 2px 2px 0 #c7f9cc; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s13{ font-weight: 900; color: #b76e00; background: linear-gradient(135deg,#ffe066,#f4a261); text-shadow: 1px 2px 0 #fff7d6; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s14{ font-weight: 900; color: #0077b6; text-shadow: 0 3px 0 #90e0ef; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s15{ font-weight: 900; color: #4cc9f0; text-shadow: 1px 2px 0 #ffffff, 0 0 14px rgba(76,201,240,.45); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s16{ font-weight: 900; color: #2d6a4f; text-shadow: 2px 2px 0 #b7e4c7; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s17{ font-weight: 900; color: #6f2dbd; text-shadow: 0 0 8px #ffd447, 0 0 18px rgba(111,45,189,.42); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s18{ font-weight: 900; color: #0b3f91; text-shadow: 3px 3px 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s19{ font-weight: 900; color: #ef2b36; letter-spacing: .1em; text-shadow: 0 0 8px #0b75ff; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s20{ font-weight: 900; color: #ffffff; background: #ef2b36; text-transform: uppercase; text-shadow: 0 2px 0 #7d1019; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s21{ font-weight: 900; color: #118ab2; border-radius: 24px; background: #caf0f8; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s22{ font-weight: 900; color: #1d3557; text-shadow: 2px 2px 0 #ffd447, -1px -1px 0 #ef2b36; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s23{ font-weight: 900; color: #ffffff; background: linear-gradient(135deg,#ef2b36,#0b75ff); text-shadow: 0 2px 0 rgba(0,0,0,.28); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s24{ font-weight: 800; color: #0b3f91; letter-spacing: .16em; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s25{ font-weight: 800; color: #9b5de5; font-style: italic; text-shadow: 1px 2px 0 #ffd6ff; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s26{ font-weight: 900; color: #ffffff; background: #14213d; text-shadow: 0 0 8px #0b75ff, 0 0 16px #ef2b36; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s27{ font-weight: 900; color: #ff006e; text-shadow: 2px 2px 0 #ffd447, 4px 4px 0 #0b75ff; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s28{ font-weight: 900; color: #0b3f91; text-shadow: 0 3px 0 #ffb703; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s29{ font-weight: 900; color: #7209b7; text-transform: uppercase; text-shadow: 2px 2px 0 #4cc9f0; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s30{ font-weight: 900; color: #0b3f91; text-shadow: 1px 1px 0 #fff, 3px 3px 0 #ef2b36; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s31{ font-weight: 900; color: #d90429; letter-spacing: .05em; text-shadow: 0 0 0 #fff; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s32{ font-weight: 900; color: #023e8a; background: linear-gradient(180deg,#ade8f4,#ffffff); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s33{ font-weight: 900; color: #ffb703; text-shadow: 2px 2px 0 #0b3f91; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s34{ font-weight: 900; color: #ffffff; background: linear-gradient(135deg,#06d6a0,#118ab2); text-shadow: 0 2px 0 rgba(0,0,0,.24); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s35{ font-weight: 900; color: #ef476f; text-shadow: 2px 2px 0 #ffd166; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s36{ font-weight: 900; color: #0a9396; letter-spacing: .09em; text-shadow: 1px 2px 0 #e9d8a6; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s37{ font-weight: 900; color: #ffffff; background: #0b75ff; text-shadow: 2px 2px 0 #ef2b36; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s38{ font-weight: 900; color: #fb8500; text-shadow: 2px 2px 0 #023047; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s39{ font-weight: 900; color: #4361ee; text-shadow: 0 3px 0 #f72585; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s40{ font-weight: 900; color: #2b2d42; background: #edf2f4; text-shadow: 2px 2px 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s41{ font-weight: 900; color: #ef2b36; text-shadow: 0 0 10px rgba(239,43,54,.45); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s42{ font-weight: 900; color: #1b4332; text-shadow: 2px 2px 0 #95d5b2; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s43{ font-weight: 900; color: #3a0ca3; text-shadow: 2px 2px 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s44{ font-weight: 900; color: #0077b6; background: linear-gradient(135deg,#ffffff,#caf0f8); text-shadow: 0 2px 0 #90e0ef; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s45{ font-weight: 900; color: #d00000; text-shadow: 2px 2px 0 #ffba08, 4px 4px 0 #03071e; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s46{ font-weight: 900; color: #0b3f91; letter-spacing: .14em; text-transform: uppercase; text-shadow: 0 2px 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s47{ font-weight: 900; color: #ffffff; background: linear-gradient(135deg,#ffbe0b,#fb5607); text-shadow: 0 2px 0 rgba(0,0,0,.25); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s48{ font-weight: 900; color: #0b75ff; text-shadow: 2px 2px 0 #ffffff, 4px 4px 0 #ffd447; }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s49{ font-weight: 900; color: #f72585; background: linear-gradient(135deg,#fff0f6,#ffffff); }.wpc-scope-319 .tc-wp-tool-root .pp-font-generator-tool .ppfg-s50{ font-weight: 900; color: #ffffff; background: linear-gradient(135deg,#0b3f91 0%,#ef2b36 52%,#ffd447 100%); text-shadow: 0 2px 0 rgba(0,0,0,.3); }@keyframes ppfgFadeUp{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .pp-font-generator-tool{ padding: 30px 12px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-container{ width: 100%; }.tc-wp-tool-root .pp-font-generator-tool h1{ font-size: 29px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{ font-size: 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input-panel{ padding: 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input-row{ grid-template-columns: 1fr; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input{ height: 50px; font-size: 16px; padding: 0 12px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{ height: 48px; font-size: 14px; padding: 0 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-helper{ align-items: flex-start; flex-wrap: wrap; font-size: 12px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{ grid-template-columns: 1fr !important; gap: 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-card{ padding: 13px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{ font-size: 23px; padding: 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{ font-size: 14px; padding: 13px 16px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .pp-font-generator-tool{ padding: 34px 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-container{ width: 100%; }.tc-wp-tool-root .pp-font-generator-tool h1{ font-size: 32px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{ font-size: 15px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input-panel{ padding: 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input-row{ grid-template-columns: 1fr; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input{ height: 52px; font-size: 17px; padding: 0 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{ height: 50px; font-size: 14px; padding: 0 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-helper{ flex-wrap: wrap; font-size: 13px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{ grid-template-columns: 1fr !important; gap: 15px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-card{ padding: 14px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{ font-size: 25px; padding: 15px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{ font-size: 14px; padding: 13px 18px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .pp-font-generator-tool{ padding: 38px 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-container{ width: 100%; }.tc-wp-tool-root .pp-font-generator-tool h1{ font-size: 36px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{ font-size: 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input-panel{ padding: 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input-row{ grid-template-columns: 1fr; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input{ height: 54px; font-size: 18px; padding: 0 15px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{ height: 52px; font-size: 14px; padding: 0 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{ grid-template-columns: 1fr !important; gap: 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-card{ padding: 15px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{ font-size: 27px; padding: 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{ font-size: 15px; padding: 14px 20px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .pp-font-generator-tool{ padding: 46px 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-container{ width: 100%; }.tc-wp-tool-root .pp-font-generator-tool h1{ font-size: 40px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{ font-size: 17px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input{ height: 56px; font-size: 19px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{ height: 56px; font-size: 15px; padding: 0 20px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-card{ padding: 16px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{ font-size: 28px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{ font-size: 15px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .pp-font-generator-tool{ padding: 52px 20px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-container{ width: 100%; }.tc-wp-tool-root .pp-font-generator-tool h1{ font-size: 44px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{ font-size: 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input{ height: 58px; font-size: 20px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{ height: 58px; font-size: 15px; padding: 0 22px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-card{ padding: 17px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{ font-size: 29px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{ font-size: 15px; }}@media (min-width: 1200px){.tc-wp-tool-root .pp-font-generator-tool{ padding: 60px 24px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-container{ width: 100%; }.tc-wp-tool-root .pp-font-generator-tool h1{ font-size: 46px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-subtitle{ font-size: 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-input{ height: 58px; font-size: 20px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-clear-btn{ height: 58px; font-size: 15px; padding: 0 22px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-card{ padding: 18px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-preview{ font-size: 30px; }.tc-wp-tool-root .pp-font-generator-tool .ppfg-copy-btn, .tc-wp-tool-root .pp-font-generator-tool .ppfg-load-btn{ font-size: 16px; }}