:root{--alier-base-fg: hsl(195, 9%, 12%);--alier-base-bg: hsl(195, 40%, 95%);--alier-base-theme: hsl(195, 40%, 64%);--alier-base-accent: hsl(51, 100%, 72%);--alier-ambient-col: color-mix(in hsl, var(--alier-base-theme, transparent) 30%, var(--alier-base-bg, transparent));--alier-ambient-var: color-mix(in hsl, var(--alier-ambient-col) 80%, var(--alier-base-accent, #add));--alier-stroke-col: color-mix(in srgb, var(--alier-base-fg, #000), transparent 75%);--alier-card: radial-gradient(100% 100% at -20% -30%, color-mix(in srgb, var(--alier-ambient-var) 20%, transparent), transparent), radial-gradient(120% 120% at 60% 60%, color-mix(in srgb, var(--alier-ambient-col) 5%, transparent), transparent), linear-gradient(-60deg, transparent 50%, color-mix(in srgb, var(--alier-ambient-var) 5%, transparent) 80%, transparent 90%)}[data-astro-cid-e5c4uuyz][theme=dark]{--alier-base-fg: hsl(195, 40%, 95%);--alier-base-bg: hsl(195, 9%, 17%);--alier-base-theme: hsl(195, 40%, 64%);--alier-base-accent: hsl(51, 100%, 72%);--alier-stroke-col: rgba(255, 255, 255, .15)}.demo-section[data-astro-cid-e5c4uuyz]{padding:5rem 0 6rem;background:linear-gradient(180deg,var(--global--color-background-fff) 0%,var(--global--key-color-light) 100%)}.demo-container[data-astro-cid-e5c4uuyz]{max-width:1060px;margin:0 auto;padding:0 1.5rem}.demo-intro[data-astro-cid-e5c4uuyz]{text-align:center;margin-bottom:2.5rem}.demo-title[data-astro-cid-e5c4uuyz]{font-family:var(--global--font-heading);font-size:2.1rem;font-weight:700;color:var(--global--primary-alt);margin:0 0 .6rem}.demo-lead[data-astro-cid-e5c4uuyz]{font-size:1.05rem;color:var(--global--color-font-gray);opacity:.85;line-height:1.8}.demo-panels[data-astro-cid-e5c4uuyz]{display:grid;grid-template-columns:1.35fr 1fr;border-radius:14px;overflow:hidden;box-shadow:0 12px 48px #0000001f;background:#1a2228}.panel-bar[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;gap:.45rem;padding:.75rem 1.1rem;background:#12181c}.preview-header[data-astro-cid-e5c4uuyz]{background:color-mix(in srgb,var(--alier-base-theme) 20%,#eaf0f0);border-bottom:1px solid var(--alier-stroke-col)}[data-astro-cid-e5c4uuyz][theme=dark] .preview-header[data-astro-cid-e5c4uuyz]{background:#1b2327;border-color:#ffffff14}.dot[data-astro-cid-e5c4uuyz]{width:11px;height:11px;border-radius:50%}.dot[data-astro-cid-e5c4uuyz].r{background:#ff5f57}.dot[data-astro-cid-e5c4uuyz].y{background:#ffbd2e}.dot[data-astro-cid-e5c4uuyz].g{background:#28ca42}.panel-filename[data-astro-cid-e5c4uuyz]{margin-left:.5rem;font-family:var(--global--font-tt-code);font-size:.8rem;letter-spacing:normal!important;color:#ffffff73}.preview-header[data-astro-cid-e5c4uuyz] .panel-filename[data-astro-cid-e5c4uuyz]{color:var(--global--primary-alt);font-weight:600}[data-astro-cid-e5c4uuyz][theme=dark] .preview-header[data-astro-cid-e5c4uuyz] .panel-filename[data-astro-cid-e5c4uuyz]{color:#cde0e0}.panel-code[data-astro-cid-e5c4uuyz]{background:#182026;border-right:1px solid rgba(255,255,255,.06)}.code-body[data-astro-cid-e5c4uuyz]{padding:.85rem 0;overflow-x:auto}.cl[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;padding:0 1.25rem;height:1.72rem;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.84rem;line-height:1.72rem;letter-spacing:normal!important;word-spacing:normal!important;color:#d1dde3;transition:background .18s ease,border-left-color .18s ease;border-left:3px solid transparent}.cl[data-astro-cid-e5c4uuyz].active{background:#64bea02e;border-left-color:#6bc4a6}.ln[data-astro-cid-e5c4uuyz]{display:inline-block;width:2.2ch;text-align:right;margin-right:1.2em;color:#ffffff38;user-select:none;font-size:.76rem;flex-shrink:0}.code-text[data-astro-cid-e5c4uuyz]{letter-spacing:.02em!important;white-space:pre;font-family:inherit}.indent-1[data-astro-cid-e5c4uuyz] .code-text[data-astro-cid-e5c4uuyz]{padding-left:1.5rem}.indent-2[data-astro-cid-e5c4uuyz] .code-text[data-astro-cid-e5c4uuyz]{padding-left:3rem}.indent-3[data-astro-cid-e5c4uuyz] .code-text[data-astro-cid-e5c4uuyz]{padding-left:4.5rem}.kw[data-astro-cid-e5c4uuyz]{color:#c792ea;margin-right:.45em}.fn[data-astro-cid-e5c4uuyz]{color:#82aaff}.vr[data-astro-cid-e5c4uuyz]{color:#eff}.st[data-astro-cid-e5c4uuyz]{color:#c3e88d}.nm[data-astro-cid-e5c4uuyz]{color:#f78c6c;transition:color .2s}.op[data-astro-cid-e5c4uuyz]{color:#89ddff;margin:0 .35em}.cm[data-astro-cid-e5c4uuyz]{color:#5c7e8c;font-style:italic}.cl[data-astro-cid-e5c4uuyz].active .nm[data-astro-cid-e5c4uuyz]{color:#ffcb6b}.panel-preview[data-astro-cid-e5c4uuyz]{background:var(--alier-base-bg);display:flex;flex-direction:column}.preview-body[data-astro-cid-e5c4uuyz]{display:flex;flex-direction:column;padding:1.5rem;gap:1.25rem;flex:1}.alier-glass-card[data-astro-cid-e5c4uuyz]{background:var(--alier-card);-webkit-backdrop-filter:blur(.6rem) saturate(120%);backdrop-filter:blur(.6rem) saturate(120%);border:1px solid var(--alier-stroke-col);border-radius:.9rem;box-shadow:0 .4rem .5rem #08102014,inset 0 0 1em color-mix(in hsl,var(--alier-ambient-col),transparent 50%),inset 0 0 .5em #ffffff1e;padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.model-badge[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:6px;border:1px solid var(--alier-stroke-col);background:color-mix(in hsl,var(--alier-ambient-var),transparent 75%);transition:all .25s ease}.model-badge[data-astro-cid-e5c4uuyz].flash{border-color:var(--alier-base-theme);box-shadow:0 0 14px var(--alier-base-theme);transform:scale(1.03)}.badge-tag[data-astro-cid-e5c4uuyz]{font-family:var(--global--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--global--key-color-dark)}[data-astro-cid-e5c4uuyz][theme=dark] .badge-tag[data-astro-cid-e5c4uuyz]{color:#a1e4c7}.model-badge[data-astro-cid-e5c4uuyz] code[data-astro-cid-e5c4uuyz]{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.82rem;letter-spacing:normal!important;color:var(--alier-base-fg);background:transparent}.flow-arrow[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;gap:.45rem;color:var(--alier-stroke-col);transition:color .25s,transform .25s;padding:.15rem 0}.flow-arrow[data-astro-cid-e5c4uuyz].flash{color:var(--global--key-color-dark);transform:translateY(2px)}[data-astro-cid-e5c4uuyz][theme=dark] .flow-arrow[data-astro-cid-e5c4uuyz].flash{color:#a1e4c7}.flow-text[data-astro-cid-e5c4uuyz]{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.72rem;font-weight:500;letter-spacing:normal!important}.view-container[data-astro-cid-e5c4uuyz]{width:100%;display:flex;flex-direction:column;align-items:center;padding:.4rem 0 .2rem}.display-value[data-astro-cid-e5c4uuyz]{font-family:var(--global--font-heading);font-size:3.4rem;font-weight:700;color:var(--alier-base-fg);line-height:1;margin-bottom:1.1rem;transition:transform .15s ease}.display-value[data-astro-cid-e5c4uuyz].pop{animation:numPop .3s ease}@keyframes numPop{0%{transform:scale(1)}40%{transform:scale(1.22);color:#2e95b8}to{transform:scale(1)}}.btn-group[data-astro-cid-e5c4uuyz]{display:flex;gap:1rem}.alier-btn[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border:1px solid var(--alier-stroke-col);border-radius:.65rem;background:color-mix(in hsl,var(--alier-base-bg),transparent 50%);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);cursor:pointer;transition:all .15s ease;color:var(--alier-base-fg)}.alier-btn[data-astro-cid-e5c4uuyz]:hover{border-color:var(--alier-base-theme);background:var(--alier-ambient-col);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.alier-btn[data-astro-cid-e5c4uuyz]:active{transform:translateY(0);border-color:var(--alier-base-fg)}.alier-btn[data-astro-cid-e5c4uuyz].accent{border-color:var(--alier-base-theme);background:color-mix(in hsl,var(--alier-base-theme) 25%,transparent)}.alier-btn[data-astro-cid-e5c4uuyz].accent:hover{background:color-mix(in hsl,var(--alier-base-theme) 45%,transparent)}.btn-sym[data-astro-cid-e5c4uuyz]{font-size:1.4rem;font-weight:600;line-height:1}.alier-console[data-astro-cid-e5c4uuyz]{width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--alier-stroke-col);margin-top:auto;background:#141c22}.console-bar[data-astro-cid-e5c4uuyz]{display:flex;justify-content:space-between;padding:.4rem .8rem;background:#0f161a;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.7rem;font-weight:600;letter-spacing:normal!important;color:#ffffff73;text-transform:uppercase}.console-indicator[data-astro-cid-e5c4uuyz]{color:#28ca42;font-size:.65rem}.console-log[data-astro-cid-e5c4uuyz]{padding:.55rem .8rem;min-height:4rem;max-height:5.5rem;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:.25rem}.log-line[data-astro-cid-e5c4uuyz]{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.75rem;line-height:1.45;letter-spacing:normal!important;color:#b5c7d0}.log-line[data-astro-cid-e5c4uuyz].enter{animation:logIn .22s ease}@keyframes logIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.log-tag[data-astro-cid-e5c4uuyz]{color:var(--global--key-color-dark);font-weight:700;margin-right:.3em}[data-astro-cid-e5c4uuyz][theme=dark] .log-tag[data-astro-cid-e5c4uuyz]{color:#a1e4c7}.demo-caption[data-astro-cid-e5c4uuyz]{text-align:center;margin-top:2rem}.demo-learn-link[data-astro-cid-e5c4uuyz]{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--global--font-heading);font-size:.95rem;font-weight:600;color:var(--global--key-color-dark);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.demo-learn-link[data-astro-cid-e5c4uuyz]:hover{background:#466c8414;text-decoration:none}.demo-learn-link[data-astro-cid-e5c4uuyz] .material-symbols-outlined[data-astro-cid-e5c4uuyz]{font-size:1.1em;transition:transform .2s ease}.demo-learn-link[data-astro-cid-e5c4uuyz]:hover .material-symbols-outlined[data-astro-cid-e5c4uuyz]{transform:translate(3px)}@media (max-width: 860px){.demo-panels[data-astro-cid-e5c4uuyz]{grid-template-columns:1fr}.demo-title[data-astro-cid-e5c4uuyz]{font-size:1.7rem}.cl[data-astro-cid-e5c4uuyz]{font-size:.76rem;height:1.55rem;line-height:1.55rem}}.material-symbols-outlined[data-astro-cid-e5c4uuyz]{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}
