@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-467 .tc-wp-tool-root img, .wpc-scope-467 .tc-wp-tool-root video, .wpc-scope-467 .tc-wp-tool-root svg, .wpc-scope-467 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 56px 20px;
  color: #fff8e8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 71, 83, 0.34), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(255, 226, 171, 0.18), transparent 28%),
    linear-gradient(135deg, #2b0508 0%, #5d0c18 34%, #8c1524 62%, #2a0908 100%);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap div, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap section, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap h1, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap h2, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap h3, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap p, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap span, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap label, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap textarea, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap button{
  box-sizing: border-box;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{
  width: min(1200px, 100%);
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-hero{
  text-align: center;
  margin: 0 auto 28px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 232, 185, 0.35);
  border-radius: 999px;
  color: #ffe5b2;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.18);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap h1{
  margin: 0;
  color: #fff3d0;
  font-size: 54px;
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 0 6px 28px rgba(255, 42, 62, 0.34);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{
  width: min(720px, 100%);
  margin: 14px auto 0;
  color: rgba(255, 248, 232, 0.84);
  font-size: 18px;
  line-height: 1.6;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-input-panel{
  width: min(860px, 100%);
  margin: 0 auto 30px;
  padding: 22px;
  border: 1px solid rgba(255, 232, 185, 0.24);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(65, 6, 12, 0.34));
  box-shadow: 0 24px 70px rgba(25, 0, 5, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(14px);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-input-label{
  display: block;
  margin: 0 0 10px;
  color: #ffe6b8;
  font-size: 14px;
  font-weight: 800;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 112px;
  resize: vertical;
  padding: 18px 20px;
  border: 1px solid rgba(255, 220, 169, 0.38);
  border-radius: 18px;
  outline: none;
  color: #fff9ea;
  background: rgba(32, 3, 7, 0.58);
  box-shadow: inset 0 2px 18px rgba(0, 0, 0, 0.24);
  font-size: 22px;
  line-height: 1.45;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input:focus{
  border-color: rgba(255, 235, 184, 0.78);
  background: rgba(42, 4, 9, 0.72);
  box-shadow: 0 0 0 4px rgba(255, 65, 80, 0.18), 0 0 34px rgba(255, 59, 80, 0.2), inset 0 2px 18px rgba(0, 0, 0, 0.28);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-clear-row, .wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-load-row{
  display: flex;
  justify-content: center;
  width: 100%;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-clear-row{
  margin-top: 14px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-load-row{
  margin-top: 28px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(255, 226, 178, 0.34);
  border-radius: 999px;
  cursor: pointer;
  color: #fff5d9;
  background: linear-gradient(135deg, #a31228, #e03040 52%, #79101c);
  box-shadow: 0 14px 34px rgba(67, 2, 10, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, opacity 180ms ease;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(255, 238, 190, 0.72);
  box-shadow: 0 18px 44px rgba(255, 42, 62, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-clear-btn{
  min-width: 92px;
  padding: 12px 22px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-load-btn{
  min-width: 170px;
  padding: 15px 28px;
  font-size: 15px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-load-btn.dpfg-hidden{
  display: none;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  gap: 18px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 232, 185, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.13), rgba(56, 4, 10, 0.48)),
    radial-gradient(circle at 88% 0%, rgba(255, 217, 148, 0.14), transparent 36%);
  box-shadow: 0 18px 50px rgba(20, 0, 4, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  overflow: hidden;
  animation: dpfgFadeIn 340ms ease both;
  transition: transform 190ms ease, box-shadow 190ms ease, border-color 190ms ease;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(255, 232, 185, 0.46);
  box-shadow: 0 24px 64px rgba(20, 0, 4, 0.42), 0 0 26px rgba(255, 49, 72, 0.12);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-style-name{
  margin: 0 0 12px;
  color: #ffe3ad;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{
  display: flex;
  align-items: center;
  min-height: 118px;
  max-height: 180px;
  width: 100%;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 16px;
  border: 1px solid rgba(255, 232, 185, 0.18);
  border-radius: 14px;
  color: #fff8e8;
  background: rgba(28, 3, 8, 0.54);
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  font-size: 25px;
  line-height: 1.28;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview::-webkit-scrollbar{
  width: 9px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview::-webkit-scrollbar-track{
  background: rgba(255, 238, 204, 0.08);
  border-radius: 999px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview::-webkit-scrollbar-thumb{
  background: linear-gradient(#ffdd9c, #d2273a);
  border-radius: 999px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-copy-btn{
  width: 100%;
  min-height: 42px;
  padding: 12px 18px;
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-copy-btn.dpfg-copied{
  background: linear-gradient(135deg, #6d2b08, #d49b40, #7d110d);
}.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s1{ font-family: Georgia, serif; font-weight: 900; color: #fff0c6; text-shadow: 2px 2px 0 #90101d, 4px 4px 0 #310407; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s2{ font-family: "Brush Script MT", cursive; font-style: italic; color: #fff5df; text-shadow: 0 0 12px #ff4056, 2px 2px 0 #620a13; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s3{ font-family: Impact, Haettenschweiler, sans-serif; text-transform: uppercase; color: #ffdca2; -webkit-text-stroke: 1px #fff7dc; text-shadow: 3px 3px 0 #73111d; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s4{ font-family: Garamond, Georgia, serif; font-variant: small-caps; color: #ffefc3; text-shadow: 0 3px 0 #7e111d; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s5{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #ff344c; text-shadow: 0 0 10px #fff0bd, 0 0 22px #ff2b45; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s6{ font-family: Courier, monospace; color: #fff3d4; letter-spacing: 0; text-shadow: 1px 0 #ff3349, -1px 0 #ffd58f; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s7{ font-family: Georgia, serif; font-weight: 800; color: transparent; -webkit-text-stroke: 1.4px #ffe7ad; text-shadow: 0 0 18px rgba(255, 60, 80, 0.8); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s8{ font-family: Arial Black, Arial, sans-serif; color: #fff8df; text-transform: uppercase; transform: skew(-8deg); text-shadow: 4px 3px 0 #c91d31; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s9{ font-family: Palatino, Georgia, serif; color: #ffe0a5; text-decoration: underline; text-decoration-color: #ff4053; text-decoration-thickness: 3px; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s10{ font-family: Verdana, sans-serif; font-weight: 900; color: #ffffff; text-shadow: 0 2px 0 #d32037, 0 5px 0 #4b080e; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s11{ font-family: Georgia, serif; font-style: italic; color: #f9d28e; text-shadow: 0 1px 0 #fff, 2px 4px 0 #68101a; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s12{ font-family: Arial, sans-serif; font-weight: 900; color: #8d111f; background: linear-gradient(#fff4d3, #e9b762); border-radius: 10px; justify-content: center; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s13{ font-family: "Times New Roman", serif; color: #fff0bf; text-shadow: 0 0 3px #fff, 0 0 15px #f4223b; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s14{ font-family: Impact, sans-serif; color: #ffe8b3; letter-spacing: 0; text-transform: uppercase; text-shadow: -2px 2px 0 #270305; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s15{ font-family: "Lucida Handwriting", cursive; color: #ffe6b8; text-shadow: 3px 3px 0 #bd1a2e; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s16{ font-family: Copperplate, Georgia, serif; color: #ffd082; text-transform: uppercase; border-style: dashed; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s17{ font-family: Arial Black, sans-serif; color: #fff7df; text-shadow: 0 0 0 #fff, 3px 0 0 #a20f20, 6px 0 0 #3c0509; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s18{ font-family: Monaco, monospace; color: #ffeecb; text-shadow: 0 -2px 0 #ff4058, 0 2px 0 #4b070c; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s19{ font-family: Georgia, serif; color: #ffcad1; font-weight: 900; text-shadow: 0 0 8px #ff2441, 0 0 20px #ff2441; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s20{ font-family: Arial Narrow, Arial, sans-serif; color: #fff1c8; font-stretch: condensed; text-transform: uppercase; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s21{ font-family: Georgia, serif; color: #fff9e9; text-shadow: 1px 1px 0 #b91528, 2px 2px 0 #b91528, 3px 3px 0 #b91528; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s22{ font-family: "Trebuchet MS", sans-serif; color: #ffe0a0; font-weight: 800; transform: rotate(-1deg); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s23{ font-family: "Brush Script MT", cursive; color: #fff3cc; text-shadow: 0 4px 0 #7b0f19; text-decoration: overline; text-decoration-color: #e33244; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s24{ font-family: Impact, sans-serif; color: #f0384d; -webkit-text-stroke: 1px #ffecc0; text-transform: uppercase; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s25{ font-family: Georgia, serif; color: #331006; background: linear-gradient(135deg, #fff2cb, #dca448); border-color: rgba(75, 11, 8, 0.4); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s26{ font-family: Arial Black, sans-serif; color: #ffe5aa; text-shadow: 0 8px 0 rgba(0, 0, 0, 0.35); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s27{ font-family: Palatino, serif; color: #fff6db; font-style: italic; text-shadow: 0 0 1px #fff, 2px 2px 0 #8c1320; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s28{ font-family: Courier New, monospace; color: #ffd798; border-style: dotted; text-transform: uppercase; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s29{ font-family: Verdana, sans-serif; color: #fff; font-weight: 900; text-shadow: 0 0 6px #ff3850, 0 0 12px #ff3850, 0 0 24px #ff3850; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s30{ font-family: Georgia, serif; color: #fde8b0; text-shadow: -1px -1px 0 #9d1222, 1px 1px 0 #f53b50; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s31{ font-family: Arial Black, sans-serif; color: transparent; -webkit-text-stroke: 1px #ffd98c; text-transform: uppercase; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s32{ font-family: "Lucida Console", monospace; color: #fff2cd; background: rgba(110, 9, 18, 0.76); box-shadow: inset 0 0 0 2px rgba(255, 220, 160, 0.2); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s33{ font-family: Georgia, serif; color: #ffecc4; font-weight: 900; text-shadow: 0 2px 0 #7d1019, 0 4px 0 #3a0508, 0 7px 10px #000; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s34{ font-family: Arial, sans-serif; color: #ffebba; font-weight: 900; text-transform: lowercase; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s35{ font-family: "Brush Script MT", cursive; color: #ffd6df; font-size: 29px; text-shadow: 0 0 12px #ff1737; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s36{ font-family: Impact, sans-serif; color: #fff4cd; text-transform: uppercase; border-radius: 999px; justify-content: center; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s37{ font-family: Garamond, serif; color: #f6c46f; text-shadow: 1px 1px 0 #fff4d1, 3px 3px 0 #7c1019; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s38{ font-family: Tahoma, sans-serif; color: #fff8e8; font-weight: 900; transform: skew(6deg); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s39{ font-family: Georgia, serif; color: #ffe6b5; text-shadow: 0 0 0 #fff; filter: drop-shadow(0 4px 0 #b31729); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s40{ font-family: Arial Black, sans-serif; color: #ff4056; text-shadow: 2px 2px 0 #fff3c8, 4px 4px 0 #3a0508; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s41{ font-family: "Times New Roman", serif; color: #fff2d0; font-weight: 900; text-transform: uppercase; letter-spacing: 0; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s42{ font-family: "Trebuchet MS", sans-serif; color: #ffdf9d; text-shadow: 0 0 10px rgba(255,255,255,.8), 0 3px 0 #8c111f; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s43{ font-family: Courier, monospace; color: #fff7e6; text-transform: uppercase; text-decoration: line-through; text-decoration-color: #ff4056; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s44{ font-family: Georgia, serif; color: #fff; font-style: italic; text-shadow: 0 1px 0 #ffbd69, 0 2px 0 #cf2235, 0 3px 0 #70101a; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s45{ font-family: Arial Black, sans-serif; color: #ffeabe; text-transform: uppercase; text-shadow: 0 0 2px #fff, -3px 3px 0 #a31525; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s46{ font-family: Palatino, serif; color: #f9d88f; font-variant: small-caps; text-shadow: 0 0 16px #6f0c16; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s47{ font-family: Impact, sans-serif; color: #fff5d8; -webkit-text-stroke: 1px #b7182b; text-shadow: 0 0 18px #ff2f48; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s48{ font-family: "Lucida Handwriting", cursive; color: #fff0c8; transform: rotate(1deg); text-shadow: 2px 3px 0 #6c0c15; }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s49{ font-family: Verdana, sans-serif; color: #ffe2a4; font-weight: 900; background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,48,70,.22)); }.wpc-scope-467 .tc-wp-tool-root .dpfg-tool-wrap .dpfg-s50{ font-family: Georgia, serif; color: #fff8e8; font-weight: 900; text-shadow: 0 0 10px #ff354d, 3px 3px 0 #91121f, 6px 6px 0 #2b0407; }@keyframes dpfgFadeIn{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 1200px){.tc-wp-tool-root .dpfg-tool-wrap{ padding: 64px 24px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{ width: min(1200px, 100%); }.tc-wp-tool-root .dpfg-tool-wrap h1{ font-size: 56px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{ font-size: 18px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{ min-height: 116px; font-size: 22px; padding: 18px 20px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{ min-height: 44px; font-size: 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{ padding: 18px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{ font-size: 25px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .dpfg-tool-wrap{ padding: 56px 22px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{ width: min(1080px, 100%); }.tc-wp-tool-root .dpfg-tool-wrap h1{ font-size: 50px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{ font-size: 17px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{ min-height: 108px; font-size: 21px; padding: 17px 19px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{ min-height: 43px; font-size: 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{ padding: 17px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{ font-size: 24px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .dpfg-tool-wrap{ padding: 48px 20px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{ width: min(760px, 100%); }.tc-wp-tool-root .dpfg-tool-wrap h1{ font-size: 42px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{ font-size: 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{ min-height: 104px; font-size: 20px; padding: 16px 18px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{ min-height: 42px; font-size: 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{ padding: 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{ font-size: 23px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .dpfg-tool-wrap{ padding: 40px 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{ width: 100%; }.tc-wp-tool-root .dpfg-tool-wrap h1{ font-size: 36px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{ font-size: 15px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-input-panel{ padding: 16px; border-radius: 18px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{ min-height: 98px; font-size: 18px; padding: 15px 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{ min-height: 40px; font-size: 13px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{ grid-template-columns: 1fr !important; gap: 15px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{ width: 100%; max-width: 100%; padding: 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{ font-size: 22px; min-height: 112px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .dpfg-tool-wrap{ padding: 36px 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{ width: 100%; }.tc-wp-tool-root .dpfg-tool-wrap h1{ font-size: 32px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{ font-size: 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-input-panel{ padding: 15px; border-radius: 17px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{ min-height: 96px; font-size: 17px; padding: 14px 15px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{ min-height: 39px; font-size: 13px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{ grid-template-columns: 1fr !important; gap: 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{ width: 100%; max-width: 100%; padding: 15px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{ font-size: 21px; min-height: 108px; }}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .dpfg-tool-wrap{ padding: 32px 12px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-shell{ width: 100%; }.tc-wp-tool-root .dpfg-tool-wrap h1{ font-size: 28px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-subtitle{ font-size: 13px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-input-panel{ padding: 14px; border-radius: 16px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-text-input{ min-height: 92px; font-size: 16px; padding: 13px 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-btn{ min-height: 38px; font-size: 12px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-clear-btn{ min-width: 82px; padding: 11px 18px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-load-btn{ min-width: 142px; padding: 13px 20px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-grid{ grid-template-columns: 1fr !important; gap: 13px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-card{ width: 100%; max-width: 100%; padding: 14px; }.tc-wp-tool-root .dpfg-tool-wrap .dpfg-preview{ font-size: 20px; min-height: 104px; padding: 14px; }}.wpc-scope-467 /* 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;
}