@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-361 .tc-wp-tool-root img, .wpc-scope-361 .tc-wp-tool-root video, .wpc-scope-361 .tc-wp-tool-root svg, .wpc-scope-361 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  isolation: isolate;
  font-family: Arial, Helvetica, sans-serif;
  color: #172033;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-shell, .wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-shell *, .wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-shell *::before, .wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-shell *::after{
  box-sizing: border-box;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-shell{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.62) 0 9%, transparent 10%),
    radial-gradient(circle at 86% 12%, rgba(255, 230, 109, 0.72) 0 7%, transparent 8%),
    radial-gradient(circle at 78% 88%, rgba(83, 211, 255, 0.38) 0 10%, transparent 11%),
    linear-gradient(135deg, #ff5f9e 0%, #ffd65a 32%, #50d6ff 67%, #7b61ff 100%);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-container{
  width: min(100%, 1200px);
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-head{
  text-align: center;
  margin: 0 auto;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-title{
  margin: 0;
  color: #10192d;
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: 0;
  text-wrap: balance;
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.42), 0 18px 38px rgba(19, 25, 45, 0.2);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{
  max-width: 780px;
  margin: 16px auto 0;
  color: rgba(16, 25, 45, 0.86);
  font-weight: 700;
  line-height: 1.55;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{
  margin: 34px auto 0;
  width: min(100%, 920px);
  border: 1px solid rgba(255, 255, 255, 0.62);
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(27, 31, 59, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.68);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-label{
  display: block;
  margin: 0 0 10px;
  color: #16213a;
  font-weight: 900;
  line-height: 1.2;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-input{
  display: block;
  width: 100%;
  max-width: 100%;
  resize: vertical;
  border: 2px solid rgba(255, 255, 255, 0.78);
  border-radius: 18px;
  outline: none;
  background: rgba(255, 255, 255, 0.74);
  color: #121a2c;
  font-family: "Comic Sans MS", "Comic Sans", "Trebuchet MS", Arial, sans-serif;
  font-weight: 800;
  line-height: 1.45;
  box-shadow: inset 0 2px 14px rgba(20, 30, 58, 0.08), 0 14px 34px rgba(59, 44, 119, 0.14);
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-input:focus{
  border-color: rgba(123, 97, 255, 0.95);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 0 0 5px rgba(123, 97, 255, 0.18), inset 0 2px 14px rgba(20, 30, 58, 0.06), 0 18px 42px rgba(31, 41, 80, 0.18);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-clear-row, .wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-load-row{
  display: flex;
  justify-content: center;
  align-items: center;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-clear-row{
  margin-top: 14px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-load-row{
  margin-top: 28px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-btn{
  appearance: none;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  color: #ffffff;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #171f39, #5d38ff 52%, #ff3f8f);
  box-shadow: 0 12px 28px rgba(38, 28, 92, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.26);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-btn:hover{
  transform: translateY(-2px);
  filter: saturate(1.08);
  box-shadow: 0 18px 38px rgba(38, 28, 92, 0.32), 0 0 24px rgba(255, 255, 255, 0.35);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-btn:active{
  transform: translateY(0);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-btn:disabled{
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.26));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 44px rgba(26, 34, 70, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.74);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  animation: csfgFadeUp 260ms ease both;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card:hover{
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.82);
  box-shadow: 0 26px 58px rgba(26, 34, 70, 0.24), 0 0 26px rgba(255, 255, 255, 0.3);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card-title{
  margin: 0 0 12px;
  color: #13203a;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-preview{
  width: 100%;
  max-width: 100%;
  min-height: 118px;
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  box-shadow: inset 0 1px 12px rgba(10, 19, 40, 0.08);
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-preview::-webkit-scrollbar{
  width: 10px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-preview::-webkit-scrollbar-track{
  background: rgba(255, 255, 255, 0.32);
  border-radius: 999px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-preview::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #ff4b94, #7865ff, #37cfff);
  border: 2px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card-actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-copy-btn{
  min-width: 92px;
}.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s1 .csfg-preview{ background: #fff3fb; color: #28152d; text-shadow: 1px 1px 0 #ffd15d; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s2 .csfg-preview{ background: #ecfbff; color: #08354a; letter-spacing: 0.04em; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s3 .csfg-preview{ background: #fff9df; color: #2e2506; text-transform: uppercase; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s4 .csfg-preview{ background: #f2edff; color: #24124f; text-shadow: 0 2px 0 rgba(255,255,255,.75); }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s5 .csfg-preview{ background: #172033; color: #ffffff; text-shadow: 2px 2px 0 #ff4b94; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s6 .csfg-preview{ background: #fff; color: #111827; border-style: dashed; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s7 .csfg-preview{ background: linear-gradient(135deg,#ffe5ef,#e4fbff); color: #602351; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s8 .csfg-preview{ background: #eaffef; color: #12432a; letter-spacing: 0.08em; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s9 .csfg-preview{ background: #fff1d8; color: #6b2e00; font-style: italic; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s10 .csfg-preview{ background: #efe7ff; color: #31146c; text-decoration: underline wavy #ff4b94; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s11 .csfg-preview{ background: #10192d; color: #ffe66d; text-shadow: 0 0 10px rgba(255,230,109,.7); }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s12 .csfg-preview{ background: #fff7fb; color: #19314d; border-color: rgba(255,75,148,.45); }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s13 .csfg-preview{ background: #e9f8ff; color: #0a4762; text-transform: lowercase; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s14 .csfg-preview{ background: #fffbe8; color: #111827; font-weight: 900; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s15 .csfg-preview{ background: #f6ecff; color: #5b1c7b; letter-spacing: 0.12em; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s16 .csfg-preview{ background: #eafffa; color: #00463e; text-shadow: 1px 1px 0 #9fffe8; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s17 .csfg-preview{ background: #fff0f0; color: #6e1629; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s18 .csfg-preview{ background: #f0f7ff; color: #172033; text-shadow: -1px 0 #ff4b94, 1px 0 #37cfff; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s19 .csfg-preview{ background: #1d1734; color: #fefefe; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s20 .csfg-preview{ background: #fff; color: #1e293b; border: 2px dotted #7b61ff; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s21 .csfg-preview{ background: #fff8cc; color: #493600; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s22 .csfg-preview{ background: #ffeafa; color: #7b164e; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s23 .csfg-preview{ background: #e8fff7; color: #064e3b; text-transform: capitalize; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s24 .csfg-preview{ background: #eef2ff; color: #312e81; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s25 .csfg-preview{ background: #fff4e6; color: #7c2d12; text-shadow: 1px 2px 0 #ffd65a; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s26 .csfg-preview{ background: #fdf2f8; color: #831843; letter-spacing: 0.06em; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s27 .csfg-preview{ background: #ecfeff; color: #164e63; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s28 .csfg-preview{ background: #f7fee7; color: #365314; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s29 .csfg-preview{ background: #faf5ff; color: #581c87; text-shadow: 0 0 12px rgba(168,85,247,.35); }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s30 .csfg-preview{ background: #fff7ed; color: #431407; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s31 .csfg-preview{ background: #0f172a; color: #bfdbfe; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s32 .csfg-preview{ background: #f0fdfa; color: #115e59; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s33 .csfg-preview{ background: #fff1f2; color: #881337; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s34 .csfg-preview{ background: #fefce8; color: #713f12; border-style: double; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s35 .csfg-preview{ background: #eff6ff; color: #1e3a8a; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s36 .csfg-preview{ background: #f5f3ff; color: #4c1d95; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s37 .csfg-preview{ background: #fff; color: #111827; box-shadow: inset 0 0 0 3px rgba(255,75,148,.25); }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s38 .csfg-preview{ background: #ecfccb; color: #3f6212; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s39 .csfg-preview{ background: #fef2f2; color: #7f1d1d; text-transform: uppercase; letter-spacing: 0.08em; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s40 .csfg-preview{ background: #e0f2fe; color: #0c4a6e; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s41 .csfg-preview{ background: #fae8ff; color: #701a75; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s42 .csfg-preview{ background: #fef9c3; color: #422006; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s43 .csfg-preview{ background: #dcfce7; color: #14532d; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s44 .csfg-preview{ background: #ffe4e6; color: #9f1239; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s45 .csfg-preview{ background: #dbeafe; color: #1e40af; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s46 .csfg-preview{ background: #ede9fe; color: #5b21b6; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s47 .csfg-preview{ background: #fffbeb; color: #92400e; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s48 .csfg-preview{ background: #f8fafc; color: #0f172a; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s49 .csfg-preview{ background: #ccfbf1; color: #134e4a; }.wpc-scope-361 .tc-wp-tool-root .csfg-tool-wrap .csfg-card.s50 .csfg-preview{ background: #111827; color: #f9fafb; text-shadow: 0 0 8px rgba(80,214,255,.8); }@keyframes csfgFadeUp{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 1200px){.tc-wp-tool-root .csfg-tool-wrap .csfg-shell{ padding: 72px 32px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-container{ width: min(100%, 1200px); }.tc-wp-tool-root .csfg-tool-wrap .csfg-title{ font-size: 54px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{ font-size: 19px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{ padding: 28px; border-radius: 28px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-label{ font-size: 15px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input{ min-height: 150px; padding: 20px; font-size: 24px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-btn{ padding: 14px 24px; font-size: 15px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 34px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card{ padding: 22px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card-title{ font-size: 16px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-preview{ padding: 18px; font-size: 22px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .csfg-tool-wrap .csfg-shell{ padding: 64px 28px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-container{ width: min(100%, 1120px); }.tc-wp-tool-root .csfg-tool-wrap .csfg-title{ font-size: 46px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{ font-size: 18px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{ padding: 26px; border-radius: 26px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input{ min-height: 142px; padding: 19px; font-size: 23px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-btn{ padding: 13px 23px; font-size: 15px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 32px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card{ padding: 21px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-preview{ padding: 17px; font-size: 21px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .csfg-tool-wrap .csfg-shell{ padding: 56px 24px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-container{ width: min(100%, 940px); }.tc-wp-tool-root .csfg-tool-wrap .csfg-title{ font-size: 38px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{ font-size: 17px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{ padding: 24px; border-radius: 24px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input{ min-height: 136px; padding: 18px; font-size: 22px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-btn{ padding: 13px 22px; font-size: 14px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 30px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card{ width: 100%; max-width: 100%; padding: 20px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-preview{ padding: 16px; font-size: 20px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .csfg-tool-wrap .csfg-shell{ padding: 44px 16px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-container{ width: 100%; }.tc-wp-tool-root .csfg-tool-wrap .csfg-title{ font-size: 31px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{ font-size: 16px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{ padding: 18px; border-radius: 22px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input{ min-height: 126px; padding: 16px; font-size: 20px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-btn{ padding: 12px 20px; font-size: 14px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-grid{ grid-template-columns: 1fr !important; gap: 16px; margin-top: 26px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card{ width: 100%; max-width: 100%; padding: 18px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-preview{ padding: 15px; font-size: 19px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .csfg-tool-wrap .csfg-shell{ padding: 40px 14px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-container{ width: 100%; }.tc-wp-tool-root .csfg-tool-wrap .csfg-title{ font-size: 28px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{ font-size: 15px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{ padding: 16px; border-radius: 20px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input{ min-height: 120px; padding: 15px; font-size: 19px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-btn{ padding: 12px 19px; font-size: 14px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-grid{ grid-template-columns: 1fr !important; gap: 15px; margin-top: 24px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card{ width: 100%; max-width: 100%; padding: 16px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-preview{ padding: 14px; font-size: 18px; }}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .csfg-tool-wrap .csfg-shell{ padding: 36px 12px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-container{ width: 100%; }.tc-wp-tool-root .csfg-tool-wrap .csfg-title{ font-size: 24px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-subtitle{ font-size: 14px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input-panel{ padding: 14px; border-radius: 18px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-input{ min-height: 112px; padding: 14px; font-size: 18px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-btn{ padding: 11px 18px; font-size: 13px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-grid{ grid-template-columns: 1fr !important; gap: 14px; margin-top: 22px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-card{ width: 100%; max-width: 100%; padding: 14px; }.tc-wp-tool-root .csfg-tool-wrap .csfg-preview{ padding: 13px; font-size: 17px; }}@media (prefers-reduced-motion: reduce){.tc-wp-tool-root .csfg-tool-wrap .csfg-card, .tc-wp-tool-root .csfg-tool-wrap .csfg-btn, .tc-wp-tool-root .csfg-tool-wrap .csfg-input{
    animation: none;
    transition: none;
  }.tc-wp-tool-root .csfg-tool-wrap .csfg-card:hover, .tc-wp-tool-root .csfg-tool-wrap .csfg-btn:hover{
    transform: none;
  }}.wpc-scope-361 .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;
}.wpc-scope-361 .tc-wp-tool-root .csfg-clear-btn{}.wpc-scope-361 .tc-wp-tool-root .csfg-load-btn{}