*{box-sizing:border-box}:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e1c3d}#root{margin:0;padding:0;width:100vw;min-height:100vh;box-sizing:border-box}body{margin:0;min-height:100vh;background:#10162b;color:#1e1c3d}.app-shell{min-height:100vh;color:var(--text-main);background:var(--page-bg);transition:background .45s ease,color .45s ease}.theme-candy{--page-bg: radial-gradient(circle at 12% 10%, #ffd7f4 0%, #ffd7f400 30%), radial-gradient(circle at 90% 15%, #b7e5ff 0%, #b7e5ff00 32%), radial-gradient(circle at 40% 85%, #ffe8a6 0%, #ffe8a600 35%), linear-gradient(180deg, #fff4e8 0%, #f5f8ff 100%);--text-main: #27255a;--muted-text: #57507f;--title-text: #322c68;--soft-border: #e3d7ff;--hero-shadow: #ffffffcc;--workflow-border: #ffd36b;--workflow-bg: linear-gradient(160deg, #fff9d6, #ffe8f5 72%);--panel-bg: linear-gradient(180deg, #f2fcff, #fff4fb);--panel-border: #a5d7ff;--card-bg: linear-gradient(180deg, #fff9ff, #f6f0ff);--card-border: #efcbff;--card-active: #6cc6ff;--btn-bg: linear-gradient(135deg, #5d68ff, #ff69b9);--btn-border: #746bff;--btn-focus: #7c55ff;--badge-bg: #fff;--badge-border: #e9cbff;--badge-text: #664f98;--code-bg: #ffffffd9;--code-border: #d3d6ff;--code-text: #4339a2;--blob-a: radial-gradient(circle, #ff95c9, #ff95c922 70%);--blob-b: radial-gradient(circle, #8ac7ff, #8ac7ff22 70%)}.theme-neon{--page-bg: radial-gradient(circle at 20% 8%, #2fffd255 0%, #2fffd200 28%), radial-gradient(circle at 80% 20%, #ff46b355 0%, #ff46b300 35%), linear-gradient(180deg, #080b20 0%, #100f2f 100%);--text-main: #e9f6ff;--muted-text: #abd4ff;--title-text: #c7fff7;--soft-border: #2d4f8c;--hero-shadow: #00f0ff66;--workflow-border: #25eec0;--workflow-bg: linear-gradient(160deg, #0b2037, #1a1140);--panel-bg: linear-gradient(180deg, #0d2a3e, #23143f);--panel-border: #35ccff;--card-bg: linear-gradient(180deg, #0e223f, #1e1744);--card-border: #514fbf;--card-active: #18ffd6;--btn-bg: linear-gradient(135deg, #00d2ff, #d72dff);--btn-border: #2ee8ff;--btn-focus: #5efcff;--badge-bg: #0f2448;--badge-border: #2d6cd0;--badge-text: #b9deff;--code-bg: #09152f;--code-border: #2e4f84;--code-text: #8dc8ff;--blob-a: radial-gradient(circle, #00ffd099, #00ffd000 72%);--blob-b: radial-gradient(circle, #ff4eb999, #ff4eb900 72%)}.theme-arcade{--page-bg: radial-gradient(circle at 14% 12%, #ffd26355 0%, #ffd26300 33%), radial-gradient(circle at 85% 18%, #6be8ff55 0%, #6be8ff00 33%), linear-gradient(180deg, #1f1835 0%, #2e1f46 100%);--text-main: #fff1cf;--muted-text: #ffdca5;--title-text: #fff86f;--soft-border: #6e4f84;--hero-shadow: #ff6e2466;--workflow-border: #ffb53f;--workflow-bg: linear-gradient(160deg, #48356a, #6a3868);--panel-bg: linear-gradient(180deg, #4f3769, #632f50);--panel-border: #ffd35a;--card-bg: linear-gradient(180deg, #533868, #6d2f6a);--card-border: #f57bb9;--card-active: #ffe36d;--btn-bg: linear-gradient(135deg, #ff8e2f, #ff4bbf);--btn-border: #ffc86d;--btn-focus: #fff98e;--badge-bg: #452c57;--badge-border: #f9b85e;--badge-text: #ffe9b3;--code-bg: #37244f;--code-border: #c58bf8;--code-text: #ffd88f;--blob-a: radial-gradient(circle, #ffb84a99, #ffb84a00 72%);--blob-b: radial-gradient(circle, #62daff99, #62daff00 72%)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text);font-size:.75rem;font-weight:700}.catalog-page{position:relative;isolation:isolate;width:min(1200px,100%);margin:0 auto;padding:2rem 1rem 3rem}.catalog-page:before,.catalog-page:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);animation:floatBlob 9s ease-in-out infinite}.catalog-page:before{width:240px;height:240px;top:-40px;left:-70px;background:var(--blob-a)}.catalog-page:after{width:300px;height:300px;right:-90px;top:140px;background:var(--blob-b);animation-delay:-4s}.hero h1{margin:.4rem 0 .6rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1;color:var(--title-text);text-shadow:0 3px 0 var(--hero-shadow)}.hero-copy{margin:0;max-width:70ch;color:var(--muted-text)}.theme-switcher{display:inline-flex;gap:.45rem;margin-bottom:.8rem}.theme-pill{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;border:1px solid var(--soft-border);color:var(--muted-text);background:transparent}.theme-pill.active{background:var(--btn-bg);border-color:var(--btn-border);color:#fff}.theme-pill:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero-mascots{margin-top:.8rem;display:flex;gap:.5rem;flex-wrap:wrap}.hero-mascot{width:clamp(2.1rem,4.2vw,3rem);height:clamp(2.1rem,4.2vw,3rem);animation:bob 2.4s ease-in-out infinite;filter:drop-shadow(0 3px 0 #0000002e)}.hero-mascot:nth-child(2){animation-delay:.2s}.hero-mascot:nth-child(3){animation-delay:.4s}.hero-mascot:nth-child(4){animation-delay:.6s}.hero-mascot:nth-child(5){animation-delay:.8s}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:clip}.sparkle{position:absolute;width:1rem;height:1rem;opacity:.6;color:var(--title-text);animation:drift 12s linear infinite}.sparkle-1{left:4%;top:11%}.sparkle-2{left:93%;top:12%;animation-delay:-2s}.sparkle-3{left:12%;top:72%;animation-delay:-4s}.sparkle-4{left:86%;top:58%;animation-delay:-6s}.sparkle-5{left:52%;top:4%;animation-delay:-8s}.sparkle-6{left:31%;top:38%;animation-delay:-1.2s}.sparkle-7{left:67%;top:74%;animation-delay:-4.8s}.sparkle-8{left:76%;top:29%;animation-delay:-7.3s}.workflow-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.workflow-card{border:2px solid var(--workflow-border);background:var(--workflow-bg);border-radius:18px;padding:1rem;box-shadow:0 8px 20px #0002}.workflow-card h2{margin:0 0 .4rem;font-size:1rem}.workflow-card p{margin:0 0 .6rem;color:var(--muted-text);min-height:2.8rem}.workflow-card code{display:block;padding:.45rem .6rem;background:var(--code-bg);border-radius:8px;border:1px solid var(--code-border);color:var(--code-text)}.catalog-grid{margin-top:1.2rem;display:grid;gap:1rem;grid-template-columns:minmax(320px,2fr) minmax(280px,1fr)}.engine-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.engine-card{border:2px solid var(--card-border);border-radius:18px;background:var(--card-bg);padding:.9rem;text-align:left;color:var(--text-main);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px #0002}.engine-card:hover{border-color:var(--card-active);transform:translateY(-4px) rotate(-.2deg);box-shadow:0 14px 24px #0000002d}.engine-card.active{border-color:var(--card-active);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-active) 60%,transparent) inset,0 12px 24px #0003}.engine-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.engine-card-header h3{margin:0;font-size:1rem}.engine-card p{margin:.5rem 0;color:var(--muted-text)}.badge{font-size:.74rem;padding:.15rem .45rem;border-radius:999px;background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);white-space:nowrap}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap}.tag{font-size:.75rem;color:var(--muted-text);border:1px solid var(--soft-border);background:color-mix(in srgb,var(--code-bg) 70%,transparent);border-radius:999px;padding:.1rem .5rem}.engine-panel{border:2px solid var(--panel-border);border-radius:18px;background:var(--panel-bg);padding:1rem;box-shadow:0 12px 24px #0002}.engine-panel h2{margin:0 0 .5rem}.panel-copy{margin:0 0 .9rem;color:var(--muted-text)}.panel-actions{margin-bottom:.8rem}button{border-radius:10px;border:1px solid var(--btn-border);padding:.55rem .9rem;font-size:.95rem;font-weight:500;font-family:inherit;color:#fff;background:var(--btn-bg);cursor:pointer;transition:transform .2s ease,filter .2s ease}button:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.05)}button:focus,button:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}button:disabled{opacity:.65;cursor:not-allowed}.command-list p{margin:.45rem 0}code{background:var(--code-bg);border:1px solid var(--code-border);padding:.08rem .35rem;border-radius:6px;color:var(--code-text)}.demo-page{width:100vw;height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.demo-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--soft-border);background:color-mix(in srgb,var(--panel-bg) 70%,transparent)}.demo-header h2{margin:.2rem 0 0}.demo-stage{min-height:0;overflow:hidden;padding:.5rem;width:100%;height:100%}.demo-stage>*{width:100%;height:100%}@media (max-width: 960px){.catalog-grid{grid-template-columns:1fr}}.engine-mascot{width:1.3rem;height:1.3rem;vertical-align:middle;animation:wiggle 2.6s ease-in-out infinite;filter:drop-shadow(0 2px 0 #00000029)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(8deg)}to{transform:translateY(0) rotate(0)}}@keyframes floatBlob{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(12px) translate(-8px)}}