 @font-face {font-family: 'MinecraftTTF';src: url('assets/fonts/minecraft.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'Minecraftia';src: url('assets/fonts/minecraftia.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'Minecrafter';src: url('assets/fonts/minecrafter-reg.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'MinecrafterAlt';src: url('assets/fonts/minecrafter-alt.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'MinecraftEvenings';src: url('assets/fonts/minecraft-evenings.otf') format('opentype');font-display: swap;}@font-face {font-family: 'Minercraftory';src: url('assets/fonts/minercraftory.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'ArcadeIn';src: url('assets/fonts/8bit-arcade-in.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'Chlorinap';src: url('assets/fonts/chlorinap/Chlorinap-eZ9x.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'Cublox';src: url('assets/fonts/cublox/Cublox-KzEp.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'CubloxAlt';src: url('assets/fonts/cublox/Cublox-293K.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'Roblox2017';src: url('assets/fonts/roblox/Roblox2017-v6dO.ttf') format('truetype');font-display: swap;}@font-face {font-family: 'SGASmooth';src: url('/enchant-translator/sga-smooth.woff2') format('woff2');font-display: swap;}* {box-sizing: border-box;margin: 0;padding: 0;}[hidden] {display: none !important;}.font-default {font-family: var(--font-family, 'Inter', system-ui, sans-serif);}.font-pressstart {font-family: 'Press Start 2P', cursive;font-size: clamp(14px, 2.5vw, 16px);}html, body {max-width: 100%;overflow-x: hidden;}body {background: var(--bg, #13082b);color: var(--text, #e8e0f5);font-family: system-ui, sans-serif;display: flex;flex-direction: column;}.center {width: 100%;margin: 5px auto 10px auto;padding: clamp(20px, 5vw, 40px) clamp(12px, 2vw, 20px);}.about-hero {text-align: center;padding: clamp(5px, 2vw, 10px) clamp(12px, 2vw, 20px);background: repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 48px);}.about-hero h1 {font-size: clamp(1.5rem, 4vw, 2rem);margin-bottom: clamp(12px, 2vw, 20px);}.about-hero p {font-size: clamp(0.9rem, 2.5vw, 1.1rem);max-width: 640px;margin: 0 auto clamp(16px, 3vw, 30px);color: var(--muted, #9480bb);}.cta-buttons {display: flex;gap: clamp(12px, 2vw, 16px);justify-content: center;flex-wrap: wrap;}.cta-button {padding: clamp(10px, 1.5vw, 12px) clamp(16px, 2.5vw, 24px);font-size: clamp(1rem, 2vw, 1.1rem);font-weight: 600;color: #fff;background: var(--accent, #a100a1);border: none;border-radius: 6px;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease;}.cta-button:hover, .cta-button:focus {transform: translateY(-4px);box-shadow: 0 5px 15px var(--glow, rgba(161,0,161,0.35));}.cta-button.secondary {background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));color: var(--text, #e8e0f5);}.fg-landing {max-width: 720px;margin: 18px auto 0;text-align: center;color: var(--muted, #9480bb);line-height: 1.65;font-size: 0.98rem;}.fg-landing-more {margin-top: 10px;font-size: 0.88rem;}.fg-landing a {color: var(--accent2, #c800c8);}.fg-main {flex: 1;width: 100%;max-width: 1200px;margin: 0 auto;padding: 16px;display: flex;flex-direction: column;gap: 16px;}.fg-layout {display: grid;grid-template-columns: 360px 1fr;gap: 16px;align-items: start;}@media (max-width: 900px) {.fg-layout {grid-template-columns: 1fr;}.fg-preview-col {order: -1;}}.fg-presets {display: flex;gap: 8px;flex-wrap: wrap;justify-content: center;}.fg-preset {padding: 8px 14px;border-radius: 100px;background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));color: var(--text, #e8e0f5);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: border-color 0.15s, transform 0.15s;}.fg-preset:hover {border-color: var(--accent2, #c800c8);transform: translateY(-2px);}.fg-controls {display: flex;flex-direction: column;gap: 14px;}.fg-group {background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 12px;padding: 14px;display: flex;flex-direction: column;gap: 10px;}.fg-label {font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--muted, #9480bb);}.fg-hint {font-weight: 400;text-transform: none;letter-spacing: 0;font-size: 0.78rem;color: var(--muted, #9480bb);}#fg-text {width: 100%;background: var(--bg, #13082b);color: var(--text, #e8e0f5);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 8px;padding: 10px 12px;font-size: 1.05rem;font-family: inherit;resize: vertical;min-height: 56px;}#fg-text:focus {outline: 2px solid var(--accent, #a100a1);border-color: transparent;}.fg-controls select, .fg-export-card select {width: 100%;background: var(--bg, #13082b);color: var(--text, #e8e0f5);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 8px;padding: 9px 10px;font-size: 0.95rem;cursor: pointer;}.fg-line-tabs {display: flex;gap: 6px;flex-wrap: wrap;}.fg-line-tabs:empty {display: none;}.fg-line-tab {padding: 5px 12px;border-radius: 6px;font-size: 0.8rem;font-weight: 600;background: var(--bg, #13082b);border: 1px solid var(--border, rgba(255,255,255,0.06));color: var(--muted, #9480bb);cursor: pointer;}.fg-line-tab.active {border-color: var(--accent2, #c800c8);color: var(--text, #e8e0f5);background: var(--glass, rgba(161,0,161,0.08));}.fg-check {display: flex;align-items: center;gap: 8px;font-size: 0.85rem;color: var(--text, #e8e0f5);cursor: pointer;user-select: none;}.fg-check input {accent-color: var(--accent, #a100a1);width: 16px;height: 16px;}.fg-swatches {display: grid;grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));gap: 8px;}.fg-swatch {aspect-ratio: 1/1;border-radius: 8px;border: 2px solid var(--border, rgba(255,255,255,0.06));cursor: pointer;padding: 0;overflow: hidden;position: relative;image-rendering: pixelated;background-size: cover;transition: transform 0.12s, border-color 0.12s;}.fg-swatch:hover {transform: scale(1.08);}.fg-swatch.active {border-color: var(--accent2, #c800c8);box-shadow: 0 0 8px var(--glow, rgba(161,0,161,0.35));}.fg-swatch .fg-anim-badge {position: absolute;right: 2px;bottom: 2px;font-size: 9px;line-height: 1;background: rgba(0,0,0,0.65);color: #fff;border-radius: 3px;padding: 1px 3px;pointer-events: none;}.fg-custom-colors {display: flex;gap: 14px;align-items: center;flex-wrap: wrap;}.fg-custom-colors label {display: flex;align-items: center;gap: 6px;font-size: 0.85rem;}.fg-custom-colors input[type="color"] {width: 40px;height: 30px;border: none;border-radius: 6px;background: none;cursor: pointer;padding: 0;}.fg-effect-row {display: grid;grid-template-columns: 82px 1fr 26px;align-items: center;gap: 10px;font-size: 0.85rem;}.fg-effect-row input[type="range"] {width: 100%;accent-color: var(--accent, #a100a1);}.fg-val {text-align: right;font-variant-numeric: tabular-nums;color: var(--muted, #9480bb);}.fg-effect-toggles {display: flex;flex-wrap: wrap;gap: 10px 16px;align-items: center;}.fg-glow-color input[type="color"] {width: 32px;height: 26px;border: none;border-radius: 6px;background: none;cursor: pointer;padding: 0;}.fg-preview-col {display: flex;flex-direction: column;gap: 14px;position: sticky;top: 12px;}@media (max-width: 900px) {.fg-preview-col {position: static;}}.fg-canvas-card {background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 12px;padding: 12px;display: flex;flex-direction: column;gap: 10px;}.fg-canvas-toolbar {display: flex;justify-content: space-between;align-items: center;gap: 10px;flex-wrap: wrap;}.fg-bg-picker {display: flex;gap: 5px;align-items: center;}.fg-bg-btn {width: 32px;height: 32px;border-radius: 6px;border: 1px solid var(--border, rgba(255,255,255,0.06));background: var(--bg, #13082b);color: var(--text, #e8e0f5);font-size: 14px;cursor: pointer;display: grid;place-items: center;}.fg-bg-btn.active {border-color: var(--accent2, #c800c8);}.fg-dims {font-size: 0.78rem;color: var(--muted, #9480bb);font-variant-numeric: tabular-nums;}.fg-canvas-area {border-radius: 8px;min-height: 220px;display: grid;place-items: center;padding: 18px;overflow: auto;}.fg-canvas-area[data-bg="checker"] {background: repeating-conic-gradient(rgba(255,255,255,0.09) 0% 25%, transparent 0% 50%) 50% / 24px 24px, #17102b;}.fg-canvas-area[data-bg="dark"] {background: #101010;}.fg-canvas-area[data-bg="light"] {background: #e8e8e8;}.fg-canvas-area[data-bg="dirt"] {background-color: #6b4a2f;background-image: radial-gradient(rgba(0,0,0,0.22) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.07) 15%, transparent 16%);background-size: 16px 16px, 16px 16px;background-position: 0 0, 8px 8px;}.fg-canvas-area[data-bg="stone"] {background-color: #7d7d7d;background-image: radial-gradient(rgba(0,0,0,0.18) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.08) 15%, transparent 16%);background-size: 14px 14px, 14px 14px;background-position: 0 0, 7px 7px;}#fg-canvas {max-width: 100%;height: auto;image-rendering: pixelated;}.fg-export-card {background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 12px;padding: 14px;display: flex;flex-direction: column;gap: 12px;}.fg-export-row {display: flex;align-items: center;gap: 10px;}.fg-export-row select {flex: 1;width: auto;}.fg-export-buttons {display: flex;gap: 8px;flex-wrap: wrap;}.fg-btn {padding: 10px 14px;border-radius: 8px;font-size: 0.9rem;font-weight: 600;cursor: pointer;background: var(--bg, #13082b);color: var(--text, #e8e0f5);border: 1px solid var(--border, rgba(255,255,255,0.06));transition: border-color 0.15s, background 0.15s;min-height: 42px;}.fg-btn:hover {border-color: var(--accent2, #c800c8);}.fg-btn.primary {background: var(--accent, #a100a1);border-color: transparent;color: #fff;}.fg-btn.primary:hover {background: var(--accent2, #c800c8);}.fg-btn.done {background: #166534;border-color: transparent;color: #fff;}.fg-gif-progress {height: 8px;border-radius: 4px;background: var(--bg, #13082b);overflow: hidden;}.fg-gif-bar {height: 100%;width: 0%;background: linear-gradient(90deg, var(--accent, #a100a1), var(--accent2, #c800c8));transition: width 0.15s;}.fg-save-row {display: flex;gap: 8px;}.fg-save-row input[type="text"] {flex: 1;background: var(--bg, #13082b);color: var(--text, #e8e0f5);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 8px;padding: 9px 12px;font-size: 0.9rem;min-width: 0;}.fg-saved {display: flex;gap: 6px;flex-wrap: wrap;}.fg-saved:empty {display: none;}.fg-saved-chip {display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;border-radius: 100px;background: var(--glass, rgba(161,0,161,0.08));border: 1px solid var(--border, rgba(255,255,255,0.06));font-size: 0.8rem;cursor: pointer;}.fg-saved-chip:hover {border-color: var(--accent2, #c800c8);}.fg-saved-chip .fg-del {cursor: pointer;color: var(--muted, #9480bb);font-weight: 700;padding: 0 2px;}.fg-saved-chip .fg-del:hover {color: var(--danger, #ff6b6b);}.fg-ptabs {display: flex;gap: 6px;background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 12px;padding: 6px;}.fg-ptab {flex: 1;padding: 9px 4px;border-radius: 8px;border: 1px solid transparent;background: transparent;color: var(--muted, #9480bb);font-size: 0.88rem;font-weight: 700;cursor: pointer;transition: background 0.15s, color 0.15s;white-space: nowrap;}.fg-ptab:hover {color: var(--text, #e8e0f5);}.fg-ptab.active {background: var(--accent, #a100a1);color: #fff;}.fg-pane {display: flex;flex-direction: column;gap: 14px;}.fg-color-row {display: flex;gap: 16px;flex-wrap: wrap;font-size: 0.85rem;align-items: center;}.fg-color-row label {display: flex;align-items: center;gap: 8px;}.fg-color-row input[type="color"] {width: 36px;height: 28px;border: none;border-radius: 6px;background: none;cursor: pointer;padding: 0;}.fg-icon-row {display: flex;align-items: center;gap: 10px;}.fg-icon-row select {flex: 1;}.fg-align {display: flex;gap: 6px;}.fg-align-btn {flex: 1;padding: 8px 0;border-radius: 8px;border: 1px solid var(--border, rgba(255,255,255,0.06));background: var(--bg, #13082b);color: var(--muted, #9480bb);font-size: 0.95rem;cursor: pointer;}.fg-align-btn.active {border-color: var(--accent2, #c800c8);color: var(--text, #e8e0f5);background: var(--glass, rgba(161,0,161,0.08));}.fg-tools {display: flex;align-items: center;gap: 6px;}.fg-tool-btn {width: 34px;height: 34px;border-radius: 8px;border: 1px solid var(--border, rgba(255,255,255,0.06));background: var(--bg, #13082b);color: var(--text, #e8e0f5);font-size: 1rem;cursor: pointer;display: grid;place-items: center;}.fg-tool-btn:hover:not(:disabled) {border-color: var(--accent2, #c800c8);}.fg-tool-btn:disabled {opacity: 0.35;cursor: default;}.fg-swatch-upload {display: grid;place-items: center;font-size: 18px;background: var(--bg, #13082b) !important;border-style: dashed !important;}.fg-gallery-section {padding: 60px 20px;border-top: 1px solid var(--border, rgba(255,255,255,0.06));}.fg-gallery-intro {text-align: center;color: var(--muted, #9480bb);max-width: 640px;margin: -20px auto 28px;}.fg-gallery-tabs {display: flex;gap: 8px;flex-wrap: wrap;justify-content: center;margin-bottom: 24px;}.fg-gtab {padding: 8px 16px;border-radius: 100px;border: 1px solid var(--border, rgba(255,255,255,0.06));background: var(--card, #251644);color: var(--muted, #9480bb);font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: border-color 0.15s;}.fg-gtab:hover {border-color: var(--accent2, #c800c8);}.fg-gtab.active {border-color: var(--accent2, #c800c8);color: #fff;background: var(--accent, #a100a1);}.fg-gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 14px;}.fg-card {background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 12px;padding: 12px;cursor: pointer;display: flex;flex-direction: column;align-items: center;gap: 10px;transition: transform 0.15s, border-color 0.15s;}.fg-card:hover {transform: translateY(-4px);border-color: var(--accent2, #c800c8);}.fg-card-thumb {max-width: 100%;height: 52px;object-fit: contain;image-rendering: pixelated;}.fg-card-name {font-size: 0.85rem;font-weight: 600;color: var(--text, #e8e0f5);}.seo-section {padding: 80px 20px;border-top: 1px solid var(--border, rgba(255,255,255,0.06));}.container {max-width: 1200px;margin: 0 auto;}.section-heading {font-size: 2rem;text-align: center;margin-bottom: 40px;position: relative;}.section-heading::after {content: '';display: block;width: 80px;height: 4px;background: var(--accent, #a100a1);margin: 16px auto 0;border-radius: 2px;}.horizontal-section {margin-bottom: 80px;}.horizontal-grid {display: grid;grid-template-columns: 1fr;gap: 24px;}.feature-item, .step-item, .use-case-item {background: var(--card, #251644);border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 16px;padding: 24px;text-align: center;transition: transform 0.3s ease;}.feature-item:hover, .step-item:hover, .use-case-item:hover {transform: translateY(-8px);}.feature-icon, .step-number {font-size: 3rem;margin-bottom: 16px;color: var(--accent2, #c800c8);}.step-number {width: 60px;height: 60px;background: var(--accent, #a100a1);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;margin: 0 auto 16px;font-size: 1.5rem;}.feature-item h4, .step-item h4, .use-case-item h4 {font-size: 1.3rem;margin-bottom: 12px;color: var(--text, #e8e0f5);}.feature-item p, .step-item p, .use-case-item p {color: var(--muted, #9480bb);line-height: 1.55;}.faq-section {margin-top: 40px;}.faq-list details {margin-bottom: 16px;border: 1px solid var(--border, rgba(255,255,255,0.06));border-radius: 12px;overflow: hidden;background: var(--card, #251644);}.faq-list summary {padding: 20px;cursor: pointer;font-weight: 600;font-size: 1.1rem;transition: background 0.3s;}.faq-list summary:hover {background: var(--glass, rgba(161,0,161,0.08));}.faq-list summary::after {content: "+";float: right;font-size: 1.6rem;}.faq-list details[open] summary::after {content: "−";}.faq-list p {padding: 0 20px 20px;line-height: 1.6;color: var(--muted, #9480bb);}@media (min-width: 768px) {.horizontal-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1024px) {.horizontal-grid {grid-template-columns: repeat(3, 1fr);}}.horizontal-grid > * {min-width: 0;}a {text-decoration: none;color: var(--text, #e8e0f5);}