@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-118 .tc-wp-tool-root img, .wpc-scope-118 .tc-wp-tool-root video, .wpc-scope-118 .tc-wp-tool-root svg, .wpc-scope-118 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap *, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap *::before, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap *::after{
  box-sizing: border-box;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 56px 20px;
  color: #fff8df;
  background:
    radial-gradient(circle at 20% 10%, rgba(255, 220, 112, 0.38), transparent 30%),
    radial-gradient(circle at 80% 15%, rgba(255, 171, 46, 0.28), transparent 34%),
    linear-gradient(135deg, #1a1208 0%, #4a2c08 36%, #936314 68%, #2b1b09 100%);
  font-family: inherit;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero{
  text-align: center;
  margin: 0 auto 28px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{
  margin: 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.02;
  letter-spacing: 0;
  color: #fff4bf;
  text-shadow: 0 4px 24px rgba(255, 199, 72, 0.42);
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{
  max-width: 680px;
  margin: 14px auto 0;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255, 248, 223, 0.88);
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-input-panel{
  width: 100%;
  max-width: 860px;
  margin: 0 auto 30px;
  padding: 22px;
  border: 1px solid rgba(255, 222, 125, 0.34);
  border-radius: 24px;
  background: rgba(33, 21, 8, 0.56);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-label{
  display: block;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  color: #ffe69a;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 118px;
  resize: vertical;
  border: 1px solid rgba(255, 219, 105, 0.45);
  border-radius: 18px;
  padding: 18px 20px;
  outline: none;
  background: rgba(255, 247, 216, 0.95);
  color: #2b1b06;
  font: inherit;
  font-size: 22px;
  line-height: 1.45;
  box-shadow: inset 0 3px 12px rgba(62, 37, 0, 0.12);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-input:focus{
  border-color: #ffe084;
  box-shadow: 0 0 0 4px rgba(255, 214, 94, 0.2), 0 0 34px rgba(255, 194, 54, 0.24), inset 0 3px 12px rgba(62, 37, 0, 0.12);
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-row, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-row{
  display: flex;
  justify-content: center;
  width: 100%;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-row{
  margin-top: 16px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-row{
  margin-top: 28px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{
  appearance: none;
  border: 1px solid rgba(255, 224, 126, 0.62);
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  color: #2a1904;
  background: linear-gradient(135deg, #fff3b0 0%, #f5c84e 42%, #b87612 100%);
  box-shadow: 0 10px 24px rgba(255, 189, 42, 0.2);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn{
  min-width: 92px;
  padding: 9px 18px;
  font-size: 14px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn{
  min-width: 150px;
  padding: 13px 24px;
  font-size: 16px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{
  width: 100%;
  padding: 11px 16px;
  font-size: 14px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn:hover, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn:hover, .wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 14px 32px rgba(255, 205, 68, 0.34);
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn.gfgold-hidden{
  display: none;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 226, 138, 0.28);
  border-radius: 20px;
  background: rgba(35, 23, 10, 0.62);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(14px);
  animation: gfgoldFade 360ms ease both;
  overflow: hidden;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 26px 62px rgba(0, 0, 0, 0.32), 0 0 30px rgba(255, 197, 58, 0.16);
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-card-title{
  margin: 0;
  color: #ffeaa6;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{
  width: 100%;
  max-width: 100%;
  min-height: 112px;
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 17px;
  border-radius: 16px;
  border: 1px solid rgba(255, 219, 113, 0.24);
  background: rgba(255, 248, 224, 0.08);
  color: #ffe27a;
  font-size: 24px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview::-webkit-scrollbar{
  width: 9px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview::-webkit-scrollbar-track{
  background: rgba(58, 36, 8, 0.55);
  border-radius: 999px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview::-webkit-scrollbar-thumb{
  background: linear-gradient(#ffe48c, #b77a16);
  border-radius: 999px;
}.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-1 .gfgold-preview{ background: linear-gradient(135deg, rgba(59,38,8,.8), rgba(142,91,16,.5)); text-shadow: 0 2px 12px #ffca42; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-2 .gfgold-preview{ color: #fff1a8; letter-spacing: 2px; text-shadow: 0 0 16px #ffc233; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-3 .gfgold-preview{ color: #ffd15d; font-weight: 900; text-transform: uppercase; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-4 .gfgold-preview{ color: #fff7ce; font-style: italic; text-shadow: 2px 2px 0 #8a540c; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-5 .gfgold-preview{ background: radial-gradient(circle, rgba(255,235,158,.2), rgba(77,45,7,.35)); color: #ffdb72; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-6 .gfgold-preview{ color: #ffe9a3; letter-spacing: 4px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-7 .gfgold-preview{ color: #fac846; text-shadow: 0 1px 0 #fff5bd, 0 3px 0 #6c4108; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-8 .gfgold-preview{ color: #fff0a6; font-weight: 800; text-decoration: underline; text-decoration-color: #d59620; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-9 .gfgold-preview{ color: #ffca36; background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(120,70,9,.24)); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-10 .gfgold-preview{ color: #ffe6a0; text-shadow: 0 0 5px #fff, 0 0 18px #e6a51c; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-11 .gfgold-preview{ color: #f8d364; letter-spacing: 1px; font-weight: 700; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-12 .gfgold-preview{ color: #fff5c1; text-shadow: -1px 0 #a96910, 0 1px #a96910, 1px 0 #a96910; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-13 .gfgold-preview{ color: #ffc942; font-family: Georgia, serif; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-14 .gfgold-preview{ color: #ffe38a; font-family: "Times New Roman", serif; font-weight: 700; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-15 .gfgold-preview{ color: #fff2b5; transform: skew(-4deg); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-16 .gfgold-preview{ color: #f7c13f; background: rgba(17,12,6,.42); border-style: dashed; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-17 .gfgold-preview{ color: #ffedab; text-shadow: 0 4px 12px rgba(0,0,0,.5); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-18 .gfgold-preview{ color: #eeba38; letter-spacing: 3px; text-transform: lowercase; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-19 .gfgold-preview{ color: #fff0a3; background: linear-gradient(90deg, rgba(255,214,93,.18), rgba(255,255,255,.06), rgba(167,102,13,.22)); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-20 .gfgold-preview{ color: #ffd96f; font-variant: small-caps; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-21 .gfgold-preview{ color: #fff6c8; text-shadow: 1px 1px 0 #7b4d10, 2px 2px 0 #3a2408; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-22 .gfgold-preview{ color: #ffcf55; border-color: rgba(255,255,255,.42); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-23 .gfgold-preview{ color: #ffe186; font-weight: 300; letter-spacing: 2px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-24 .gfgold-preview{ color: #ffdf7e; background: repeating-linear-gradient(45deg, rgba(255,215,82,.1), rgba(255,215,82,.1) 8px, rgba(60,35,8,.2) 8px, rgba(60,35,8,.2) 16px); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-25 .gfgold-preview{ color: #fbd35b; text-shadow: 0 0 2px #fff7c5, 0 6px 18px #000; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-26 .gfgold-preview{ color: #fff1ad; font-family: Palatino, serif; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-27 .gfgold-preview{ color: #ffd052; text-transform: capitalize; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-28 .gfgold-preview{ color: #fff8d5; background: rgba(255,255,255,.12); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-29 .gfgold-preview{ color: #e6a91e; font-weight: 900; letter-spacing: 1px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-30 .gfgold-preview{ color: #ffe59a; text-shadow: 0 0 20px #ffbf24, 0 0 34px #995d0a; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-31 .gfgold-preview{ color: #fff3ba; font-family: Garamond, serif; letter-spacing: 1px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-32 .gfgold-preview{ color: #ffcc49; border-radius: 8px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-33 .gfgold-preview{ color: #ffe7a1; text-decoration: overline; text-decoration-color: #f2b331; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-34 .gfgold-preview{ color: #f9c540; background: linear-gradient(135deg, rgba(255,242,181,.16), rgba(37,23,7,.6)); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-35 .gfgold-preview{ color: #fff0ad; font-weight: 800; letter-spacing: 5px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-36 .gfgold-preview{ color: #ffd86d; text-shadow: 0 -1px 0 #fff, 0 2px 0 #8d560b; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-37 .gfgold-preview{ color: #fff6c9; background: radial-gradient(circle at top, rgba(255,228,129,.24), rgba(30,19,7,.4)); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-38 .gfgold-preview{ color: #efb638; font-family: Courier New, monospace; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-39 .gfgold-preview{ color: #ffe28b; font-weight: 700; text-shadow: 3px 3px 0 rgba(114,68,8,.8); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-40 .gfgold-preview{ color: #fff4c4; border: 2px double rgba(255,217,95,.48); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-41 .gfgold-preview{ color: #ffd35e; filter: saturate(1.25); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-42 .gfgold-preview{ color: #ffed9c; text-transform: uppercase; letter-spacing: 3px; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-43 .gfgold-preview{ color: #f9c13a; background: rgba(255, 218, 99, .13); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-44 .gfgold-preview{ color: #fff7cd; font-style: oblique; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-45 .gfgold-preview{ color: #ffd771; text-shadow: 0 0 8px #fff0a6, 0 0 22px #ffb11d; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-46 .gfgold-preview{ color: #ffeaa2; font-family: Trebuchet MS, sans-serif; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-47 .gfgold-preview{ color: #d99a18; background: #fff5ca; }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-48 .gfgold-preview{ color: #fff0b4; background: linear-gradient(180deg, rgba(12,8,4,.72), rgba(83,50,10,.46)); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-49 .gfgold-preview{ color: #ffce4f; letter-spacing: 2px; text-shadow: 0 3px 14px rgba(0,0,0,.7); }.wpc-scope-118 .tc-wp-tool-root .gfgold-tool-wrap .gfgold-style-50 .gfgold-preview{ color: #fff9dc; font-weight: 900; text-shadow: 0 0 26px #ffc12f; }@keyframes gfgoldFade{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .gfgold-tool-wrap{ padding: 32px 12px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{ font-size: 30px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{ font-size: 14px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input-panel{ padding: 14px; border-radius: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{ font-size: 17px; padding: 14px; min-height: 96px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{ font-size: 13px; padding: 9px 15px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{ grid-template-columns: 1fr !important; width: 100%; max-width: 100%; gap: 14px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{ width: 100%; max-width: 100%; padding: 14px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{ font-size: 18px; padding: 14px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .gfgold-tool-wrap{ padding: 36px 14px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{ font-size: 34px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{ font-size: 15px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input-panel{ padding: 16px; border-radius: 20px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{ font-size: 18px; padding: 15px; min-height: 102px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{ font-size: 14px; padding: 10px 16px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{ grid-template-columns: 1fr !important; width: 100%; max-width: 100%; gap: 15px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{ width: 100%; max-width: 100%; padding: 15px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{ font-size: 19px; padding: 15px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .gfgold-tool-wrap{ padding: 42px 16px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{ font-size: 40px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{ font-size: 16px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input-panel{ padding: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{ font-size: 19px; padding: 16px; min-height: 108px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{ font-size: 14px; padding: 10px 17px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{ grid-template-columns: 1fr !important; width: 100%; max-width: 100%; gap: 16px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{ width: 100%; max-width: 100%; padding: 16px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{ font-size: 21px; padding: 16px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .gfgold-tool-wrap{ padding: 50px 22px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{ width: 100%; max-width: 960px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{ font-size: 52px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{ font-size: 17px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{ font-size: 21px; padding: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{ font-size: 14px; padding: 11px 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{ padding: 17px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{ font-size: 22px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .gfgold-tool-wrap{ padding: 56px 24px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{ width: 100%; max-width: 1120px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{ font-size: 58px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{ font-size: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{ font-size: 22px; padding: 18px 20px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{ font-size: 15px; padding: 11px 19px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{ padding: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{ font-size: 23px; }}@media (min-width: 1200px){.tc-wp-tool-root .gfgold-tool-wrap{ padding: 64px 28px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-tool-shell{ width: 100%; max-width: 1200px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero h1{ font-size: 64px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-hero p{ font-size: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-input{ font-size: 22px; padding: 18px 20px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-clear-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-load-btn, .tc-wp-tool-root .gfgold-tool-wrap .gfgold-copy-btn{ font-size: 15px; padding: 11px 20px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-card{ padding: 18px; }.tc-wp-tool-root .gfgold-tool-wrap .gfgold-preview{ font-size: 24px; }}.wpc-scope-118 /* tc-layout-guard: stay in page body flow — do not overlap theme header/nav */
.tc-wp-tool-root{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  z-index: 0 !important;
}