/* Shared presentation for the native-rendered WASM app launchers. */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#10121a;color:#eceef6;font:15px/1.6 system-ui,-apple-system,sans-serif}body{height:100vh}a{color:#d5d8f1;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #c2b3ff;outline-offset:5px}[hidden]{display:none!important}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;user-select:none;-webkit-user-select:none}.gallery-shell{max-width:1240px;margin:auto;padding:0 32px 64px}.gallery-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff16;padding:24px 0}.gallery-brand{font-size:21px;letter-spacing:-1px;font-weight:750;text-decoration:none;color:white}.gallery-brand span{color:#aaa7bc;font-weight:450;margin-left:8px;letter-spacing:0;font-size:13px}.gallery-topbar nav{display:flex;gap:24px;flex-wrap:wrap}.gallery-topbar nav a{font-size:13px;text-decoration:none;color:#aaaec1}.gallery-topbar nav a:hover{color:white}.gallery-hero{padding:36px 0 24px;max-width:820px}.gallery-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b8a3ff;font-weight:650}.gallery-hero h1{font-size:clamp(34px,4.4vw,48px);font-weight:550;line-height:1.08;letter-spacing:-2px;margin:12px 0 16px}.gallery-hero p{font-size:17px;color:#aeb2c5;max-width:640px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-card{border:1px solid #ffffff16;border-radius:16px;overflow:hidden;background:#191c28;display:flex;flex-direction:column;transition:border-color .15s}.demo-card:hover{border-color:#a99adb88}.demo-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.demo-card small{color:#a7a3be;font-size:10px;text-transform:uppercase;letter-spacing:1.6px}.demo-card h2,.demo-card h3{font-size:21px;font-weight:550;letter-spacing:-.4px;margin:8px 0}.demo-card p{color:#aeb2c5;font-size:13px;margin:0 0 22px;flex:1}.demo-card nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demo-card nav a{font-size:12px;color:#aeb2c5;text-decoration:none}.demo-card nav a:first-child{background:#e1dcff;color:#26203d;padding:9px 15px;border-radius:7px;font-weight:650;margin-right:auto}.demo-card nav a:hover{color:white}.demo-card nav a:first-child:hover{background:#f3f0ff;color:#26203d}.demo-preview{height:164px;position:relative;overflow:hidden;background:#232539;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff0d}.demo-preview:before,.demo-preview:after{content:"";position:absolute}.preview-brushes{background:radial-gradient(ellipse at 20% 80%,#23ccc6,transparent 55%),radial-gradient(ellipse at 85% 30%,#fc879b,transparent 60%),linear-gradient(130deg,#3859d6,#7846ae)}.preview-brushes:after{width:110px;height:74px;border:2px solid #ffffff80;border-radius:17px;transform:rotate(-12deg);box-shadow:28px 16px 0 #ffffff20}.preview-layers{background:repeating-linear-gradient(90deg,#f4ad50 0 18px,#7790d1 18px 36px)}.preview-layers:after{width:160px;height:90px;background:#ded8f34d;backdrop-filter:blur(9px);border:1px solid #ffffff99;border-radius:16px;transform:rotate(-8deg)}.preview-shader{background:conic-gradient(from 45deg at 60% 50%,#6689e8,#a060db,#fa9676,#6689e8)}.preview-shader:after{width:86px;height:86px;transform:rotate(45deg);border:2px solid #ffffffa0;background:#ffffff20;border-radius:14px}.preview-parley{background:linear-gradient(140deg,#223443,#384b59)}.preview-parley span{font-size:27px;color:#d8ebdc;line-height:1.7;text-align:center}.preview-svg{background:linear-gradient(145deg,#31364b,#1c2233)}.preview-svg:after{width:105px;height:105px;border-radius:90% 0 85% 0;transform:rotate(-24deg);background:linear-gradient(30deg,#74c7b0,#d4eaa8);box-shadow:inset -8px -5px 20px #23463840}.preview-color{background:linear-gradient(90deg,#feae85,#ef7c9d,#bc80c2,#6989da,#49b1be)}.preview-color:after{inset:48px 35px;border:1px solid #ffffff77;background:linear-gradient(90deg,#ffffff50,transparent);border-radius:7px}.preview-minimal:after{width:190px;height:66px;border-radius:19px;background:linear-gradient(90deg,#325d8c,#64a6ff,#325d8c);box-shadow:0 0 35px #5285e92b}.preview-glow{background:radial-gradient(circle at 25% 50%,#85d6ee99,transparent 18%),radial-gradient(circle at 55% 35%,#ad91ffbb,transparent 17%),radial-gradient(circle at 75% 65%,#ef9dbeaa,transparent 20%),#202333}.preview-particles{background:radial-gradient(circle,#c3b5ff 1px,transparent 3px) 0 0/26px 25px,radial-gradient(circle,#68b5df 1px,transparent 3px) 13px 9px/37px 31px,#202333}.preview-composition:before{width:140px;height:74px;border-radius:12px;background:#d7687ca6;transform:translate(-34px,-12px)}.preview-composition:after{width:140px;height:74px;border-radius:12px;background:#7ac6a5a6;transform:translate(30px,15px);box-shadow:35px -35px 0 #678cdb88}.preview-shadows{background:#dadce7}.preview-shadows:after{width:135px;height:78px;background:#eeeff5;border-radius:14px;box-shadow:0 18px 25px #6545b855,15px 6px 28px #d08e7955}.preview-borders:after{width:160px;height:60px;border-radius:32px;border:2px solid #c8b8ff;background:linear-gradient(100deg,#8cbdff30,#da9bff20);box-shadow:-15px 0 24px #528df850,15px 0 24px #ffb97e40}.gallery-foot{margin-top:40px;border-top:1px solid #ffffff16;padding-top:20px;color:#8d92a8;font-size:12px}.gallery-shell details{border-top:1px solid #ffffff16;margin-top:40px;padding-top:20px;color:#aeb2c5}.gallery-shell summary{cursor:pointer;color:#e0e3ef}.gallery-shell li{margin:10px 0}.gallery-shell h2.section-title{margin-top:44px;font-size:23px}.demo-error{position:fixed;inset:20px;background:#151925;white-space:pre-wrap;z-index:5;padding:24px;border:1px solid #59617e;border-radius:12px;overflow:auto}@media(max-width:960px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gallery-shell{padding:0 20px 40px}.gallery-topbar{align-items:flex-start}.gallery-topbar nav{gap:10px;justify-content:flex-end}.gallery-brand span{display:none}.gallery-hero{padding-top:36px}.gallery-grid{grid-template-columns:1fr}.gallery-hero h1{letter-spacing:-1px}.demo-preview{height:155px}}@media(prefers-reduced-motion:reduce){.demo-card{transition:none}}
.gallery-categories{display:flex;flex-wrap:wrap;gap:9px;padding:4px 0 28px;border-bottom:1px solid #ffffff16}.gallery-categories a{border:1px solid #ffffff20;border-radius:24px;padding:7px 15px;text-decoration:none;font-size:12px;color:#c2c5d7}.gallery-categories a:hover{background:#b7a2ff1c;border-color:#b7a2ff77}.demo-category{scroll-margin-top:24px;padding-top:32px}.demo-category-heading{margin:0 0 20px}.demo-category-heading h2{display:inline;font-size:25px;letter-spacing:-.5px;font-weight:550;margin:0}.demo-category-heading>span{margin-left:14px;color:#a8a1bf;border:1px solid #ffffff1c;padding:3px 8px;border-radius:5px;font-size:11px}.demo-category-heading p{color:#aeb2c5;font-size:13px;margin:7px 0 0}.gallery-topbar nav a[aria-current=page]{color:#e0d5ff}.native-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.native-demo{background:#181c27;border:1px solid #ffffff18;padding:24px;border-radius:12px}.native-demo small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#b9adc9}.native-demo h3{font-size:19px;font-weight:550;margin:8px 0}.native-demo p{color:#aeb2c5;font-size:13px}.gallery-shell .native-demo details{margin:16px 0;padding-top:13px}.native-demo summary,.native-demo>a{font-size:12px}.native-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f131d;padding:12px;border-radius:6px;font-size:11px;color:#d6cbea}@media(max-width:600px){.native-demo-grid{grid-template-columns:1fr}.gallery-categories{gap:8px}.gallery-categories a{padding:6px 11px}}