.animation-detail[data-v-23addd11]{background:radial-gradient(circle at 20% 20%,rgba(var(--color-primary),.18),transparent 32%),radial-gradient(circle at 80% 20%,rgba(var(--color-secondary),.16),transparent 40%),radial-gradient(120% 120% at 50% 80%,rgba(var(--color-bg-primary),.96),rgba(var(--color-bg-primary),1));color:rgb(var(--color-text-primary));isolation:isolate;min-height:calc(var(--app-vh, 1vh)*100);overflow:hidden;padding:120px 0 4rem;position:relative}.animation-detail__background[data-v-23addd11]{inset:0;pointer-events:none;position:absolute;z-index:0}.animation-detail__beam[data-v-23addd11]{background:conic-gradient(from 120deg,rgba(var(--color-primary),.2),transparent 55%);border-radius:40%;height:32vw;max-height:520px;max-width:520px;mix-blend-mode:screen;opacity:.6;position:absolute;transform:rotate(-6deg);width:32vw}.animation-detail__beam_left[data-v-23addd11]{animation:drift-23addd11 20s ease-in-out infinite;left:-10%;top:-12%}.animation-detail__beam_right[data-v-23addd11]{animation:drift-23addd11 22s ease-in-out infinite reverse;background:conic-gradient(from 240deg,rgba(var(--color-secondary),.22),transparent 58%);bottom:-18%;right:-14%}.animation-detail__container[data-v-23addd11]{position:relative;z-index:1}.animation-detail__header[data-v-23addd11]{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.animation-detail__eyebrow[data-v-23addd11]{align-items:center;background:rgba(var(--color-primary),.12);border-radius:9999px;color:rgb(var(--color-primary));display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.04em;margin:0 0 .25rem;padding:.25rem .5rem;text-transform:uppercase}.animation-detail__title[data-v-23addd11]{font-size:1.875rem;margin:0}.animation-detail__subtitle[data-v-23addd11]{color:rgba(var(--color-text-secondary),.9);line-height:1.6;margin:.25rem 0 0;max-width:640px}.animation-detail__actions[data-v-23addd11]{display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.animation-detail__back-link[data-v-23addd11]{background:rgba(var(--color-bg-primary),.08);border:1px solid rgba(var(--color-border),.6);border-radius:9999px;box-shadow:inset 0 1px rgba(var(--color-border),.25);color:rgb(var(--color-text-primary));font-weight:500;padding:.5rem 1rem;transition:border-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;white-space:nowrap}.animation-detail__back-link[data-v-23addd11]:hover{border-color:rgba(var(--color-primary),.5);box-shadow:inset 0 1px rgba(var(--color-border),.25),0 4px 12px #0000001a;transform:translateY(-1px)}.animation-detail__back-link[data-v-23addd11]:active{transform:translateY(0)}.animation-detail__layout[data-v-23addd11]{align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.animation-detail__preview[data-v-23addd11]{background:linear-gradient(160deg,rgba(var(--color-primary),.12),rgba(var(--color-bg-primary),.96));border:1px solid rgba(var(--panel-border),.2);border-radius:1rem;box-shadow:0 14px 32px #00000047;display:grid;gap:1.5rem;padding:1.5rem}@media(max-width:768px){.animation-detail__preview[data-v-23addd11]{padding:1rem}}.animation-detail__preview-content[data-v-23addd11]{display:grid;min-height:160px;padding:1rem 0;place-items:center;width:100%}.animation-detail__fallback-preview[data-v-23addd11]{background:rgba(var(--color-bg-secondary),.7);border:1px solid rgba(var(--panel-border),.35);border-radius:.5rem;color:rgb(var(--color-text-secondary));font-size:.75rem;line-height:1.5;margin:0;max-height:220px;overflow:auto;padding:1rem;white-space:pre-wrap;width:100%}.animation-card__tag[data-v-23addd11]{align-items:center;background:linear-gradient(135deg,rgba(var(--color-accent),.12),rgba(var(--color-primary),.08));border:1px solid rgba(var(--color-accent),.2);border-radius:9999px;box-shadow:0 2px 8px rgba(var(--color-accent),.06);color:rgb(var(--color-accent));display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;justify-self:start;letter-spacing:.08em;margin-bottom:0;padding:.25rem .5rem;text-transform:uppercase;width:-moz-max-content;width:max-content}.animation-detail__preview-actions[data-v-23addd11]{display:inline-flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}@media(max-width:640px){.animation-detail__preview-actions[data-v-23addd11]{gap:.5rem;justify-content:stretch}.animation-detail__preview-actions[data-v-23addd11]>*{flex:1;min-width:-moz-max-content;min-width:max-content}}.animation-detail__seo[data-v-23addd11]{display:grid;gap:1rem;margin-bottom:2rem}.animation-detail__seo-card[data-v-23addd11]{background:linear-gradient(140deg,rgba(var(--color-bg-secondary),.78),rgba(var(--color-bg-primary),.9));border:1px solid rgba(var(--panel-border),.22);border-radius:.75rem;padding:1.5rem}.animation-detail__seo-title[data-v-23addd11]{font-size:1.125rem;margin:0 0 .5rem}.animation-detail__seo-text[data-v-23addd11]{color:rgba(var(--color-text-secondary),.92);line-height:1.7;margin:0}.animation-detail__related[data-v-23addd11]{background:rgba(var(--color-bg-secondary),.45);border:1px solid rgba(var(--panel-border),.22);border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.animation-detail__related-title[data-v-23addd11]{font-size:1.125rem;margin:0 0 1rem}.animation-detail__related-links[data-v-23addd11]{display:flex;flex-wrap:wrap;gap:.5rem}.animation-detail__related-link[data-v-23addd11]{align-items:center;border:1px solid rgba(var(--color-border),.5);border-radius:9999px;color:rgb(var(--color-text-primary));display:inline-flex;padding:.25rem .5rem;text-decoration:none;transition:border-color .2s ease-in-out,transform .2s ease-in-out}.animation-detail__related-link[data-v-23addd11]:hover{border-color:rgba(var(--color-primary),.55);transform:translateY(-1px)}.animation-export[data-v-23addd11]{display:flex;flex-direction:column;gap:1rem}.animation-export__toolbar[data-v-23addd11]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.animation-export__actions[data-v-23addd11]{display:flex;gap:.5rem;margin-left:auto}.animation-export__code[data-v-23addd11]{background:rgb(var(--color-bg-secondary));border:1px solid rgba(var(--panel-border),.25);border-radius:.5rem;max-height:320px;overflow:auto;padding:1rem}.animation-detail__code[data-v-23addd11]{background:radial-gradient(circle at 0 0,rgba(56,189,248,.14),transparent 45%),linear-gradient(160deg,#111827,#0b1220);border:1px solid color-mix(in srgb,#60a5fa 34%,var(--color-border));border-radius:1rem;box-shadow:0 18px 38px #0206176b;overflow:hidden}.animation-detail__code-head[data-v-23addd11]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:1rem 1.5rem}@media(max-width:768px){.animation-detail__code-head[data-v-23addd11]{padding:1rem}}.code-block[data-v-23addd11]{color:#dbeafe;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;font-weight:700;line-height:1.65;margin:0;overflow-x:auto;padding:1rem 1.5rem 1.5rem;white-space:pre}[data-v-23addd11] .code-token{font-weight:700}[data-v-23addd11] .code-token_keyword{color:#ff79c6}[data-v-23addd11] .code-token_string{color:#facc15}[data-v-23addd11] .code-token_number{color:#fb923c}[data-v-23addd11] .code-token_comment{color:#9ca3af;font-weight:600}[data-v-23addd11] .code-token_tag{color:#60a5fa}[data-v-23addd11] .code-token_attribute{color:#22d3ee}[data-v-23addd11] .code-token_value{color:#34d399}[data-v-23addd11] .code-token_function{color:#c084fc}[data-v-23addd11] .code-token_operator{color:#f8fafc}@keyframes drift-23addd11{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(4%,6%,0) scale(1.06) rotate(4deg)}to{transform:translateZ(0) scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.animation-detail__beam[data-v-23addd11]{animation:none!important}}