@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-586 .tc-wp-tool-root img, .wpc-scope-586 .tc-wp-tool-root video, .wpc-scope-586 .tc-wp-tool-root svg, .wpc-scope-586 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  color: #f8f5e9;
  background:
    radial-gradient(circle at 50% 0%, rgba(246, 197, 64, 0.18), transparent 34%),
    radial-gradient(circle at 18% 18%, rgba(108, 88, 30, 0.24), transparent 28%),
    linear-gradient(135deg, #050506 0%, #111317 44%, #070708 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{
  width: min(100%, 1200px);
  margin: 0 auto;
  box-sizing: border-box;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head{
  text-align: center;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-tool-kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  padding: 7px 14px;
  border: 1px solid rgba(246, 199, 67, 0.38);
  border-radius: 999px;
  color: #ffd866;
  background: rgba(255, 216, 102, 0.08);
  box-shadow: 0 0 26px rgba(255, 205, 72, 0.12);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap h1{
  margin: 0;
  color: #fff7d1;
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 0 0 22px rgba(255, 198, 48, 0.25), 0 5px 28px rgba(0, 0, 0, 0.7);
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{
  margin: 14px auto 0;
  max-width: 720px;
  color: #d9d2bd;
  line-height: 1.6;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{
  margin: 32px auto 0;
  border: 1px solid rgba(255, 218, 105, 0.2);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028)),
    rgba(13, 14, 16, 0.72);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  box-sizing: border-box;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-input-label{
  display: block;
  margin-bottom: 10px;
  color: #f7d874;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 132px;
  resize: vertical;
  box-sizing: border-box;
  border: 1px solid rgba(255, 222, 112, 0.22);
  border-radius: 14px;
  outline: none;
  background: rgba(0, 0, 0, 0.42);
  color: #fff9df;
  line-height: 1.55;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-font-input:focus{
  border-color: rgba(255, 213, 74, 0.72);
  background: rgba(0, 0, 0, 0.56);
  box-shadow: 0 0 0 4px rgba(255, 204, 51, 0.12), 0 0 34px rgba(255, 204, 51, 0.18);
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-clear-row, .wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-load-row{
  display: flex;
  justify-content: center;
  align-items: center;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-clear-row{
  margin-top: 14px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-load-row{
  margin-top: 28px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-btn{
  appearance: none;
  border: 1px solid rgba(255, 214, 88, 0.42);
  border-radius: 999px;
  cursor: pointer;
  color: #15110a;
  background: linear-gradient(135deg, #ffe27a, #c99322);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  box-shadow: 0 12px 26px rgba(201, 147, 34, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, opacity 180ms ease;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 16px 34px rgba(255, 198, 48, 0.24), 0 0 24px rgba(255, 198, 48, 0.15);
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-btn:active{
  transform: translateY(0);
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-btn:disabled{
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-preview-section{
  margin-top: 34px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{
  display: grid;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(255, 217, 93, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.022)),
    rgba(12, 13, 15, 0.82);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.065);
  overflow: hidden;
  animation: btm-card-fade 340ms ease both;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-font-card:hover{
  transform: translateY(-5px);
  border-color: rgba(255, 215, 88, 0.42);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.48), 0 0 28px rgba(255, 205, 56, 0.12);
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{
  min-width: 0;
  color: #ffdf73;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-copy-btn{
  flex: 0 0 auto;
  padding: 10px 15px;
  font-size: 13px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{
  max-height: 180px;
  min-height: 112px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(255, 221, 102, 0.12);
  border-radius: 13px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 207, 61, 0.08), transparent 42%),
    rgba(0, 0, 0, 0.36);
  color: #fff7d4;
  line-height: 1.35;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box::-webkit-scrollbar{
  width: 9px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box::-webkit-scrollbar-track{
  background: rgba(255, 255, 255, 0.035);
  border-radius: 999px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box::-webkit-scrollbar-thumb{
  background: linear-gradient(#ffe174, #9d741d);
  border-radius: 999px;
}.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-dark-knight{ font-weight: 950; text-transform: uppercase; text-shadow: 0 0 16px rgba(255, 210, 61, 0.3); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-gotham-shadow{ color: #f1f1f1; text-shadow: 3px 3px 0 #000, 0 0 16px rgba(255, 214, 77, 0.28); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-bat-signal{ color: #ffe27a; text-shadow: 0 0 8px #ffe27a, 0 0 22px rgba(255, 210, 54, 0.65); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-vigilante-bold{ font-weight: 950; letter-spacing: 1px; color: #ffffff; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-arkham-noir{ color: #d8d8d8; font-family: Georgia, serif; font-style: italic; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-wayne-tech{ color: #bfe8ff; font-family: "Courier New", monospace; text-shadow: 0 0 12px rgba(90, 190, 255, 0.34); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-cave-glow{ color: #ffd96a; text-shadow: 0 0 18px rgba(255, 217, 106, 0.58); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-joker-clash{ color: #e8ff7c; text-shadow: 2px 0 #b336ff, -2px 0 #ff3355; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-knightfall{ color: #ffe9a3; transform: skew(-5deg); display: block; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-detective-mode{ color: #87e5ff; text-shadow: 0 0 13px rgba(65, 203, 255, 0.5); font-family: "Courier New", monospace; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-bruce-script{ font-family: Georgia, serif; font-style: italic; color: #f6e7bf; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-rooftop-gold{ color: #ffc83d; text-shadow: 0 4px 0 rgba(0, 0, 0, 0.55); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-bane-crush{ font-weight: 950; color: #f7f7f7; letter-spacing: 2px; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-riddler-code{ color: #86ff7a; font-family: "Courier New", monospace; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-gothic-belfry{ font-family: Georgia, serif; color: #fff0bd; text-shadow: 0 0 10px rgba(255, 222, 126, 0.32); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-blackgate{ color: #c9c9c9; text-transform: uppercase; letter-spacing: 2px; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-catwoman{ color: #e7d9ff; font-style: italic; text-shadow: 0 0 12px rgba(188, 142, 255, 0.42); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-signal-flare{ color: #fffbe3; text-shadow: 0 0 7px #fff1a8, 0 0 24px #e3a922; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-crime-scene{ color: #ffe06b; font-family: "Courier New", monospace; text-transform: uppercase; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-gotham-rain{ color: #d7e7f1; text-shadow: 0 2px 0 rgba(120, 170, 190, 0.22); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-night-patrol{ color: #f8f8f8; text-shadow: 0 0 4px #111, 0 0 18px rgba(255, 215, 80, 0.2); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-owl-court{ color: #dfd1a0; font-family: Georgia, serif; letter-spacing: 1px; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-vengeance{ color: #ffcf3d; font-weight: 950; text-transform: uppercase; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-batmobile{ color: #c7f0ff; font-style: italic; font-weight: 850; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-utility-belt{ color: #f4c84a; font-family: "Courier New", monospace; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-frost-villain{ color: #d8fbff; text-shadow: 0 0 12px rgba(160, 245, 255, 0.5); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-red-hood{ color: #ff6a5f; text-shadow: 0 0 15px rgba(255, 66, 54, 0.35); }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-alfred-classic{ color: #f5e8cb; font-family: Georgia, serif; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-belfry-neon{ color: #ffef8a; text-shadow: 0 0 8px #ffd533, 2px 2px 0 #2a2208; }.wpc-scope-586 .tc-wp-tool-root .btm-font-tool-wrap .btm-style-rogues-gallery{ color: #fff; text-shadow: -1px 0 #ffd43d, 1px 0 #8957ff, 0 1px #ff4a67; }@keyframes btm-card-fade{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .btm-font-tool-wrap{ padding: 38px 12px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{ width: 100%; }.tc-wp-tool-root .btm-font-tool-wrap h1{ font-size: 30px; line-height: 1.08; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{ font-size: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{ padding: 16px; border-radius: 15px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{ padding: 13px; font-size: 15px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-btn{ padding: 11px 17px; font-size: 13px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{ grid-template-columns: 1fr !important; gap: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{ padding: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{ padding: 13px; font-size: 21px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{ font-size: 14px; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .btm-font-tool-wrap{ padding: 42px 15px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{ width: 100%; }.tc-wp-tool-root .btm-font-tool-wrap h1{ font-size: 34px; line-height: 1.08; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{ font-size: 15px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{ padding: 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{ padding: 14px; font-size: 16px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-btn{ padding: 12px 18px; font-size: 13px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{ grid-template-columns: 1fr !important; gap: 16px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{ padding: 16px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{ padding: 14px; font-size: 22px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{ font-size: 15px; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .btm-font-tool-wrap{ padding: 48px 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{ width: 100%; }.tc-wp-tool-root .btm-font-tool-wrap h1{ font-size: 40px; line-height: 1.05; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{ font-size: 16px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{ padding: 20px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{ padding: 16px; font-size: 17px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-btn{ padding: 12px 20px; font-size: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{ grid-template-columns: 1fr !important; gap: 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{ padding: 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{ padding: 16px; font-size: 24px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{ font-size: 16px; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .btm-font-tool-wrap{ padding: 60px 24px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{ width: 100%; }.tc-wp-tool-root .btm-font-tool-wrap h1{ font-size: 52px; line-height: 1.02; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{ font-size: 17px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{ padding: 24px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{ padding: 18px; font-size: 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-btn{ padding: 13px 22px; font-size: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{ padding: 20px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{ padding: 18px; font-size: 25px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{ font-size: 16px; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .btm-font-tool-wrap{ padding: 72px 28px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{ width: 100%; }.tc-wp-tool-root .btm-font-tool-wrap h1{ font-size: 60px; line-height: 1; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{ font-size: 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{ padding: 28px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{ padding: 19px; font-size: 19px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-btn{ padding: 13px 24px; font-size: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{ padding: 20px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{ padding: 18px; font-size: 25px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{ font-size: 16px; }}@media (min-width: 1200px){.tc-wp-tool-root .btm-font-tool-wrap{ padding: 82px 32px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-shell{ width: min(100%, 1200px); }.tc-wp-tool-root .btm-font-tool-wrap h1{ font-size: 68px; line-height: 1; }.tc-wp-tool-root .btm-font-tool-wrap .btm-tool-head p{ font-size: 18px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-input-panel{ padding: 30px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-input{ padding: 20px; font-size: 20px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-btn{ padding: 14px 25px; font-size: 14px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-font-card{ padding: 22px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-preview-box{ padding: 19px; font-size: 26px; }.tc-wp-tool-root .btm-font-tool-wrap .btm-style-name{ font-size: 16px; }}.wpc-scope-586 .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-586 .tc-wp-tool-root .btm-clear-btn{}.wpc-scope-586 .tc-wp-tool-root .btm-load-btn{}