@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-317 .tc-wp-tool-root img, .wpc-scope-317 .tc-wp-tool-root video, .wpc-scope-317 .tc-wp-tool-root svg, .wpc-scope-317 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap{
  position: relative;
  width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 222, 90, 0.46), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(255, 119, 152, 0.42), transparent 30%),
    radial-gradient(circle at 22% 92%, rgba(86, 214, 197, 0.38), transparent 32%),
    linear-gradient(135deg, #fff8df 0%, #dff8ff 38%, #f3e7ff 70%, #fff4ea 100%);
  color: #20334a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-card, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-box{
  box-sizing: border-box;
  max-width: 100%;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero{
  text-align: center;
  margin: 0 auto 28px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{
  margin: 0;
  color: #17324d;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0;
  text-shadow: 0 5px 0 rgba(255, 204, 82, 0.5), 0 18px 36px rgba(43, 81, 114, 0.15);
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{
  max-width: 720px;
  margin: 16px auto 0;
  color: #40566d;
  line-height: 1.65;
  font-weight: 600;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.76);
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 24px 70px rgba(45, 91, 128, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  border-radius: 28px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-input-label{
  display: block;
  margin: 0 0 12px;
  color: #213b56;
  font-weight: 850;
  letter-spacing: 0;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-input-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: stretch;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{
  width: 100%;
  min-width: 0;
  resize: vertical;
  border: 2px solid rgba(45, 179, 190, 0.28);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  color: #20334a;
  outline: none;
  line-height: 1.45;
  box-shadow: inset 0 2px 12px rgba(38, 72, 99, 0.08);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input:focus{
  border-color: #25b6c4;
  box-shadow: 0 0 0 5px rgba(37, 182, 196, 0.16), inset 0 2px 12px rgba(38, 72, 99, 0.08);
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-copy-btn, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-load-more{
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  font-weight: 900;
  color: #17324d;
  background: linear-gradient(135deg, #ffdc52, #ff7f8f 52%, #6ddfd2);
  box-shadow: 0 12px 28px rgba(255, 119, 152, 0.26);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, opacity 180ms ease;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn:hover, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-copy-btn:hover, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-load-more:hover{
  transform: translateY(-2px);
  filter: saturate(1.08);
  box-shadow: 0 17px 34px rgba(255, 119, 152, 0.34);
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn:focus-visible, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-copy-btn:focus-visible, .wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-load-more:focus-visible{
  outline: 4px solid rgba(37, 182, 196, 0.28);
  outline-offset: 3px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-section{
  margin-top: 26px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{
  display: grid;
  width: 100%;
  overflow-x: hidden;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.48)),
    radial-gradient(circle at top left, rgba(255, 220, 82, 0.22), transparent 45%);
  box-shadow: 0 18px 42px rgba(45, 91, 128, 0.14);
  backdrop-filter: blur(14px);
  animation: dsfgFadeUp 360ms ease both;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  overflow: hidden;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(255, 127, 143, 0.48);
  box-shadow: 0 24px 54px rgba(45, 91, 128, 0.22);
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{
  margin: 0 0 12px;
  color: #17324d;
  font-weight: 900;
  line-height: 1.25;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-box{
  width: 100%;
  max-height: 180px;
  min-height: 118px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 18px;
  padding: 18px;
  background: rgba(255, 252, 239, 0.82);
  border: 1px solid rgba(32, 51, 74, 0.08);
  display: block;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-box::-webkit-scrollbar{
  width: 9px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-box::-webkit-scrollbar-track{
  background: rgba(255, 220, 82, 0.18);
  border-radius: 999px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-box::-webkit-scrollbar-thumb{
  background: linear-gradient(#ff7f8f, #25b6c4);
  border-radius: 999px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-copy-btn{
  min-width: 92px;
  padding: 11px 18px;
  font-size: 14px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-load-wrap{
  display: flex;
  justify-content: center;
  margin-top: 28px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-load-more{
  padding: 15px 28px;
  font-size: 16px;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-load-more.dsfg-hidden{
  display: none;
}.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-1{ font-family: "Trebuchet MS", "Comic Sans MS", cursive; font-weight: 900; color: #ff4f7b; text-shadow: 2px 3px 0 #ffe15b, 4px 6px 0 rgba(37,182,196,.35); letter-spacing: .03em; transform: rotate(-1deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-2{ font-family: Georgia, serif; font-weight: 900; color: #163c68; text-shadow: 2px 0 #ff4f7b, -2px 0 #ffdc52; text-transform: uppercase; letter-spacing: .08em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-3{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #20a887; text-shadow: 0 4px 0 #fff0a8, 0 8px 16px rgba(32,168,135,.28); letter-spacing: .05em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-4{ font-family: "Palatino Linotype", Palatino, serif; font-style: italic; font-weight: 800; color: #8f55d6; text-shadow: 2px 2px 0 #ffd6e0; transform: skew(-5deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-5{ font-family: Verdana, sans-serif; font-weight: 900; color: #ffbe22; text-shadow: 1px 1px 0 #17324d, 2px 2px 0 #17324d, 4px 5px 0 #ff7f8f; text-transform: uppercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-6{ font-family: "Courier New", monospace; font-weight: 900; color: #79d841; text-shadow: 0 0 8px rgba(121,216,65,.8), 2px 3px 0 #17324d; letter-spacing: .04em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-7{ font-family: Garamond, Georgia, serif; font-weight: 900; color: #1f8e58; text-shadow: 2px 2px 0 #d9ffb8; font-style: italic; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-8{ font-family: Impact, "Arial Black", sans-serif; color: #ff5a55; text-shadow: 3px 3px 0 #fff05a, 6px 6px 0 #25b6c4; letter-spacing: .06em; text-transform: uppercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-9{ font-family: "Comic Sans MS", "Trebuchet MS", cursive; font-weight: 900; color: #2cb9c7; text-shadow: -2px 2px 0 #ffe15b; transform: rotate(1.5deg); letter-spacing: .02em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-10{ font-family: Georgia, serif; font-weight: 900; color: #64b33c; text-shadow: 2px 2px 0 #e8ffd4, 4px 4px 0 #c8465d; transform: skew(4deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-11{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; background: linear-gradient(90deg,#ff4f7b,#ffdc52,#25b6c4); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; letter-spacing: .04em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-12{ font-family: "Lucida Handwriting", "Comic Sans MS", cursive; color: #d94885; text-shadow: 0 3px 0 #fff1a7; font-style: italic; font-weight: 800; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-13{ font-family: Tahoma, sans-serif; font-weight: 900; color: #fff7ca; text-shadow: 1px 1px 0 #17324d, -1px -1px 0 #17324d, 3px 4px 0 #ff7f8f; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-14{ font-family: "Times New Roman", serif; font-weight: 900; color: #6246c9; text-shadow: 3px 0 0 #a9f5ee, -3px 0 0 #ffd95a; letter-spacing: .03em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-15{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #ff7a3d; text-shadow: 0 2px 0 #ffffff, 0 5px 0 #30c0b4; text-transform: lowercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-16{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #00a6a6; text-shadow: 2px 2px 0 #ffd2df, 4px 4px 0 #ffe15b; transform: rotate(-2deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-17{ font-family: "Courier New", monospace; font-weight: 700; color: #17324d; text-shadow: 3px 3px 0 #ffdc52; letter-spacing: .12em; text-transform: uppercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-18{ font-family: Georgia, serif; font-weight: 900; color: #ff4f7b; text-shadow: 0 0 0 #fff, 0 8px 14px rgba(255,79,123,.32); font-style: italic; letter-spacing: .02em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-19{ font-family: Impact, fantasy; color: #25b6c4; text-shadow: 2px 2px 0 #17324d, 4px 4px 0 #ffdc52; letter-spacing: .05em; transform: scaleY(1.08); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-20{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #9c63df; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #ff9fb1; letter-spacing: .06em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-21{ font-family: Verdana, sans-serif; font-weight: 900; color: #f14f64; text-shadow: 0 3px 0 #17324d, 0 6px 0 #ffe15b; transform: rotate(.8deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-22{ font-family: "Palatino Linotype", serif; font-weight: 900; color: #247a58; text-shadow: 1px 1px 0 #c9ffc8, 3px 3px 0 #ffb0c0; letter-spacing: .04em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-23{ font-family: "Arial Black", sans-serif; font-weight: 900; background: linear-gradient(180deg,#fff36c 0%,#ff6d91 52%,#26b8c5 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(2px 3px 0 rgba(23,50,77,.25)); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-24{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #17324d; text-shadow: 2px 2px 0 #81eadf, 4px 4px 0 #ffe15b; text-transform: capitalize; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-25{ font-family: "Lucida Console", monospace; font-weight: 900; color: #ff8a00; text-shadow: -2px 2px 0 #17324d, 2px -2px 0 #ffe15b; letter-spacing: .08em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-26{ font-family: Georgia, serif; font-weight: 900; color: #cf3e7f; text-shadow: 0 0 10px rgba(255,220,82,.9), 2px 2px 0 #ffffff; transform: skew(-3deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-27{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #35a76b; text-shadow: 2px 2px 0 #ffef9b, 3px 5px 0 #9be7ff; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-28{ font-family: Impact, sans-serif; color: #fff8d7; text-shadow: 2px 0 #ff4f7b, -2px 0 #ff4f7b, 0 2px #ff4f7b, 0 -2px #ff4f7b, 5px 5px 0 #25b6c4; letter-spacing: .04em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-29{ font-family: Tahoma, sans-serif; font-weight: 900; color: #25b6c4; text-shadow: 0 4px 0 #17324d, 0 8px 0 #ffdc52; text-transform: uppercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-30{ font-family: Garamond, serif; font-weight: 900; color: #7f53d6; text-shadow: 1px 2px 0 #ffe15b, 3px 4px 0 rgba(255,127,143,.55); font-style: italic; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-31{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #ff5f6d; text-shadow: 0 0 7px rgba(255,95,109,.55), 3px 3px 0 #fff1a8; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-32{ font-family: "Courier New", monospace; font-weight: 900; color: #17324d; background: repeating-linear-gradient(90deg,#ff4f7b 0 12px,#ffdc52 12px 24px,#25b6c4 24px 36px); -webkit-background-clip: text; background-clip: text; color: transparent; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-33{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #ffcf33; text-shadow: 2px 2px 0 #d94e79, 4px 4px 0 #17324d; letter-spacing: .02em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-34{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #4f9cff; text-shadow: 2px 3px 0 #ffd6e0; transform: rotate(-.8deg) skew(-2deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-35{ font-family: Georgia, serif; font-weight: 900; color: #ff7f8f; text-shadow: 0 3px 0 #fff, 0 6px 0 #8fe8df; text-transform: uppercase; letter-spacing: .05em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-36{ font-family: "Arial Black", sans-serif; color: #2f6b4f; text-shadow: 3px 3px 0 #baf58d, 6px 6px 0 #ffde74; letter-spacing: .03em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-37{ font-family: "Palatino Linotype", serif; font-weight: 900; color: #17324d; text-shadow: 1px 1px 0 #ffdc52, 2px 2px 0 #ff7f8f, 3px 3px 0 #25b6c4; font-style: italic; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-38{ font-family: Verdana, sans-serif; font-weight: 900; color: #c94ec7; text-shadow: 0 0 12px rgba(201,78,199,.45), 2px 2px 0 #fff1a8; letter-spacing: .07em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-39{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #fb6942; text-shadow: -2px 0 #25b6c4, 2px 0 #ffe15b; transform: scaleX(1.03); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-40{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #0f9d9a; text-shadow: 2px 4px 0 #ffd1dc, 4px 7px 0 rgba(23,50,77,.18); text-transform: lowercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-41{ font-family: Impact, sans-serif; color: #ff4f7b; text-shadow: 2px 2px 0 #fff7bf, 4px 4px 0 #22b8c7; letter-spacing: .09em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-42{ font-family: "Times New Roman", serif; font-weight: 900; color: #5a66d9; text-shadow: 0 5px 0 #ffd95a; font-style: italic; transform: rotate(1deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-43{ font-family: Arial, sans-serif; font-weight: 900; color: #ffffff; text-shadow: 2px 2px 0 #17324d, -2px -2px 0 #ff7f8f, 4px 4px 0 #ffdc52; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-44{ font-family: "Lucida Handwriting", cursive; color: #2eb07d; text-shadow: 2px 2px 0 #fff3b8, 4px 4px 0 #ffc1d0; font-weight: 800; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-45{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #ffb000; text-shadow: 0 2px 0 #17324d, 2px 4px 0 #ff7f8f, 4px 6px 0 #25b6c4; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-46{ font-family: Garamond, serif; font-weight: 900; color: #17324d; text-shadow: 0 0 0 #fff, 3px 3px 0 #a3f0e8; letter-spacing: .06em; text-transform: uppercase; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-47{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #ff5f9a; text-shadow: 2px 2px 0 #fff, 4px 6px 0 #ffe15b; transform: skew(3deg); }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-48{ font-family: Tahoma, sans-serif; font-weight: 900; color: #0aa7bd; text-shadow: 1px 1px 0 #17324d, 3px 3px 0 #f8e96b; letter-spacing: .1em; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-49{ font-family: Georgia, serif; font-weight: 900; background: linear-gradient(90deg,#17324d,#16a085,#ff7f8f,#ffcf33); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(2px 3px 0 rgba(255,255,255,.8)); font-style: italic; }.wpc-scope-317 .tc-wp-tool-root .dsfg-tool-wrap .dsfg-style-50{ font-family: "Arial Black", Impact, sans-serif; color: #ffe66d; text-shadow: 2px 2px 0 #17324d, 4px 4px 0 #ff4f7b, 7px 7px 0 #25b6c4; letter-spacing: .04em; text-transform: uppercase; }@keyframes dsfgFadeUp{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 1200px){.tc-wp-tool-root .dsfg-tool-wrap{ padding: 64px 28px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{ max-width: 1200px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{ font-size: 58px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{ font-size: 18px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{ padding: 28px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{ padding: 18px 20px; font-size: 18px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn{ padding: 0 28px; font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{ padding: 22px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{ font-size: 17px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{ font-size: 27px; line-height: 1.28; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .dsfg-tool-wrap{ padding: 56px 24px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{ max-width: 1060px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{ font-size: 52px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{ font-size: 17px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{ padding: 26px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{ padding: 17px 19px; font-size: 17px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn{ padding: 0 26px; font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{ padding: 21px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{ font-size: 17px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{ font-size: 26px; line-height: 1.3; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .dsfg-tool-wrap{ padding: 48px 22px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{ max-width: 860px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{ font-size: 44px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{ font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{ padding: 24px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{ padding: 16px 18px; font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn{ padding: 0 24px; font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{ padding: 20px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{ font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{ font-size: 25px; line-height: 1.32; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .dsfg-tool-wrap{ padding: 38px 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{ max-width: 100%; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{ font-size: 36px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{ font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{ padding: 18px; border-radius: 22px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-input-row{ grid-template-columns: 1fr; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{ padding: 15px 16px; font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn{ min-height: 48px; padding: 0 22px; font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{ grid-template-columns: 1fr !important; gap: 18px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{ width: 100%; padding: 18px; border-radius: 22px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{ font-size: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{ font-size: 24px; line-height: 1.34; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .dsfg-tool-wrap{ padding: 34px 14px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{ max-width: 100%; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{ font-size: 32px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{ font-size: 14px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{ padding: 16px; border-radius: 20px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-input-row{ grid-template-columns: 1fr; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{ padding: 14px 15px; font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn{ min-height: 46px; padding: 0 20px; font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{ grid-template-columns: 1fr !important; gap: 16px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{ width: 100%; padding: 16px; border-radius: 20px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{ font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{ font-size: 22px; line-height: 1.36; }}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .dsfg-tool-wrap{ padding: 30px 12px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-tool-container{ max-width: 100%; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero h1{ font-size: 28px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-hero p{ font-size: 13px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-control-panel{ padding: 14px; border-radius: 18px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-input-row{ grid-template-columns: 1fr; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-text-input{ padding: 13px 14px; font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-clear-btn{ min-height: 44px; padding: 0 18px; font-size: 14px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-grid{ grid-template-columns: 1fr !important; gap: 14px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card{ width: 100%; padding: 14px; border-radius: 18px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-card-title{ font-size: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-box{ padding: 15px; }.tc-wp-tool-root .dsfg-tool-wrap .dsfg-preview-text{ font-size: 20px; line-height: 1.38; }}.wpc-scope-317 /* 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;
}