@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-264 .tc-wp-tool-root img, .wpc-scope-264 .tc-wp-tool-root video, .wpc-scope-264 .tc-wp-tool-root svg, .wpc-scope-264 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-tool-wrap, .wpc-scope-264 .tc-wp-tool-root .sdfg-tool-wrap *{
  box-sizing: border-box;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 34px 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #f8fff8;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 145, 42, 0.34), transparent 26%),
    radial-gradient(circle at 88% 16%, rgba(156, 73, 255, 0.4), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(122, 255, 58, 0.22), transparent 34%),
    linear-gradient(135deg, #061b2e 0%, #083d46 27%, #3c1d66 58%, #07142c 100%);
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-shell{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-hero{
  text-align: center;
  margin: 0 auto 24px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-kicker{
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 14px;
  border: 1px solid rgba(181, 255, 91, 0.42);
  border-radius: 999px;
  color: #bfff5c;
  background: rgba(4, 28, 38, 0.44);
  box-shadow: 0 0 24px rgba(125, 255, 65, 0.18);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-hero h1{
  margin: 0;
  color: #ffffff;
  font-size: 46px;
  line-height: 1.05;
  letter-spacing: 0;
  text-shadow: 0 5px 0 rgba(9, 31, 47, 0.75), 0 0 28px rgba(111, 255, 75, 0.28);
}.wpc-scope-264 .tc-wp-tool-root .sdfg-hero p{
  max-width: 720px;
  margin: 14px auto 0;
  color: rgba(245, 255, 247, 0.88);
  font-size: 17px;
  line-height: 1.6;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-control-panel{
  width: 100%;
  padding: 22px;
  border: 1px solid rgba(214, 255, 199, 0.2);
  border-radius: 18px;
  background: rgba(5, 25, 39, 0.58);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
}.wpc-scope-264 .tc-wp-tool-root .sdfg-input-label{
  display: block;
  margin: 0 0 10px;
  color: #d8ff83;
  font-size: 14px;
  font-weight: 800;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-input-row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: stretch;
  width: 100%;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-text-input{
  width: 100%;
  max-width: 100%;
  min-height: 118px;
  resize: vertical;
  border: 1px solid rgba(191, 255, 92, 0.34);
  border-radius: 16px;
  outline: none;
  padding: 18px 20px;
  color: #ffffff;
  background: rgba(2, 14, 29, 0.72);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  font: 700 22px/1.35 Arial, Helvetica, sans-serif;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-text-input::placeholder{
  color: rgba(255, 255, 255, 0.42);
}.wpc-scope-264 .tc-wp-tool-root .sdfg-text-input:focus{
  border-color: #aaff43;
  background: rgba(4, 22, 36, 0.86);
  box-shadow: 0 0 0 4px rgba(170, 255, 67, 0.14), 0 0 32px rgba(104, 255, 77, 0.24);
}.wpc-scope-264 .tc-wp-tool-root .sdfg-clear-btn, .wpc-scope-264 .tc-wp-tool-root .sdfg-load-btn, .wpc-scope-264 .tc-wp-tool-root .sdfg-copy-btn{
  appearance: none;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: 0;
  color: #081425;
  background: linear-gradient(135deg, #bfff4d, #35f6c5 48%, #ff9b38);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28), 0 0 22px rgba(119, 255, 71, 0.22);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, opacity 180ms ease;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-clear-btn{
  min-width: 126px;
  padding: 0 22px;
  font-size: 16px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-copy-btn{
  width: 100%;
  padding: 12px 15px;
  font-size: 14px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-load-btn{
  padding: 16px 24px;
  font-size: 16px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-clear-btn:hover, .wpc-scope-264 .tc-wp-tool-root .sdfg-load-btn:hover, .wpc-scope-264 .tc-wp-tool-root .sdfg-copy-btn:hover{
  transform: translateY(-2px);
  filter: saturate(1.12);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), 0 0 34px rgba(255, 151, 55, 0.28);
}.wpc-scope-264 .tc-wp-tool-root .sdfg-clear-btn:focus-visible, .wpc-scope-264 .tc-wp-tool-root .sdfg-load-btn:focus-visible, .wpc-scope-264 .tc-wp-tool-root .sdfg-copy-btn:focus-visible{
  outline: 3px solid rgba(255, 255, 255, 0.72);
  outline-offset: 3px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-load-btn:disabled{
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-status{
  min-height: 24px;
  margin: 12px 0;
  text-align: center;
  color: #d8ff83;
  font-size: 14px;
  font-weight: 800;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  gap: 18px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(230, 255, 229, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),
    rgba(4, 18, 34, 0.66);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  transition: transform 190ms ease, border-color 190ms ease, box-shadow 190ms ease;
  animation: sdfgFade 360ms ease both;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(190, 255, 80, 0.42);
  box-shadow: 0 26px 62px rgba(0, 0, 0, 0.36), 0 0 28px rgba(105, 255, 94, 0.14);
}.wpc-scope-264 .tc-wp-tool-root .sdfg-card-title{
  margin: 0 0 12px;
  color: #f6fff8;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-preview-box{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 180px;
  max-height: 180px;
  margin-bottom: 14px;
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid rgba(183, 255, 93, 0.18);
  border-radius: 15px;
  background:
    radial-gradient(circle at 22% 18%, rgba(163, 255, 72, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(3, 16, 31, 0.92), rgba(28, 16, 58, 0.86));
}.wpc-scope-264 .tc-wp-tool-root .sdfg-preview-text{
  display: block;
  width: 100%;
  max-width: 100%;
  color: #fff;
  text-align: center;
  line-height: 1.16;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-preview-box::-webkit-scrollbar{
  width: 9px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-preview-box::-webkit-scrollbar-track{
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-preview-box::-webkit-scrollbar-thumb{
  background: linear-gradient(#bfff4d, #36f4c5, #ff9a38);
  border-radius: 999px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-load-wrap{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 26px;
}.wpc-scope-264 .tc-wp-tool-root .sdfg-hide{
  display: none;
}@keyframes sdfgFade{
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}.wpc-scope-264 .tc-wp-tool-root .sdfg-style-1{ font-family: Impact, Haettenschweiler, "Arial Black", sans-serif; font-weight: 900; color: #16e7c8; -webkit-text-stroke: 1px #ff8d2b; text-shadow: 3px 4px 0 #40206a, 0 0 18px #8aff43; text-transform: uppercase; letter-spacing: 1px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-2{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight: 900; color: #bfff42; text-shadow: 0 0 12px #79ff4b, 4px 4px 0 #062a33; transform: rotate(-1deg); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-3{ font-family: Georgia, serif; font-weight: 800; color: #eefaff; -webkit-text-stroke: 1px #7b48ff; text-shadow: 0 0 10px #d7c8ff, 0 0 24px #8c6cff; font-style: italic; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-4{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #ff9138; text-shadow: 4px 4px 0 #1e0f3c, -2px -2px 0 #aaff45; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-5{ font-family: Verdana, Geneva, sans-serif; font-weight: 900; color: #74ffd6; text-shadow: 3px 3px 0 #572c91, 6px 6px 0 #10233d; letter-spacing: 2px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-6{ font-family: Impact, "Arial Black", sans-serif; font-weight: 900; color: transparent; background: linear-gradient(180deg, #fff16a, #5eff6d 42%, #13d8bd 76%, #513191); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 1px rgba(255,255,255,0.55); text-shadow: 0 8px 0 rgba(0,0,0,0.36); text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-7{ font-family: "Courier New", monospace; font-weight: 900; color: #d8ff83; text-shadow: 2px 0 0 #ff7938, -2px 0 0 #16d9c1, 0 0 18px #abff3f; letter-spacing: 1px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-8{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #ffffff; -webkit-text-stroke: 2px #123b4a; text-shadow: 0 5px 0 #6bff43, 0 9px 0 #ff9138; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-9{ font-family: Garamond, Georgia, serif; font-weight: 900; color: #cdb8ff; text-shadow: 0 0 14px #b28bff, 3px 3px 0 #071526; letter-spacing: 1px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-10{ font-family: Tahoma, Arial, sans-serif; font-weight: 900; color: #5cff65; -webkit-text-stroke: 1px #061321; text-shadow: 0 7px 0 #0c5b49, 0 0 20px #1eff9a; transform: skew(-5deg); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-11{ font-family: Impact, sans-serif; font-weight: 900; color: #ffca3a; -webkit-text-stroke: 1px #492071; text-shadow: 3px 3px 0 #17d5c0, 6px 6px 0 #10162e; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-12{ font-family: "Lucida Console", Monaco, monospace; font-weight: 900; color: #95ffe6; text-shadow: 0 0 8px #95ffe6, 0 0 22px #3aefca; letter-spacing: 2px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-13{ font-family: Georgia, serif; font-weight: 900; color: #33204d; -webkit-text-stroke: 1px #c6ff48; text-shadow: 3px 3px 0 #ff8b38, 0 0 20px #c6ff48; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-14{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight: 900; color: #ff6fba; text-shadow: 2px 3px 0 #092436, 0 0 18px #ff9ed8; text-transform: lowercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-15{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #91ff3f; text-shadow: 1px 1px 0 #0d2436, 2px 2px 0 #0d2436, 3px 3px 0 #ff8d34, 0 0 16px #91ff3f; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-16{ font-family: Verdana, sans-serif; font-weight: 900; color: #f7f3ff; -webkit-text-stroke: 1px #3b2267; text-shadow: 0 0 20px #ffffff, 0 0 34px #7f59ff; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-17{ font-family: Impact, sans-serif; font-weight: 900; color: transparent; background: linear-gradient(90deg, #13d1c3, #a9ff45, #ff8f2f, #7b50ff); -webkit-background-clip: text; background-clip: text; text-shadow: 0 4px 0 rgba(0,0,0,0.48); letter-spacing: 2px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-18{ font-family: "Comic Sans MS", "Trebuchet MS", cursive; font-weight: 900; color: #fff2a6; -webkit-text-stroke: 1px #083541; text-shadow: 4px 5px 0 #39d0bb; transform: rotate(1deg); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-19{ font-family: Palatino, Georgia, serif; font-weight: 900; color: #b08cff; text-shadow: 0 4px 0 #07182a, 0 0 26px #c2a9ff; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-20{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #ff9d38; -webkit-text-stroke: 1px #121a2c; text-shadow: 0 -3px 0 #fff06b, 4px 5px 0 #592b86; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-21{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #4dffd2; text-shadow: 0 5px 0 #0c2743, 0 9px 12px #03101f; letter-spacing: 3px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-22{ font-family: Impact, sans-serif; font-weight: 900; color: #d9ff50; -webkit-text-stroke: 2px #5b2e92; text-shadow: 5px 5px 0 #ff7d37; text-transform: uppercase; transform: skew(4deg); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-23{ font-family: "Courier New", monospace; font-weight: 900; color: #58ff71; text-shadow: 0 0 6px #58ff71, 2px 3px 0 #331d55; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-24{ font-family: Georgia, serif; font-weight: 900; color: #123349; -webkit-text-stroke: 1px #7dff45; text-shadow: 3px 3px 0 #e5ff74, 6px 6px 0 #ff8b38; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-25{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #faf7ff; text-shadow: 0 0 10px #fffbff, 0 0 28px #33e6ca, 3px 3px 0 #592581; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-26{ font-family: Impact, sans-serif; font-weight: 900; color: #83ff4d; text-shadow: 0 6px 0 #04433d, 0 11px 0 #082035, 0 0 18px #83ff4d; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-27{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight: 900; color: #ffbe45; text-shadow: -3px 3px 0 #15c8bb, 3px -3px 0 #7c49ff, 0 0 16px #ffbe45; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-28{ font-family: Verdana, sans-serif; font-weight: 900; color: transparent; background: linear-gradient(180deg, #ffffff 0%, #b9ffef 48%, #8d73ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 1px #291b4e; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-29{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #6af8ff; -webkit-text-stroke: 1px #082333; text-shadow: 4px 0 0 #bbff43, 8px 0 0 #ff9138; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-30{ font-family: Garamond, Georgia, serif; font-weight: 900; color: #efe1ff; text-shadow: 0 5px 0 #3f226b, 0 0 28px #c493ff; font-style: italic; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-31{ font-family: Tahoma, Arial, sans-serif; font-weight: 900; color: #caff4f; text-shadow: 3px 4px 0 #24404c, 0 0 14px #ff8b38; letter-spacing: 1px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-32{ font-family: Impact, sans-serif; font-weight: 900; color: #ff7f35; -webkit-text-stroke: 2px #ffe75c; text-shadow: 4px 4px 0 #27164e, 0 0 18px #ff7f35; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-33{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #24f2bf; text-shadow: 3px 3px 0 #ffda47, 6px 6px 0 #59308e; transform: rotate(-2deg); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-34{ font-family: "Lucida Console", monospace; font-weight: 900; color: #fffbf0; text-shadow: 0 0 7px #fff, 0 0 22px #bfff45, 2px 2px 0 #0a2034; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-35{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #875cff; -webkit-text-stroke: 1px #bfff43; text-shadow: 4px 4px 0 #071a2c; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-36{ font-family: Georgia, serif; font-weight: 900; color: #72ff55; text-shadow: 2px 2px 0 #061c2a, 4px 4px 0 #156f64, 0 0 20px #72ff55; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-37{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight: 900; color: #ff5fa9; -webkit-text-stroke: 1px #ffffff; text-shadow: 0 5px 0 #442071, 0 0 22px #ff5fa9; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-38{ font-family: Impact, sans-serif; font-weight: 900; color: transparent; background: repeating-linear-gradient(45deg, #bfff45 0 12px, #24dec8 12px 24px, #ff9138 24px 36px, #8558ff 36px 48px); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 1px rgba(255,255,255,0.72); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-39{ font-family: "Courier New", monospace; font-weight: 900; color: #e9ffb3; text-shadow: 3px 3px 0 #0a2c2f, 6px 6px 0 #4a2a76; letter-spacing: 2px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-40{ font-family: Verdana, sans-serif; font-weight: 900; color: #16dfc4; -webkit-text-stroke: 1px #ffb13d; text-shadow: 0 6px 0 #09243d, 0 0 24px #16dfc4; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-41{ font-family: Impact, sans-serif; font-weight: 900; color: #ffffff; -webkit-text-stroke: 2px #10283c; text-shadow: 3px 3px 0 #bfff42, 6px 6px 0 #ff8734, 9px 9px 0 #6e49d8; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-42{ font-family: Palatino, Georgia, serif; font-weight: 900; color: #c5ffee; text-shadow: 0 0 10px #6fffe2, 0 8px 0 #15223d; font-style: italic; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-43{ font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: 900; color: #14253b; -webkit-text-stroke: 1px #f3ff69; text-shadow: 2px 2px 0 #40ecc9, 5px 5px 0 #ff8a33; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-44{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #bfff44; text-shadow: -2px -2px 0 #54308c, 2px 2px 0 #ff8e34, 0 0 22px #bfff44; transform: rotate(1deg); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-45{ font-family: "Trebuchet MS", sans-serif; font-weight: 900; color: #dabdff; -webkit-text-stroke: 1px #1b102f; text-shadow: 0 7px 0 #3a2563, 0 0 20px #dabdff; letter-spacing: 1px; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-46{ font-family: Impact, sans-serif; font-weight: 900; color: #ffef57; text-shadow: 3px 0 0 #17d7c4, -3px 0 0 #9b5cff, 0 6px 0 #091b2d; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-47{ font-family: "Comic Sans MS", cursive; font-weight: 900; color: #8cff52; text-shadow: 2px 4px 0 #063e39, 5px 7px 0 #ff9338; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-48{ font-family: Garamond, Georgia, serif; font-weight: 900; color: transparent; background: linear-gradient(180deg, #f9fff2, #c0ff6a 35%, #28e1c4 70%, #6b43cf); -webkit-background-clip: text; background-clip: text; text-shadow: 0 4px 0 rgba(0,0,0,0.35); }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-49{ font-family: Tahoma, Arial, sans-serif; font-weight: 900; color: #ff9341; -webkit-text-stroke: 1px #081b2e; text-shadow: 0 0 13px #ff9341, 4px 4px 0 #5d3293; text-transform: uppercase; }.wpc-scope-264 .tc-wp-tool-root .sdfg-style-50{ font-family: "Arial Black", Arial, sans-serif; font-weight: 900; color: #58ffd0; -webkit-text-stroke: 1px #f9ff8a; text-shadow: 0 5px 0 #351d61, 0 10px 0 #07192c, 0 0 24px #58ffd0; letter-spacing: 1px; }@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 22px 10px; }.tc-wp-tool-root .sdfg-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .sdfg-hero h1{ font-size: 30px; }.tc-wp-tool-root .sdfg-hero p{ font-size: 14px; }.tc-wp-tool-root .sdfg-control-panel{ padding: 14px; }.tc-wp-tool-root .sdfg-input-row{ grid-template-columns: 1fr; gap: 10px; }.tc-wp-tool-root .sdfg-text-input{ min-height: 104px; padding: 14px; font-size: 17px; }.tc-wp-tool-root .sdfg-clear-btn, .tc-wp-tool-root .sdfg-load-btn{ width: 100%; min-height: 48px; padding: 13px 15px; font-size: 14px; }.tc-wp-tool-root .sdfg-grid{ grid-template-columns: 1fr !important; gap: 14px; }.tc-wp-tool-root .sdfg-card{ padding: 13px; }.tc-wp-tool-root .sdfg-preview-text{ font-size: 25px; }.tc-wp-tool-root .sdfg-preview-box{ padding: 12px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 24px 12px; }.tc-wp-tool-root .sdfg-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .sdfg-hero h1{ font-size: 33px; }.tc-wp-tool-root .sdfg-hero p{ font-size: 15px; }.tc-wp-tool-root .sdfg-control-panel{ padding: 15px; }.tc-wp-tool-root .sdfg-input-row{ grid-template-columns: 1fr; gap: 11px; }.tc-wp-tool-root .sdfg-text-input{ min-height: 108px; padding: 15px; font-size: 18px; }.tc-wp-tool-root .sdfg-clear-btn, .tc-wp-tool-root .sdfg-load-btn{ width: 100%; min-height: 50px; padding: 14px 16px; font-size: 15px; }.tc-wp-tool-root .sdfg-grid{ grid-template-columns: 1fr !important; gap: 15px; }.tc-wp-tool-root .sdfg-card{ padding: 14px; }.tc-wp-tool-root .sdfg-preview-text{ font-size: 27px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 28px 14px; }.tc-wp-tool-root .sdfg-shell{ width: 100%; max-width: 100%; }.tc-wp-tool-root .sdfg-hero h1{ font-size: 36px; }.tc-wp-tool-root .sdfg-hero p{ font-size: 15px; }.tc-wp-tool-root .sdfg-control-panel{ padding: 17px; }.tc-wp-tool-root .sdfg-input-row{ grid-template-columns: 1fr; gap: 12px; }.tc-wp-tool-root .sdfg-text-input{ min-height: 112px; padding: 16px; font-size: 19px; }.tc-wp-tool-root .sdfg-clear-btn, .tc-wp-tool-root .sdfg-load-btn{ width: 100%; min-height: 52px; padding: 14px 18px; font-size: 15px; }.tc-wp-tool-root .sdfg-grid{ grid-template-columns: 1fr !important; gap: 16px; }.tc-wp-tool-root .sdfg-card{ padding: 16px; }.tc-wp-tool-root .sdfg-preview-text{ font-size: 30px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 34px 18px; }.tc-wp-tool-root .sdfg-shell{ width: 96%; max-width: 960px; }.tc-wp-tool-root .sdfg-hero h1{ font-size: 42px; }.tc-wp-tool-root .sdfg-hero p{ font-size: 16px; }.tc-wp-tool-root .sdfg-text-input{ min-height: 116px; padding: 17px; font-size: 21px; }.tc-wp-tool-root .sdfg-clear-btn, .tc-wp-tool-root .sdfg-load-btn{ min-height: 54px; padding: 15px 21px; font-size: 15px; }.tc-wp-tool-root .sdfg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }.tc-wp-tool-root .sdfg-card{ padding: 17px; }.tc-wp-tool-root .sdfg-preview-text{ font-size: 31px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 40px 22px; }.tc-wp-tool-root .sdfg-shell{ width: 96%; max-width: 1120px; }.tc-wp-tool-root .sdfg-hero h1{ font-size: 46px; }.tc-wp-tool-root .sdfg-hero p{ font-size: 17px; }.tc-wp-tool-root .sdfg-text-input{ min-height: 118px; padding: 18px 20px; font-size: 22px; }.tc-wp-tool-root .sdfg-clear-btn, .tc-wp-tool-root .sdfg-load-btn{ min-height: 56px; padding: 15px 23px; font-size: 16px; }.tc-wp-tool-root .sdfg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.tc-wp-tool-root .sdfg-card{ padding: 18px; }.tc-wp-tool-root .sdfg-preview-text{ font-size: 30px; }}@media (min-width: 1200px){.tc-wp-tool-root .sdfg-tool-wrap{ padding: 48px 24px; }.tc-wp-tool-root .sdfg-shell{ width: 100%; max-width: 1200px; }.tc-wp-tool-root .sdfg-hero h1{ font-size: 52px; }.tc-wp-tool-root .sdfg-hero p{ font-size: 18px; }.tc-wp-tool-root .sdfg-text-input{ min-height: 122px; padding: 20px 22px; font-size: 23px; }.tc-wp-tool-root .sdfg-clear-btn, .tc-wp-tool-root .sdfg-load-btn{ min-height: 58px; padding: 16px 24px; font-size: 16px; }.tc-wp-tool-root .sdfg-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }.tc-wp-tool-root .sdfg-card{ padding: 19px; }.tc-wp-tool-root .sdfg-preview-text{ font-size: 31px; }}.wpc-scope-264 /* 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;
}