@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-154 .tc-wp-tool-root img, .wpc-scope-154 .tc-wp-tool-root video, .wpc-scope-154 .tc-wp-tool-root svg, .wpc-scope-154 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap, .wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap *::before, .wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap *::after{box-sizing:border-box;margin:0;padding:0}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap{width:100%;min-height:100vh;background:linear-gradient(145deg,#0d1f0d 0%,#1a3a1a 25%,#0f2b0f 50%,#1a3a1a 75%,#0d1f0d 100%);background-attachment:fixed;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;padding:44px 22px 64px;overflow-x:hidden;position:relative}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 25% 15%,rgba(255,199,44,0.06) 0%,transparent 55%),radial-gradient(ellipse at 75% 85%,rgba(76,175,80,0.05) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(139,195,74,0.03) 0%,transparent 60%);pointer-events:none;z-index:0}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-title{text-align:center;font-size:44px;font-weight:900;background:linear-gradient(135deg,#ffc72c,#8bc34a,#ffc72c,#cddc39,#ffc72c);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sdGradMove 5s ease infinite;margin-bottom:10px;letter-spacing:-0.5px;line-height:1.2;text-transform:uppercase}@keyframes sdGradMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{text-align:center;font-size:16px;color:rgba(139,195,74,0.65);margin-bottom:38px;font-weight:300;letter-spacing:0.4px}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-input-row{display:flex;gap:12px;max-width:620px;margin:0 auto 42px;align-items:center}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-input{flex:1;padding:15px 22px;border:1.5px solid rgba(255,199,44,0.2);border-radius:14px;background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:16px;outline:none;transition:all 0.3s ease;width:100%;max-width:100%}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-input::placeholder{color:rgba(139,195,74,0.35)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-input:focus{border-color:rgba(255,199,44,0.55);box-shadow:0 0 22px rgba(255,199,44,0.12),0 0 44px rgba(139,195,74,0.06)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-clear-btn{padding:15px 26px;border:1.5px solid rgba(255,199,44,0.25);border-radius:14px;background:rgba(255,199,44,0.08);color:#ffc72c;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-clear-btn:hover{background:rgba(255,199,44,0.18);border-color:rgba(255,199,44,0.45);box-shadow:0 0 18px rgba(255,199,44,0.12)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card{background:rgba(255,255,255,0.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,199,44,0.1);border-radius:16px;padding:20px;transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);opacity:0;transform:translateY(18px);max-width:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card.sd-show{opacity:1;transform:translateY(0)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card:hover{transform:translateY(-6px);box-shadow:0 14px 44px rgba(255,199,44,0.1),0 4px 18px rgba(139,195,74,0.06);border-color:rgba(255,199,44,0.28);background:rgba(255,255,255,0.07)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card-name{font-size:11px;font-weight:700;color:rgba(255,199,44,0.75);margin-bottom:12px;text-transform:uppercase;letter-spacing:1.2px;font-family:'Segoe UI',system-ui,sans-serif}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{max-height:180px;overflow-y:auto;min-height:58px;margin-bottom:16px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word;color:rgba(255,255,255,0.92);flex:1}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview::-webkit-scrollbar{width:4px}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:4px}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview::-webkit-scrollbar-thumb{background:rgba(255,199,44,0.25);border-radius:4px}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview::-webkit-scrollbar-thumb:hover{background:rgba(255,199,44,0.45)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-copy-btn{padding:10px 16px;border:1px solid rgba(255,199,44,0.18);border-radius:10px;background:linear-gradient(135deg,rgba(255,199,44,0.1),rgba(139,195,74,0.08));color:#ffc72c;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s ease;width:100%;text-align:center;font-family:'Segoe UI',system-ui,sans-serif}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-copy-btn:hover{background:linear-gradient(135deg,rgba(255,199,44,0.22),rgba(139,195,74,0.16));border-color:rgba(255,199,44,0.4);box-shadow:0 0 14px rgba(255,199,44,0.1)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-copy-btn.sd-copied{background:linear-gradient(135deg,rgba(76,175,80,0.18),rgba(139,195,74,0.12));border-color:rgba(76,175,80,0.4);color:#81c784}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-load-wrap{text-align:center;margin-top:38px}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-load-btn{padding:15px 44px;border:1.5px solid rgba(255,199,44,0.28);border-radius:14px;background:linear-gradient(135deg,rgba(255,199,44,0.08),rgba(139,195,74,0.06));color:#ffc72c;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:0.4px;text-transform:uppercase}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-load-btn:hover{background:linear-gradient(135deg,rgba(255,199,44,0.18),rgba(139,195,74,0.12));border-color:rgba(255,199,44,0.5);box-shadow:0 0 28px rgba(255,199,44,0.12);transform:translateY(-2px)}.wpc-scope-154 .tc-wp-tool-root .sd-fontgen-wrap .sd-load-btn.sd-hide{display:none}@media(min-width:1200px){.tc-wp-tool-root .sd-fontgen-wrap{padding:52px 26px 72px}.tc-wp-tool-root .sd-fontgen-wrap .sd-title{font-size:46px}.tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{font-size:17px;margin-bottom:42px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input{font-size:16px;padding:16px 24px}.tc-wp-tool-root .sd-fontgen-wrap .sd-grid{grid-template-columns:repeat(4,1fr);gap:22px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card{padding:22px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{font-size:18px}}@media(min-width:1024px) and (max-width:1199px){.tc-wp-tool-root .sd-fontgen-wrap{padding:46px 20px 66px}.tc-wp-tool-root .sd-fontgen-wrap .sd-title{font-size:38px}.tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{font-size:16px;margin-bottom:38px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input{font-size:15px;padding:14px 18px}.tc-wp-tool-root .sd-fontgen-wrap .sd-grid{grid-template-columns:repeat(3,1fr);gap:18px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card{padding:18px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{font-size:17px}}@media(min-width:768px) and (max-width:1023px){.tc-wp-tool-root .sd-fontgen-wrap{padding:38px 18px 58px}.tc-wp-tool-root .sd-fontgen-wrap .sd-title{font-size:32px}.tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{font-size:15px;margin-bottom:34px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input{font-size:15px;padding:13px 16px}.tc-wp-tool-root .sd-fontgen-wrap .sd-grid{grid-template-columns:repeat(2,1fr);gap:16px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card{padding:18px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{font-size:16px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-name{font-size:11px}}@media(min-width:430px) and (max-width:767px){.tc-wp-tool-root .sd-fontgen-wrap{padding:28px 14px 50px}.tc-wp-tool-root .sd-fontgen-wrap .sd-title{font-size:26px}.tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{font-size:14px;margin-bottom:28px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input-row{flex-direction:column}.tc-wp-tool-root .sd-fontgen-wrap .sd-input{font-size:15px;padding:13px 16px}.tc-wp-tool-root .sd-fontgen-wrap .sd-clear-btn{width:100%;padding:13px 16px}.tc-wp-tool-root .sd-fontgen-wrap .sd-grid{grid-template-columns:1fr !important;gap:14px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card{padding:18px;max-width:100%;width:100%}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{font-size:16px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-name{font-size:11px}.tc-wp-tool-root .sd-fontgen-wrap .sd-copy-btn{font-size:13px}}@media(min-width:375px) and (max-width:429px){.tc-wp-tool-root .sd-fontgen-wrap{padding:24px 12px 46px}.tc-wp-tool-root .sd-fontgen-wrap .sd-title{font-size:23px}.tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{font-size:13px;margin-bottom:24px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input-row{flex-direction:column}.tc-wp-tool-root .sd-fontgen-wrap .sd-input{font-size:15px;padding:12px 14px}.tc-wp-tool-root .sd-fontgen-wrap .sd-clear-btn{width:100%;padding:12px 14px;font-size:13px}.tc-wp-tool-root .sd-fontgen-wrap .sd-grid{grid-template-columns:1fr !important;gap:14px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card{padding:16px;max-width:100%;width:100%}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{font-size:15px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-name{font-size:10px;margin-bottom:10px}.tc-wp-tool-root .sd-fontgen-wrap .sd-copy-btn{font-size:13px;padding:9px 14px}}@media(min-width:320px) and (max-width:374px){.tc-wp-tool-root .sd-fontgen-wrap{padding:20px 10px 42px}.tc-wp-tool-root .sd-fontgen-wrap .sd-title{font-size:20px}.tc-wp-tool-root .sd-fontgen-wrap .sd-subtitle{font-size:12px;margin-bottom:22px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input-row{flex-direction:column;gap:10px}.tc-wp-tool-root .sd-fontgen-wrap .sd-input{font-size:14px;padding:11px 12px;border-radius:12px}.tc-wp-tool-root .sd-fontgen-wrap .sd-clear-btn{width:100%;padding:11px 12px;font-size:13px;border-radius:12px}.tc-wp-tool-root .sd-fontgen-wrap .sd-grid{grid-template-columns:1fr !important;gap:12px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card{padding:14px;border-radius:12px;max-width:100%;width:100%}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-preview{font-size:14px;min-height:46px}.tc-wp-tool-root .sd-fontgen-wrap .sd-card-name{font-size:10px;margin-bottom:10px}.tc-wp-tool-root .sd-fontgen-wrap .sd-copy-btn{font-size:12px;padding:9px 12px;border-radius:8px}.tc-wp-tool-root .sd-fontgen-wrap .sd-load-btn{padding:12px 28px;font-size:13px;border-radius:12px}}.wpc-scope-154 /* 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;
}