@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-314 .tc-wp-tool-root img, .wpc-scope-314 .tc-wp-tool-root video, .wpc-scope-314 .tc-wp-tool-root svg, .wpc-scope-314 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 44px 18px;
  background:
    radial-gradient(circle at 12% 12%, rgba(171, 255, 58, 0.22), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(255, 132, 43, 0.24), transparent 30%),
    radial-gradient(circle at 50% 98%, rgba(134, 76, 255, 0.2), transparent 36%),
    linear-gradient(135deg, #081429 0%, #102f43 38%, #281445 100%);
  color: #f8fbff;
  box-sizing: border-box;
  isolation: isolate;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap div, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap h1, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap h2, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap h3, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap p, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap label, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap textarea, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap button{
  box-sizing: border-box;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-header{
  text-align: center;
  max-width: 850px;
  margin: 0 auto 28px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  padding: 8px 14px;
  border: 1px solid rgba(191, 255, 84, 0.42);
  border-radius: 999px;
  background: rgba(7, 25, 42, 0.55);
  color: #cfff58;
  font: 800 13px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 0 28px rgba(191, 255, 84, 0.16);
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap h1{
  margin: 0;
  color: #fff7b8;
  font: 900 44px/1.08 Impact, Haettenschweiler, "Arial Black", sans-serif;
  letter-spacing: 0;
  text-shadow:
    0 3px 0 #ff7b2d,
    0 7px 18px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(255, 216, 74, 0.24);
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{
  max-width: 760px;
  margin: 14px auto 0;
  color: rgba(245, 250, 255, 0.86);
  font: 500 17px/1.65 Arial, Helvetica, sans-serif;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-input-card{
  width: 100%;
  margin: 0 auto 26px;
  padding: 20px;
  border: 1px solid rgba(135, 232, 255, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055)),
    rgba(10, 31, 54, 0.72);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(14px);
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-input-label{
  display: block;
  margin: 0 0 10px;
  color: #9ff7ff;
  font: 800 14px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 132px;
  resize: vertical;
  border: 1px solid rgba(159, 247, 255, 0.32);
  border-radius: 8px;
  outline: none;
  padding: 18px 18px;
  background: rgba(4, 17, 33, 0.78);
  color: #fffdf0;
  font: 800 28px/1.35 Arial, Helvetica, sans-serif;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input:focus{
  border-color: rgba(195, 255, 72, 0.9);
  background: rgba(5, 22, 39, 0.92);
  box-shadow:
    0 0 0 4px rgba(195, 255, 72, 0.16),
    0 0 34px rgba(36, 220, 214, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{
  display: block;
  margin: 14px auto 0;
  min-width: 84px;
  min-height: 38px;
  border: 1px solid rgba(255, 214, 83, 0.5);
  border-radius: 8px;
  padding: 8px 15px;
  cursor: pointer;
  background: rgba(255, 132, 43, 0.16);
  color: #ffe88b;
  font: 800 14px/1 Arial, Helvetica, sans-serif;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn:hover, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn:focus{
  transform: translateY(-1px);
  background: rgba(255, 132, 43, 0.28);
  box-shadow: 0 0 20px rgba(255, 132, 43, 0.26);
  outline: none;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  gap: 18px;
  overflow: visible;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(179, 247, 255, 0.2);
  border-radius: 8px;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
    rgba(8, 26, 48, 0.78);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
  animation: sdfgFadeIn 360ms ease both;
  overflow: hidden;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(197, 255, 79, 0.5);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.34),
    0 0 26px rgba(37, 230, 215, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-card-title{
  margin: 0 0 12px;
  color: #b8fff8;
  font: 900 15px/1.25 Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-box{
  width: 100%;
  max-width: 100%;
  height: 180px;
  max-height: 180px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  padding: 16px;
  background:
    radial-gradient(circle at top left, rgba(191, 255, 84, 0.12), transparent 34%),
    rgba(3, 14, 29, 0.72);
  color: #fff;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-box::-webkit-scrollbar{
  width: 9px;
  height: 9px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-box::-webkit-scrollbar-track{
  background: rgba(7, 23, 42, 0.9);
  border-radius: 999px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-box::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #38f2dd, #caff45, #ff8a35);
  border-radius: 999px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{
  display: block;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn{
  border: 1px solid rgba(197, 255, 79, 0.48);
  border-radius: 8px;
  cursor: pointer;
  background: linear-gradient(135deg, #cfff48, #39f0d6 52%, #ff8a35);
  color: #071326;
  font: 900 14px/1 Arial, Helvetica, sans-serif;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn{
  width: 100%;
  min-height: 42px;
  margin-top: 14px;
  padding: 11px 14px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn:hover, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn:focus, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn:hover, .wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn:focus{
  transform: translateY(-2px);
  filter: saturate(1.12) brightness(1.04);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.3),
    0 0 24px rgba(57, 240, 214, 0.28);
  outline: none;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-row{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 26px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn{
  min-width: 190px;
  min-height: 46px;
  padding: 13px 20px;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn:disabled{
  opacity: 0.56;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-hidden{
  display: none;
}.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-1{ font: 900 31px/1.2 Impact, "Arial Black", sans-serif; color: #ffe66d; text-shadow: 3px 3px 0 #f97316, 6px 6px 0 #22d3ee; text-transform: uppercase; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-2{ font: 800 27px/1.25 Georgia, serif; color: #c7ff4f; text-shadow: 0 0 12px #7cff6b, 2px 2px 0 #4c1d95; font-style: italic; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-3{ font: 900 29px/1.2 "Trebuchet MS", Arial, sans-serif; color: #38f2dd; text-shadow: 3px 0 0 #ff8a35, -3px 0 0 #b967ff; letter-spacing: 0.04em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-4{ font: 900 26px/1.3 "Courier New", monospace; color: #ffb84d; text-shadow: 0 3px 0 #111827, 0 0 18px #ff8a35; letter-spacing: 0.08em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-5{ font: 900 30px/1.2 Verdana, sans-serif; color: #fff; -webkit-text-stroke: 1px #7c3aed; text-shadow: 0 0 18px #38f2dd; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-6{ font: 800 27px/1.3 "Comic Sans MS", "Trebuchet MS", sans-serif; color: #baff39; text-shadow: 2px 2px 0 #0f172a, 4px 4px 0 #14b8a6; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-7{ font: 900 28px/1.25 Impact, sans-serif; color: #ff7f3f; text-shadow: -2px 2px 0 #7dd3fc, 2px -2px 0 #c084fc; transform: skew(-5deg); }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-8{ font: 700 26px/1.35 Georgia, serif; color: #e9d5ff; text-shadow: 0 0 10px #a855f7, 0 0 24px #22d3ee; letter-spacing: 0.06em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-9{ font: 900 25px/1.35 Arial, sans-serif; color: #071326; background: linear-gradient(90deg, #cfff48, #38f2dd, #ff8a35); padding: 8px; border-radius: 7px; text-shadow: 1px 1px 0 rgba(255,255,255,.45); }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-10{ font: 900 29px/1.25 "Arial Black", Arial, sans-serif; color: #ffec99; text-shadow: 0 2px 0 #ef4444, 0 4px 0 #7c3aed, 0 0 20px #facc15; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-11{ font: 800 25px/1.35 "Lucida Console", monospace; color: #a7f3d0; text-shadow: 0 0 14px #10b981; letter-spacing: 0.12em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-12{ font: 900 31px/1.18 Impact, sans-serif; color: #fb7185; text-shadow: 3px 3px 0 #fef08a, 6px 6px 0 #38bdf8; text-transform: uppercase; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-13{ font: 800 27px/1.3 Tahoma, sans-serif; color: #7dd3fc; text-shadow: 0 0 8px #7dd3fc, 2px 2px 0 #1e1b4b; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-14{ font: 900 26px/1.35 "Trebuchet MS", sans-serif; color: #fde68a; text-shadow: 2px 2px 0 #16a34a, 4px 4px 0 #9333ea; letter-spacing: 0.1em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-15{ font: 900 29px/1.2 Arial, sans-serif; color: #dcfce7; -webkit-text-stroke: 1px #14532d; text-shadow: 0 0 16px #84cc16; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-16{ font: 900 28px/1.3 "Courier New", monospace; color: #fed7aa; text-shadow: 2px 2px 0 #0f766e, 4px 4px 0 #581c87; text-transform: lowercase; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-17{ font: 800 26px/1.35 Georgia, serif; color: #f0abfc; text-shadow: 0 0 16px #e879f9, 0 3px 0 #172554; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-18{ font: 900 29px/1.2 Impact, sans-serif; color: #99f6e4; text-shadow: 2px 3px 0 #fb923c, 5px 6px 0 #312e81; transform: rotate(-1deg); }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-19{ font: 900 25px/1.4 Verdana, sans-serif; color: #fff7ed; text-shadow: 0 0 10px #fb923c, 0 0 20px #22c55e; letter-spacing: 0.04em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-20{ font: 900 27px/1.3 "Arial Black", Arial, sans-serif; color: #cffafe; text-shadow: -2px -2px 0 #0e7490, 2px 2px 0 #ea580c; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-21{ font: 800 24px/1.45 "Lucida Console", monospace; color: #bef264; text-shadow: 0 0 12px #bef264; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-22{ font: 900 30px/1.2 "Comic Sans MS", sans-serif; color: #fdba74; text-shadow: 3px 3px 0 #4ade80, 6px 6px 0 #60a5fa; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-23{ font: 900 28px/1.25 Impact, sans-serif; color: transparent; background: linear-gradient(90deg, #cfff48, #38f2dd, #ff8a35, #c084fc); -webkit-background-clip: text; background-clip: text; text-shadow: none; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-24{ font: 900 26px/1.35 Arial, sans-serif; color: #fef3c7; text-shadow: 0 1px 0 #92400e, 0 3px 0 #7c2d12, 0 0 15px #f59e0b; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-25{ font: 800 26px/1.35 Tahoma, sans-serif; color: #e0f2fe; text-shadow: 0 0 8px #38bdf8, 3px 3px 0 #4c1d95; font-variant: small-caps; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-26{ font: 900 27px/1.3 "Trebuchet MS", sans-serif; color: #d9f99d; text-shadow: 2px 0 #15803d, 0 2px #15803d, 0 0 18px #a3e635; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-27{ font: 900 29px/1.25 Impact, sans-serif; color: #fca5a5; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #2563eb; text-transform: uppercase; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-28{ font: 800 25px/1.4 "Courier New", monospace; color: #f5d0fe; text-shadow: 0 0 15px #a855f7; letter-spacing: 0.16em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-29{ font: 900 28px/1.25 Arial, sans-serif; color: #ecfeff; text-shadow: 1px 1px 0 #06b6d4, 2px 2px 0 #84cc16, 3px 3px 0 #f97316; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-30{ font: 900 27px/1.32 Georgia, serif; color: #fde047; text-shadow: 0 0 12px #fde047, 2px 2px 0 #581c87; font-style: italic; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-31{ font: 900 30px/1.2 Impact, sans-serif; color: #86efac; -webkit-text-stroke: 1px #052e16; text-shadow: 4px 4px 0 #f97316; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-32{ font: 900 26px/1.35 Verdana, sans-serif; color: #fef9c3; text-shadow: -1px 0 #14b8a6, 1px 0 #14b8a6, 0 0 20px #c084fc; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-33{ font: 800 25px/1.4 Arial, sans-serif; color: #bae6fd; border-left: 4px solid #cfff48; padding-left: 10px; text-shadow: 0 0 13px #38bdf8; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-34{ font: 900 29px/1.25 "Arial Black", sans-serif; color: #fb923c; text-shadow: 3px 3px 0 #0f766e, 6px 6px 0 #111827; transform: skew(4deg); }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-35{ font: 800 26px/1.35 "Comic Sans MS", sans-serif; color: #ccfbf1; text-shadow: 2px 2px 0 #7e22ce, 0 0 18px #2dd4bf; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-36{ font: 900 27px/1.3 "Trebuchet MS", sans-serif; color: #fff; text-shadow: 0 0 8px #fff, 0 0 18px #a78bfa, 0 0 28px #22d3ee; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-37{ font: 900 25px/1.4 "Courier New", monospace; color: #fed7aa; text-shadow: 3px 0 0 #0891b2; text-transform: uppercase; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-38{ font: 900 30px/1.2 Impact, sans-serif; color: #fef08a; text-shadow: 2px 2px 0 #be123c, 4px 4px 0 #22c55e, 6px 6px 0 #2563eb; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-39{ font: 800 26px/1.35 Georgia, serif; color: #a5f3fc; text-shadow: 0 4px 0 rgba(15,23,42,.9), 0 0 18px #06b6d4; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-40{ font: 900 28px/1.3 Arial, sans-serif; color: #f0fdf4; text-shadow: 2px 2px 0 #65a30d, 4px 4px 0 #ea580c; letter-spacing: 0.06em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-41{ font: 900 27px/1.3 Verdana, sans-serif; color: #f5d0fe; -webkit-text-stroke: 1px #701a75; text-shadow: 0 0 18px #e879f9; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-42{ font: 900 29px/1.22 "Arial Black", Arial, sans-serif; color: #67e8f9; text-shadow: 3px 3px 0 #facc15, 6px 6px 0 #7c3aed; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-43{ font: 800 25px/1.4 Tahoma, sans-serif; color: #ffedd5; text-shadow: 0 0 12px #fb923c, -2px 2px 0 #0e7490; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-44{ font: 900 28px/1.25 Impact, sans-serif; color: #d9f99d; text-shadow: 0 0 10px #84cc16, 3px -3px 0 #581c87; text-transform: uppercase; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-45{ font: 900 26px/1.35 "Trebuchet MS", sans-serif; color: #fff7ed; text-shadow: 1px 1px 0 #0f172a, 3px 3px 0 #f97316, 5px 5px 0 #14b8a6; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-46{ font: 800 25px/1.4 "Lucida Console", monospace; color: #c4b5fd; text-shadow: 0 0 10px #8b5cf6, 0 0 24px #22d3ee; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-47{ font: 900 30px/1.2 Impact, sans-serif; color: #fde68a; -webkit-text-stroke: 1px #9a3412; text-shadow: 3px 3px 0 #22c55e; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-48{ font: 900 27px/1.32 Arial, sans-serif; color: #e0ffff; text-shadow: 0 0 8px #22d3ee, 2px 2px 0 #fb7185; letter-spacing: 0.03em; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-49{ font: 800 26px/1.35 Georgia, serif; color: #bbf7d0; text-shadow: 2px 2px 0 #14532d, 0 0 20px #86efac; font-style: italic; }.wpc-scope-314 .tc-wp-tool-root .sdfg-tool-wrap .sdfg-style-50{ font: 900 31px/1.2 "Arial Black", Impact, sans-serif; color: #fff; text-shadow: 2px 2px 0 #38f2dd, 4px 4px 0 #cfff48, 6px 6px 0 #ff8a35, 0 0 24px #a78bfa; text-transform: uppercase; }@keyframes sdfgFadeIn{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 1200px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 52px 24px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{ width: 100%; }.tc-wp-tool-root .sdfg-tool-wrap h1{ font-size: 46px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{ font-size: 17px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{ min-height: 136px; font-size: 28px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{ min-height: 38px; font-size: 14px; padding: 8px 15px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{ padding: 18px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{ font-size: inherit; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn{ min-height: 42px; font-size: 14px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 48px 22px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{ width: 100%; max-width: 1040px; }.tc-wp-tool-root .sdfg-tool-wrap h1{ font-size: 42px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{ font-size: 16px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{ min-height: 128px; font-size: 26px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{ min-height: 38px; font-size: 14px; padding: 8px 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{ padding: 17px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{ font-size: inherit; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn{ min-height: 42px; font-size: 14px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 42px 18px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{ width: 100%; max-width: 820px; }.tc-wp-tool-root .sdfg-tool-wrap h1{ font-size: 36px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{ font-size: 15px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{ min-height: 122px; font-size: 24px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{ min-height: 36px; font-size: 13px; padding: 8px 13px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{ padding: 16px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{ font-size: 24px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn{ min-height: 40px; font-size: 13px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 34px 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .sdfg-tool-wrap h1{ font-size: 31px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{ font-size: 14px; line-height: 1.55; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-input-card{ padding: 15px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{ min-height: 112px; font-size: 22px; padding: 15px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{ min-height: 35px; font-size: 13px; padding: 7px 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{ grid-template-columns: 1fr !important; gap: 15px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{ padding: 15px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{ font-size: 23px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn, .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn{ min-height: 40px; font-size: 13px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 30px 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .sdfg-tool-wrap h1{ font-size: 28px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{ font-size: 14px; line-height: 1.5; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-input-card{ padding: 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{ min-height: 108px; font-size: 21px; padding: 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{ min-height: 34px; font-size: 12px; padding: 7px 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{ grid-template-columns: 1fr !important; gap: 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{ padding: 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{ font-size: 22px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn, .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn{ min-height: 39px; font-size: 13px; }}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 26px 10px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .sdfg-tool-wrap h1{ font-size: 25px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-subtitle{ font-size: 13px; line-height: 1.48; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-kicker{ font-size: 11px; padding: 7px 10px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-input-card{ padding: 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-text-input{ min-height: 102px; font-size: 19px; padding: 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-clear-btn{ min-height: 33px; font-size: 12px; padding: 7px 11px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-grid{ grid-template-columns: 1fr !important; gap: 13px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card{ padding: 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-card-title{ font-size: 14px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-box{ padding: 12px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-preview-text{ font-size: 20px; }.tc-wp-tool-root .sdfg-tool-wrap .sdfg-copy-btn, .tc-wp-tool-root .sdfg-tool-wrap .sdfg-load-btn{ min-height: 38px; font-size: 12px; }}.wpc-scope-314 /* 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;
}