@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-323 .tc-wp-tool-root img, .wpc-scope-323 .tc-wp-tool-root video, .wpc-scope-323 .tc-wp-tool-root svg, .wpc-scope-323 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 244, 91, 0.55), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(54, 185, 255, 0.38), transparent 30%),
    linear-gradient(135deg, #fff7a8 0%, #75d5ff 48%, #ffbd65 100%);
  color: #161616;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap div, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap section, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap h1, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap p, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap textarea, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap button, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap label{
  box-sizing: border-box;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{
  width: min(1200px, 100%);
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-hero{
  text-align: center;
  margin: 0 auto 24px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{
  margin: 0 0 10px;
  color: #111111;
  font-weight: 950;
  line-height: 1.05;
  letter-spacing: 0;
  text-shadow: 3px 3px 0 #ffe947, 5px 5px 0 rgba(0, 0, 0, 0.18);
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{
  max-width: 720px;
  margin: 0 auto;
  color: #23303a;
  font-weight: 650;
  line-height: 1.55;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-input-panel{
  position: relative;
  margin: 0 auto 28px;
  padding: 18px 18px 48px;
  border: 2px solid rgba(22, 22, 22, 0.16);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.52);
  box-shadow: 0 22px 55px rgba(20, 66, 105, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(14px);
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-input-label{
  display: block;
  margin: 0 0 8px;
  color: #111111;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{
  display: block;
  width: 100%;
  max-width: 100%;
  resize: vertical;
  border: 3px solid #141414;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #fff8cf 100%);
  color: #151515;
  outline: none;
  font: 900 28px/1.28 "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif;
  box-shadow: 0 9px 0 rgba(20, 20, 20, 0.12);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-text-input:focus{
  border-color: #008fd3;
  box-shadow: 0 0 0 5px rgba(255, 231, 59, 0.55), 0 14px 28px rgba(0, 143, 211, 0.22);
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #141414;
  border-radius: 999px;
  background: #ffffff;
  color: #141414;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 5px 0 rgba(20, 20, 20, 0.16);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn:hover{
  background: #ffe947;
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 8px 0 rgba(20, 20, 20, 0.16), 0 0 22px rgba(255, 233, 71, 0.65);
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 2px solid rgba(20, 20, 20, 0.18);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 18px 40px rgba(24, 73, 112, 0.15);
  backdrop-filter: blur(12px);
  overflow: hidden;
  animation: sfgFadeIn 360ms ease both;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(20, 20, 20, 0.36);
  box-shadow: 0 24px 52px rgba(24, 73, 112, 0.24);
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-card-title{
  min-width: 0;
  margin: 0;
  color: #151515;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-copy-btn, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-load-more{
  border: 2px solid #141414;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe947, #ffba42);
  color: #121212;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 6px 0 rgba(20, 20, 20, 0.18);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-copy-btn:hover, .wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-load-more:hover{
  transform: translateY(-2px);
  filter: saturate(1.12);
  box-shadow: 0 9px 0 rgba(20, 20, 20, 0.18), 0 0 24px rgba(255, 233, 71, 0.65);
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-copy-btn{
  flex: 0 0 auto;
  padding: 9px 14px;
  font-size: 13px;
  line-height: 1;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-preview{
  width: 100%;
  max-width: 100%;
  max-height: 180px;
  min-height: 112px;
  overflow: auto;
  border: 2px solid rgba(20, 20, 20, 0.16);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(255, 247, 168, 0.56));
  padding: 16px;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-preview::-webkit-scrollbar{
  width: 10px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-preview::-webkit-scrollbar-track{
  background: rgba(255, 247, 168, 0.75);
  border-radius: 999px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-preview::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #00a6e8, #ffb23e);
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-load-wrap{
  display: flex;
  justify-content: center;
  margin-top: 28px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-load-more{
  padding: 13px 24px;
  font-size: 15px;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-load-more.sfg-hidden{
  display: none;
}.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-1{ font-family: "Arial Black", Impact, sans-serif; color: #ffd923; text-shadow: 2px 2px 0 #111, 4px 4px 0 #00a6e8; text-transform: uppercase; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-2{ font-family: "Trebuchet MS", Arial, sans-serif; color: #ff69b4; text-shadow: 2px 2px 0 #111, 0 0 12px #ffe947; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-3{ font-family: Georgia, serif; color: #111; text-shadow: 2px 2px 0 #ffe947, 4px 4px 0 #ff9f35; font-style: italic; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-4{ font-family: "Comic Sans MS", "Trebuchet MS", cursive; color: #ffffff; text-shadow: 2px 2px 0 #111, -2px -2px 0 #111, 0 0 18px #00a6e8; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-5{ font-family: Impact, "Arial Black", sans-serif; color: #7be35a; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ff7a34; letter-spacing: 0.04em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-6{ font-family: "Courier New", monospace; color: #1e1e1e; text-shadow: 1px 1px 0 #90e2ff; background: rgba(80, 190, 92, 0.18); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-7{ font-family: Verdana, Geneva, sans-serif; color: #ffef4f; text-shadow: 2px 2px 0 #111, 5px 5px 0 #f05a28; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-8{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; color: #00a6e8; text-shadow: 2px 2px 0 #111, 0 0 14px #fff; text-transform: uppercase; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-9{ font-family: "Brush Script MT", "Comic Sans MS", cursive; color: #ffb13d; text-shadow: 1px 1px 0 #111, 3px 3px 0 #ffe947; font-style: italic; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-10{ font-family: Tahoma, Arial, sans-serif; color: #111; text-shadow: 0 2px 0 #fff, 0 4px 0 #ffd923; font-weight: 950; letter-spacing: 0.1em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-11{ font-family: Impact, sans-serif; color: transparent; background: linear-gradient(90deg, #ffe947, #ff76b7, #00a6e8); -webkit-background-clip: text; background-clip: text; text-shadow: none; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-12{ font-family: "Trebuchet MS", sans-serif; color: #fff; text-shadow: 2px 2px 0 #111, 0 0 8px #fb3485, 0 0 18px #fb3485; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-13{ font-family: "Arial Black", sans-serif; color: #ffe947; text-shadow: -2px 0 #111, 0 2px #111, 2px 0 #111, 0 -2px #111, 5px 5px 0 #49b6ff; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-14{ font-family: "Courier New", monospace; color: #efffd9; text-shadow: 1px 1px 0 #111, 0 0 10px #70ff72; font-weight: 800; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-15{ font-family: Georgia, serif; color: #ff7636; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ffe947; text-transform: capitalize; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-16{ font-family: "Comic Sans MS", cursive; color: #111; text-shadow: 2px 2px 0 #ffe947, 4px 4px 0 #fff; font-weight: 900; transform: skew(-5deg); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-17{ font-family: Impact, sans-serif; color: #f6f6f6; text-shadow: 2px 2px 0 #111, 4px 4px 0 #777, 0 0 14px #ffe947; letter-spacing: 0.06em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-18{ font-family: Verdana, sans-serif; color: #ffda21; text-shadow: 2px 2px 0 #111, 3px 3px 0 #00a6e8, 5px 5px 0 #ff4f83; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-19{ font-family: "Trebuchet MS", sans-serif; color: #0d5d8f; text-shadow: 1px 1px 0 #fff, 3px 3px 0 #ffe947; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-20{ font-family: "Arial Black", sans-serif; color: #ff9340; text-shadow: 2px 2px 0 #111, 0 0 18px #ffe947; transform: rotate(-1deg); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-21{ font-family: "Courier New", monospace; color: #111; text-shadow: 1px 1px 0 #ffe947; text-transform: uppercase; letter-spacing: 0.16em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-22{ font-family: Impact, sans-serif; color: #00a6e8; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ffe947; font-style: italic; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-23{ font-family: Georgia, serif; color: #fff0a6; text-shadow: 2px 2px 0 #111, 0 0 12px #ff822e, 0 0 24px #ff822e; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-24{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; color: #ff4e4e; text-shadow: 2px 2px 0 #111, 4px 4px 0 #fff; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-25{ font-family: "Comic Sans MS", cursive; color: #ffe947; text-shadow: 1px 1px 0 #111, 2px 3px 0 #111, 5px 6px 0 rgba(0, 0, 0, 0.2); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-26{ font-family: Tahoma, sans-serif; color: #111; text-shadow: 0 1px 0 #fff, 0 3px 0 #00a6e8; font-weight: 950; text-transform: lowercase; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-27{ font-family: Impact, sans-serif; color: #c1ff72; text-shadow: 2px 2px 0 #111, 0 0 15px #6cff5f; letter-spacing: 0.08em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-28{ font-family: "Trebuchet MS", sans-serif; color: #ff78bf; text-shadow: 2px 2px 0 #111, 4px 4px 0 #7bdfff; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-29{ font-family: "Arial Black", sans-serif; color: #ffffff; text-shadow: -2px -2px 0 #111, 2px -2px 0 #111, -2px 2px 0 #111, 2px 2px 0 #111, 0 0 18px #ffe947; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-30{ font-family: "Courier New", monospace; color: #45d7ff; text-shadow: 2px 2px 0 #111, 0 0 8px #45d7ff; font-weight: 900; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-31{ font-family: Georgia, serif; color: #ffde35; text-shadow: 2px 2px 0 #111, 5px 2px 0 #f15f34; font-weight: 900; transform: skew(4deg); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-32{ font-family: "Comic Sans MS", cursive; color: #111; text-shadow: 2px 0 0 #ffe947, 0 2px 0 #ffe947, 3px 3px 0 #ff9c35; font-weight: 900; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-33{ font-family: Impact, sans-serif; color: #ffe947; text-shadow: 3px 3px 0 #111, 6px 6px 0 #006fb2; letter-spacing: 0.14em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-34{ font-family: Verdana, sans-serif; color: #7a3cff; text-shadow: 2px 2px 0 #ffe947, 4px 4px 0 #111; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-35{ font-family: "Trebuchet MS", sans-serif; color: #ffb347; text-shadow: 1px 1px 0 #111, 3px 3px 0 #ff6b9e, 5px 5px 0 #75d5ff; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-36{ font-family: "Arial Black", sans-serif; color: #222; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #ffe947; text-transform: uppercase; transform: rotate(1deg); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-37{ font-family: "Brush Script MT", cursive; color: #fff; text-shadow: 2px 2px 0 #111, 0 0 10px #00a6e8, 0 0 22px #ffe947; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-38{ font-family: Tahoma, sans-serif; color: #ffe947; text-shadow: 2px 2px 0 #111, 4px 0 0 #ff4343; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-39{ font-family: Impact, sans-serif; color: #00a6e8; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ffcc3e, 7px 7px 0 rgba(0, 0, 0, 0.14); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-40{ font-family: "Courier New", monospace; color: #ffe947; text-shadow: 1px 1px 0 #111, 2px 2px 0 #111; background: rgba(20, 20, 20, 0.12); }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-41{ font-family: Georgia, serif; color: #ff5c8f; text-shadow: 2px 2px 0 #111, 0 0 14px #fff; font-weight: 900; text-transform: capitalize; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-42{ font-family: "Comic Sans MS", cursive; color: #64dfff; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ffe947; font-weight: 950; letter-spacing: 0.04em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-43{ font-family: "Arial Black", sans-serif; color: transparent; background: linear-gradient(180deg, #fff45c, #ff9a3d 55%, #ff477e); -webkit-background-clip: text; background-clip: text; text-shadow: none; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-44{ font-family: Verdana, sans-serif; color: #111; text-shadow: 2px 2px 0 #9ee8ff, 4px 4px 0 #ffe947; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-45{ font-family: Impact, sans-serif; color: #ffffff; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ffb13d, 0 0 16px #ffb13d; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-46{ font-family: "Trebuchet MS", sans-serif; color: #ffe947; text-shadow: 2px 2px 0 #111, -2px 2px 0 #111, 0 4px 0 #00a6e8; font-weight: 950; font-style: italic; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-47{ font-family: "Courier New", monospace; color: #f2f2f2; text-shadow: 1px 1px 0 #111, 0 0 10px #ffef4f; font-weight: 900; letter-spacing: 0.12em; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-48{ font-family: Georgia, serif; color: #00a64f; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ffe947; font-weight: 950; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-49{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; color: #ffec40; text-shadow: 2px 2px 0 #111, 4px 4px 0 #ff72b6, 6px 6px 0 #42c7ff; }.wpc-scope-323 .tc-wp-tool-root .sfg-tool-wrap .sfg-style-50{ font-family: Impact, "Arial Black", sans-serif; color: #111; text-shadow: 2px 2px 0 #ffe947, 4px 4px 0 #fff, 7px 7px 0 #00a6e8; text-transform: uppercase; }@keyframes sfgFadeIn{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .sfg-tool-wrap{ padding: 34px 12px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{ width: 100%; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{ font-size: 32px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{ font-size: 14px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{ min-height: 118px; padding: 14px; font-size: 21px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{ min-height: 32px; padding: 8px 15px; font-size: 12px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-grid{ grid-template-columns: 1fr !important; gap: 16px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card{ padding: 14px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-preview{ font-size: 24px; padding: 13px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card-head{ align-items: flex-start; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .sfg-tool-wrap{ padding: 38px 14px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{ width: 100%; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{ font-size: 36px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{ font-size: 15px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{ min-height: 124px; padding: 15px; font-size: 23px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{ min-height: 34px; padding: 8px 16px; font-size: 12px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-grid{ grid-template-columns: 1fr !important; gap: 17px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card{ padding: 15px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-preview{ font-size: 26px; padding: 14px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .sfg-tool-wrap{ padding: 44px 18px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{ width: 100%; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{ font-size: 42px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{ font-size: 16px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{ min-height: 132px; padding: 16px; font-size: 25px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{ min-height: 35px; padding: 9px 17px; font-size: 13px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-grid{ grid-template-columns: 1fr !important; gap: 18px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card{ padding: 17px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-preview{ font-size: 28px; padding: 15px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .sfg-tool-wrap{ padding: 56px 24px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{ width: 100%; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{ font-size: 52px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{ font-size: 17px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{ min-height: 142px; padding: 19px; font-size: 29px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{ min-height: 36px; padding: 9px 18px; font-size: 13px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card{ padding: 18px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-preview{ font-size: 28px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .sfg-tool-wrap{ padding: 64px 28px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{ width: 100%; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{ font-size: 60px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{ font-size: 18px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{ min-height: 150px; padding: 21px; font-size: 31px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{ min-height: 38px; padding: 10px 19px; font-size: 13px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card{ padding: 19px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-preview{ font-size: 29px; }}@media (min-width: 1200px){.tc-wp-tool-root .sfg-tool-wrap{ padding: 72px 32px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-tool-container{ width: 100%; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero h1{ font-size: 66px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-hero p{ font-size: 18px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-text-input{ min-height: 156px; padding: 22px; font-size: 32px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-clear-btn{ min-height: 38px; padding: 10px 20px; font-size: 13px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-card{ padding: 20px; }.tc-wp-tool-root .sfg-tool-wrap .sfg-preview{ font-size: 30px; }}.wpc-scope-323 /* 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;
}