@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-369 .tc-wp-tool-root img, .wpc-scope-369 .tc-wp-tool-root video, .wpc-scope-369 .tc-wp-tool-root svg, .wpc-scope-369 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-font-generator, .wpc-scope-369 .tc-wp-tool-root .afg-ancient-font-generator *{ box-sizing: border-box; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-font-generator{
      width: 100%; max-width: 100%; overflow-x: hidden;
      padding: 72px 18px;
      background: 
        radial-gradient(circle at 12% 12%, rgba(200,180,100,0.25), transparent 30%),
        radial-gradient(circle at 88% 16%, rgba(150,120,60,0.25), transparent 32%),
        radial-gradient(circle at 50% 108%, rgba(100,80,40,0.2), transparent 38%),
        linear-gradient(135deg, #2c1f0c 0%, #4a3219 36%, #6b4a28 68%, #1f150b 100%);
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #f8f4e8;
      position: relative; isolation: isolate;
    }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-font-generator::before{
      content: "";
      position: absolute; inset: 0;
      background:
        radial-gradient(circle at 18% 26%, rgba(255,255,255,0.08) 0 2px, transparent 3px),
        radial-gradient(circle at 76% 38%, rgba(255,200,150,0.08) 0 2px, transparent 4px),
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 88px 88px, 72px 72px, 42px 42px, 42px 42px;
      pointer-events: none; opacity: 0.4; z-index: -1;
    }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-font-generator-wrap{
      width: min(100%,1200px); margin: 0 auto; position: relative;
    }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-font-generator-shell{
      width: 100%; padding: 34px; border-radius: 32px;
      border: 1px solid rgba(255,215,180,0.22);
      background: rgba(35,25,10,0.7);
      box-shadow: 0 30px 90px rgba(0,0,0,0.3);
      backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
      overflow: hidden;
    }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-header{ text-align:center; max-width:860px; margin:0 auto 30px; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-kicker{
      display:inline-flex; align-items:center; justify-content:center;
      padding:8px 15px; border-radius:999px; margin-bottom:16px;
      background: rgba(200,180,100,0.15);
      border:1px solid rgba(255,215,180,0.24); color:#ffe8b0;
      font-size:13px; font-weight:900; letter-spacing:0.08em; text-transform:uppercase;
    }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-header h2{ margin:0; font-size:50px; line-height:1.03; letter-spacing:-0.04em; color:#f8f4e8; text-shadow:0 0 28px rgba(255,215,180,0.28); }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-header h2 span{ background: linear-gradient(90deg, #ffe8b0, #d6aa5f, #b58c40); -webkit-background-clip:text; background-clip:text; color:transparent; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-subtitle{ margin:15px auto 0; max-width:760px; font-size:16px; line-height:1.7; color:rgba(248,244,232,0.78); }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-input-card{ width:min(100%,900px); margin:0 auto 28px; padding:18px; border-radius:24px; border:1px solid rgba(255,215,180,0.2); background: rgba(45,35,15,0.65); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 18px 50px rgba(0,0,0,0.22); }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-input-label{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; font-size:14px; font-weight:900; color:rgba(255,215,180,0.9);}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-count{ font-size:12px; color:rgba(248,244,232,0.58); font-weight:700; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-textarea{
      width:100%; min-height:126px; max-width:100%; resize:vertical; display:block; border:1px solid rgba(255,215,180,0.22);
      border-radius:20px; padding:18px 18px 56px; outline:none; color:#f8f4e8; background:rgba(30,20,5,0.72);
      font-size:18px; line-height:1.6; overflow-wrap:anywhere; word-break:break-word; transition:border 0.25s, box-shadow 0.25s, background 0.25s;
    }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-textarea:focus{ border-color:rgba(255,215,180,0.92); background:rgba(35,25,10,0.88); box-shadow:0 0 0 4px rgba(255,215,180,0.14),0 0 28px rgba(200,180,100,0.14);}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-textarea::placeholder{ color:rgba(248,244,232,0.45); }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-input-actions{ display:flex; justify-content:center; margin-top:-43px; pointer-events:none; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-clear{ pointer-events:auto; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:999px; min-height:34px; padding:8px 16px; background: linear-gradient(135deg,#d6aa5f,#b58c40,#ffe8b0); color:#2c1f0c; font-size:13px; font-weight:1000; cursor:pointer; transition:transform 0.2s, box-shadow 0.2s, filter 0.2s;}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-clear:hover{ transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 14px 28px rgba(200,180,100,0.24); }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-toolbar{ display:flex; justify-content:space-between; gap:14px; margin:0 0 20px; padding:14px 16px; border-radius:20px; border:1px solid rgba(255,215,180,0.16); background:rgba(255,255,255,0.06);}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-toolbar-text{ color:rgba(248,244,232,0.74); font-size:14px; font-weight:700;}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-visible-count{ color:#ffe8b0; font-weight:1000;}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; margin-top:16px;}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-card{ padding:18px; border-radius:24px; border:1px solid rgba(255,215,180,0.17); background:rgba(45,35,15,0.78); box-shadow:0 18px 44px rgba(0,0,0,0.22); transition:transform 0.28s,border 0.28s,box-shadow 0.28s; overflow:hidden; position:relative; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-card:hover{ transform:translateY(-6px); border-color:rgba(255,215,180,0.5); box-shadow:0 26px 50px rgba(0,0,0,0.3);}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-card-top{ display:flex; justify-content:space-between; margin-bottom:12px; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-style-name{ font-size:15px; font-weight:900; color:#ffe8b0; word-break:break-word; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-badge{ width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; background: linear-gradient(135deg,#d6aa5f,#b58c40,#ffe8b0); color:#2c1f0c; font-weight:1000; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-preview{ min-height:118px; max-height:180px; overflow-y:auto; overflow-x:hidden; padding:14px; border-radius:18px; background:rgba(25,15,5,0.55); border:1px solid rgba(255,215,180,0.12); color:#f8f4e8; font-size:20px; line-height:1.55; overflow-wrap:anywhere; word-break:break-word; margin-bottom:8px;}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-copy{ width:100%; border:0; border-radius:15px; background:rgba(255,215,180,0.12); color:#ffe8b0; font-weight:1000; cursor:pointer; padding:8px 0; transition:all 0.22s; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-copy:hover{ background:linear-gradient(135deg,#d6aa5f,#b58c40,#ffe8b0); color:#2c1f0c; transform:translateY(-2px);}.wpc-scope-369 .tc-wp-tool-root .afg-ancient-load-wrap{ display:flex; justify-content:center; margin-top:28px; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-load{ min-height:48px; padding:12px 25px; border-radius:999px; border:0; background:linear-gradient(135deg,#d6aa5f,#b58c40,#ffe8b0); color:#2c1f0c; font-weight:900; cursor:pointer; transition:0.22s; }.wpc-scope-369 .tc-wp-tool-root .afg-ancient-load:hover{ transform:translateY(-2px); filter:brightness(1.06);}.wpc-scope-369 /* 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;
}