@keyframes atg-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes atg-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes atg-fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes atg-zoom{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes atg-zoomRotate{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}@keyframes atg-elastic{0%{transform:scale(0)}60%{transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes atg-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes atg-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes atg-heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes atg-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes atg-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes atg-neon{0%,to{text-shadow:0 0 5px var(--atg-accent),0 0 10px var(--atg-accent),0 0 20px var(--atg-accent)}50%{text-shadow:0 0 10px var(--atg-accent-2),0 0 20px var(--atg-accent-2),0 0 40px var(--atg-accent-2)}}@keyframes atg-rgbSplit{0%,to{text-shadow:2px 0 red,-2px 0 #00f}50%{text-shadow:-2px 0 red,2px 0 #00f}}@keyframes atg-glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}@keyframes atg-typewriter{0%{width:0}to{width:100%}}@keyframes atg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes atg-swing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}@keyframes atg-jello{0%,to{transform:skew(0)}25%{transform:skew(-10deg)}50%{transform:skew(10deg)}75%{transform:skew(-5deg)}}@keyframes atg-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}@keyframes atg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atg-flip{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}@keyframes atg-slideLeft{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes atg-slideRight{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes atg-slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes atg-slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes atg-rainbowGlow{0%,to{color:red;text-shadow:0 0 10px red}16%{color:#f80;text-shadow:0 0 10px #f80}33%{color:#ff0;text-shadow:0 0 10px #ff0}50%{color:#0f0;text-shadow:0 0 10px #0f0}66%{color:#08f;text-shadow:0 0 10px #08f}83%{color:#80f;text-shadow:0 0 10px #80f}}@keyframes atg-wave{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-15px)}75%{transform:translateY(15px)}}@keyframes atg-liquid{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}@keyframes atg-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes atg-aurora{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes atg-hologram{0%,to{opacity:.8;filter:hue-rotate(0deg) blur(0)}50%{opacity:1;filter:hue-rotate(180deg) blur(1px)}}@keyframes atg-digitalNoise{0%,20%,40%,60%,80%,to{opacity:1}10%{opacity:.8}30%{opacity:.6}50%{opacity:.9}70%{opacity:.7}90%{opacity:.5}}@keyframes atg-laserScan{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes atg-3dRotate{0%{transform:perspective(500px) rotateX(0) rotateY(0)}50%{transform:perspective(500px) rotateX(180deg) rotateY(180deg)}to{transform:perspective(500px) rotateX(360deg) rotateY(360deg)}}@keyframes atg-scale{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes atg-fire{0%,to{color:#f40;text-shadow:0 0 5px #f40,0 -5px 10px #f80}50%{color:#fa0;text-shadow:0 0 10px #fa0,0 -10px 20px #f40}}@keyframes atg-smoke{0%{filter:blur(0);opacity:1}to{filter:blur(8px);opacity:0}}@keyframes atg-lightning{0%,10%,20%,40%,to{opacity:1}5%{opacity:.2}15%{opacity:.3}30%{opacity:.5}}@keyframes atg-cyberpunk{0%,to{color:#0f8;text-shadow:0 0 5px #0f8,0 0 10px #0f8,2px 2px #f0f}50%{color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f,-2px -2px #0f8}}@keyframes atg-matrixReveal{0%{opacity:0;transform:translateY(-20px);filter:blur(4px)}50%{opacity:.5;filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes atg-terminalTyping{0%{width:0}to{width:100%}}@keyframes atg-decode{0%{opacity:0;letter-spacing:10px;filter:blur(4px)}to{opacity:1;letter-spacing:normal;filter:blur(0)}}@keyframes atg-bubble{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes atg-confetti{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes atg-fireworks{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}@keyframes atg-snow{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:.5}}@keyframes atg-hearts{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1.5) rotate(180deg);opacity:0}}@keyframes atg-stars{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(2) rotate(360deg);opacity:0}}@keyframes atg-galaxy{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.2)}}@keyframes atg-particleReveal{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}:root{--atg-bg:#f5f7ff;--atg-surface:rgba(255,255,255,0.82);--atg-surface-strong:#ffffff;--atg-text:#111827;--atg-muted:#5b647a;--atg-border:rgba(99,102,241,0.16);--atg-accent:#6366f1;--atg-accent-2:#8b5cf6;--atg-accent-3:#22c55e;--atg-danger:#ef4444;--atg-warning:#f59e0b;--atg-shadow:0 20px 45px rgba(18,24,40,0.08);--atg-radius:20px;--atg-radius-sm:14px;--atg-glow:0 0 30px rgba(99,102,241,0.3)}:root[data-theme=dark]{--atg-bg:#050816;--atg-surface:rgba(9,15,31,0.86);--atg-surface-strong:#0f172a;--atg-text:#f8fafc;--atg-muted:#9aa6c2;--atg-border:rgba(143,163,255,0.18);--atg-accent:#7c9bff;--atg-accent-2:#ac8bff;--atg-accent-3:#4ade80;--atg-danger:#f87171;--atg-warning:#fbbf24;--atg-shadow:0 24px 55px rgba(0,0,0,0.26);--atg-glow:0 0 30px rgba(124,155,255,0.3)}.atg-shell{max-width:1280px;margin:0 auto;padding:1rem 1rem 3rem}.atg-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--atg-surface) 80%,transparent);border:1px solid var(--atg-border);border-radius:0 0 24px 24px;box-shadow:var(--atg-shadow);margin-bottom:1rem}.atg-brand,.atg-header-inner{display:flex;align-items:center}.atg-header-inner{justify-content:space-between;padding:.9rem 1rem;gap:.75rem}.atg-brand{gap:.7rem;font-weight:700;color:var(--atg-text);text-decoration:none}.atg-brand-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--atg-accent),var(--atg-accent-2));color:#fff;font-weight:800;box-shadow:0 12px 32px rgba(99,102,241,.24)}.atg-header-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.atg-pill-btn{border:1px solid var(--atg-border);background:var(--atg-surface);color:var(--atg-text);border-radius:999px;padding:.62rem .88rem;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,background 180ms ease;-webkit-tap-highlight-color:transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.atg-icon-btn,.atg-pill-btn{box-shadow:0 8px 24px rgba(15,23,42,.05);font-size:.92rem;font-weight:600}.atg-icon-btn,.atg-primary-btn{border:1px solid var(--atg-border);background:var(--atg-surface);color:var(--atg-text);border-radius:999px;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,background 180ms ease;-webkit-tap-highlight-color:transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.atg-primary-btn,.atg-secondary-btn{font-size:.92rem;font-weight:600}.atg-filter-chip,.atg-mini-btn,.atg-secondary-btn{border:1px solid var(--atg-border);background:var(--atg-surface);color:var(--atg-text);border-radius:999px;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,background 180ms ease;box-shadow:0 8px 24px rgba(15,23,42,.05);-webkit-tap-highlight-color:transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.atg-filter-chip{padding:.62rem .88rem;font-size:.92rem;font-weight:600}.atg-filter-chip:hover,.atg-icon-btn:hover,.atg-mini-btn:hover,.atg-pill-btn:hover,.atg-primary-btn:hover,.atg-secondary-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--atg-accent) 50%,var(--atg-border));box-shadow:0 10px 28px rgba(99,102,241,.16)}.atg-icon-btn{padding:.7rem;width:44px;height:44px;display:grid;place-items:center}.atg-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.atg-hero h1,.atg-primary-btn{background:linear-gradient(135deg,var(--atg-accent),var(--atg-accent-2))}.atg-primary-btn{color:#fff;border:0;padding:.66rem .95rem;box-shadow:0 8px 18px rgba(99,102,241,.2)}.atg-secondary-btn{background:color-mix(in srgb,var(--atg-surface-strong) 86%,transparent);padding:.64rem .88rem}.atg-mini-btn{min-height:34px;padding:.48rem .66rem;font-size:.86rem;font-weight:700;flex:0 0 auto}.atg-hero{background:var(--atg-surface);border:1px solid var(--atg-border);border-radius:var(--atg-radius);box-shadow:var(--atg-shadow);backdrop-filter:blur(24px);padding:1.2rem;margin-bottom:1rem;display:grid;gap:1rem}.atg-hero h1{margin:0;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.08;letter-spacing:-.03em;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.atg-hero p{margin:.35rem 0 0;color:var(--atg-muted);max-width:760px}.atg-hero-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem}.atg-hero-badge{padding:.45rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--atg-surface-strong) 82%,transparent);border:1px solid var(--atg-border);font-size:.92rem;color:var(--atg-muted)}.atg-main-grid{display:grid;gap:1rem;margin-bottom:1rem}.atg-card{background:var(--atg-surface);border:1px solid var(--atg-border);border-radius:var(--atg-radius);box-shadow:var(--atg-shadow);backdrop-filter:blur(24px);padding:1rem;min-width:0}.atg-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;gap:.75rem}.atg-section-title h2,.atg-section-title h3{margin:0;font-size:1rem;letter-spacing:-.01em}.atg-muted{color:var(--atg-muted)}.atg-textarea{width:100%;border-radius:16px;border:1px solid var(--atg-border);background:color-mix(in srgb,var(--atg-surface-strong) 90%,transparent);color:var(--atg-text);padding:.95rem 1rem;line-height:1.6;outline:0;transition:border-color 180ms ease,box-shadow 180ms ease;min-height:138px;resize:none;font-family:inherit}.atg-textarea:focus{border-color:var(--atg-accent);box-shadow:0 0 0 4px rgba(99,102,241,.14)}.atg-counter-row{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;gap:.65rem;font-size:.92rem;color:var(--atg-muted);flex-wrap:wrap}.atg-preview-area{min-height:200px;border:1px solid var(--atg-border);border-radius:var(--atg-radius);background:color-mix(in srgb,var(--atg-surface-strong) 88%,transparent);display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;position:relative;transition:background .3s ease}.atg-preview-text{font-size:2rem;line-height:1.4;text-align:center;word-break:break-word;max-width:100%;transition:all .3s ease;position:relative;z-index:2}.atg-preview-text.atg-empty{color:var(--atg-muted);font-size:1.2rem;opacity:.5}.atg-controls-grid{display:grid;gap:.75rem}.atg-control-group{border:1px solid var(--atg-border);border-radius:var(--atg-radius-sm);padding:.85rem;background:color-mix(in srgb,var(--atg-surface-strong) 84%,transparent)}.atg-control-group h3{margin:0 0 .6rem;font-size:.92rem;color:var(--atg-muted);font-weight:600}.atg-control-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.atg-control-row label{font-size:.88rem;color:var(--atg-muted);min-width:80px}.atg-control-row input[type=range]{flex:1;min-width:100px;accent-color:var(--atg-accent)}.atg-control-row input[type=color]{width:36px;height:36px;border:1px solid var(--atg-border);border-radius:8px;padding:2px;cursor:pointer;background:0 0}.atg-control-row select{padding:.5rem .7rem;border-radius:10px;border:1px solid var(--atg-border);background:var(--atg-surface);color:var(--atg-text);font-size:.88rem;outline:0;flex:1;min-width:120px}.atg-control-row select:focus{border-color:var(--atg-accent)}.atg-value-display{font-size:.82rem;color:var(--atg-muted);min-width:30px;text-align:right}.atg-anim-grid{display:grid;gap:.75rem}.atg-anim-card{border:1px solid var(--atg-border);border-radius:var(--atg-radius-sm);padding:.85rem;background:color-mix(in srgb,var(--atg-surface-strong) 84%,transparent);display:grid;gap:.5rem;transition:border-color 180ms ease,box-shadow 180ms ease;cursor:pointer}.atg-anim-card:hover{border-color:color-mix(in srgb,var(--atg-accent) 40%,var(--atg-border))}.atg-anim-card.atg-active{border-color:var(--atg-accent);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.atg-anim-preview{height:50px;border-radius:10px;background:color-mix(in srgb,var(--atg-surface-strong) 90%,transparent);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--atg-muted);overflow:hidden;position:relative}.atg-anim-preview span{font-size:1.2rem}.atg-anim-name{font-size:.88rem;font-weight:600;text-align:center}.atg-anim-actions{display:flex;gap:.35rem;justify-content:center}.atg-anim-actions button{border:0;background:0 0;color:var(--atg-muted);cursor:pointer;padding:.25rem .4rem;border-radius:6px;font-size:.78rem;transition:color 180ms ease,background 180ms ease}.atg-anim-actions button:hover{color:var(--atg-accent);background:color-mix(in srgb,var(--atg-accent) 10%,transparent)}.atg-anim-actions button.atg-faved{color:var(--atg-accent-3)}.atg-template-grid{display:grid;gap:.65rem}.atg-template-chip{padding:.55rem .75rem;border-radius:999px;border:1px solid var(--atg-border);background:color-mix(in srgb,var(--atg-surface-strong) 84%,transparent);color:var(--atg-text);cursor:pointer;font-size:.88rem;transition:all 180ms ease;text-align:center}.atg-template-chip:hover{background:color-mix(in srgb,var(--atg-accent) 10%,transparent)}.atg-bg-grid{display:grid;gap:.5rem}.atg-bg-option{padding:.5rem .7rem;border-radius:10px;border:1px solid var(--atg-border);background:color-mix(in srgb,var(--atg-surface-strong) 84%,transparent);color:var(--atg-text);cursor:pointer;font-size:.85rem;transition:all 180ms ease;text-align:center}.atg-bg-option:hover,.atg-template-chip:hover{border-color:var(--atg-accent)}.atg-bg-option.atg-active{background:color-mix(in srgb,var(--atg-accent) 12%,transparent);color:var(--atg-accent)}.atg-particle-grid{display:grid;gap:.5rem}.atg-particle-option{padding:.5rem .7rem;border-radius:10px;border:1px solid var(--atg-border);background:color-mix(in srgb,var(--atg-surface-strong) 84%,transparent);color:var(--atg-text);cursor:pointer;font-size:.85rem;transition:all 180ms ease;text-align:center}.atg-bg-option.atg-active,.atg-particle-option:hover{border-color:var(--atg-accent)}.atg-particle-option.atg-active{border-color:var(--atg-accent);background:color-mix(in srgb,var(--atg-accent) 12%,transparent);color:var(--atg-accent)}.atg-export-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.atg-toast{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%) translateY(24px);background:rgba(17,24,39,.93);color:#fff;padding:.8rem 1rem;border-radius:999px;box-shadow:0 12px 32px rgba(15,23,42,.24);opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease;z-index:100;max-width:calc(100vw - 2rem);text-align:center;font-size:.92rem}.atg-toast.atg-show{opacity:1;transform:translateX(-50%) translateY(0)}.atg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.atg-export-canvas{position:absolute;left:-9999px;top:0;pointer-events:none;opacity:0}.atg-search-input{width:100%;border-radius:16px;border:1px solid var(--atg-border);background:color-mix(in srgb,var(--atg-surface-strong) 90%,transparent);color:var(--atg-text);padding:.7rem .9rem;line-height:1.6;outline:0;transition:border-color 180ms ease,box-shadow 180ms ease;font-size:.9rem}.atg-search-input:focus{border-color:var(--atg-accent);box-shadow:0 0 0 4px rgba(99,102,241,.14)}.atg-filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.atg-filter-chip.atg-active{background:linear-gradient(135deg,color-mix(in srgb,var(--atg-accent) 18%,transparent),color-mix(in srgb,var(--atg-accent-2) 15%,transparent));color:var(--atg-accent);border-color:color-mix(in srgb,var(--atg-accent) 48%,var(--atg-border))}.atg-section-grid{display:grid;gap:1rem;margin-top:1rem}.atg-about-card,.atg-faq-card,.atg-related-card{background:var(--atg-surface);border:1px solid var(--atg-border);border-radius:var(--atg-radius);box-shadow:var(--atg-shadow);backdrop-filter:blur(24px);padding:1rem}.atg-about-card p,.atg-faq-card p,.atg-related-card p{color:var(--atg-muted);margin:.35rem 0 0}.atg-about-card h2,.atg-faq-card h2,.atg-related-card h2{margin:0 0 .55rem;font-size:1.1rem}.atg-about-card h3{margin:1rem 0 .25rem;font-size:1rem}.atg-faq-list details{border:1px solid var(--atg-border);border-radius:14px;background:color-mix(in srgb,var(--atg-surface-strong) 86%,transparent);padding:.8rem .95rem;margin-top:.7rem}.atg-faq-list summary{cursor:pointer;font-weight:600;list-style:none}.atg-faq-list summary::-webkit-details-marker{display:none}.atg-related-list{display:grid;gap:.7rem;margin-top:.8rem}.atg-related-item{padding:.8rem .9rem;border-radius:14px;border:1px solid var(--atg-border);background:color-mix(in srgb,var(--atg-surface-strong) 86%,transparent);display:flex;justify-content:space-between;align-items:center;gap:.6rem}@media (min-width:740px){.atg-shell{padding:1.2rem 1.2rem 3.5rem}.atg-hero{padding:1.4rem}.atg-main-grid{grid-template-columns:1fr .86fr;align-items:start}.atg-section-grid{grid-template-columns:1.2fr .8fr}.atg-anim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atg-bg-grid,.atg-particle-grid,.atg-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atg-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.atg-anim-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atg-bg-grid,.atg-particle-grid,.atg-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:420px){.atg-shell{padding:.82rem .82rem 2.4rem}.atg-header-inner{padding:.82rem .9rem}.atg-brand span{font-size:.95rem}.atg-about-card,.atg-card,.atg-faq-card,.atg-related-card{padding:.85rem}.atg-primary-btn,.atg-secondary-btn{min-height:38px;padding:.56rem .72rem;font-size:.88rem}.atg-anim-grid,.atg-bg-grid,.atg-particle-grid,.atg-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atg-controls-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.atg-preview-text{animation:none!important;transition:none!important}}