.star-border{isolation:isolate;border-radius:var(--star-border-radius);background:var(--star-border-surface);color:var(--star-border-text);font:inherit;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.875rem 1.5rem;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.star-border:before{content:"";z-index:-1;border-radius:inherit;box-shadow:inset 0 0 0 var(--star-border-thickness) var(--star-border-track);pointer-events:none;position:absolute;inset:0}.star-border__light{z-index:-1;pointer-events:none;width:calc(100% + 96px);height:calc(100% + 96px);position:absolute;top:-48px;left:-48px}button.star-border,a.star-border{cursor:pointer}.star-border:focus-visible{outline:2px solid var(--star-border-track);outline-offset:3px}.star-border:disabled{cursor:not-allowed;opacity:.5}.lottie-box:not(.preview-shell__content){place-items:center;display:grid}.lottie-box svg{width:200px;height:200px}.shiny-text{-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.shiny-text__glow{filter:blur(.14em);pointer-events:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.glare-hover{vertical-align:top;width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border:1px solid var(--gh-border);border-radius:var(--gh-br);isolation:isolate;place-items:center;display:inline-grid;position:relative;overflow:hidden}.glare-hover__glare{z-index:2;border-radius:inherit;opacity:0;mix-blend-mode:var(--gh-blend);pointer-events:none;position:absolute;inset:0}.glare-hover__band{background:var(--gh-glare);will-change:transform;position:absolute;top:50%;left:50%}.glare-hover__rim{border-radius:inherit;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.glare-hover__band--rim{background:var(--gh-rim)}.text-type{white-space:pre-wrap;display:inline-block;position:relative}.text-type__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-type__char{position:relative}.text-type__char--selected{background-color:color-mix(in srgb, currentColor 25%, transparent)}.text-type__caret{width:0;display:inline-block}.text-type__cursor{white-space:pre;pointer-events:none;will-change:transform;transition:opacity .2s;position:absolute;top:0;left:0}.text-type__cursor--hidden{opacity:0}.text-type__blink{display:inline-block}.text-type__cursor--character .text-type__blink{margin-left:.25rem}.text-type__shape{background-color:currentColor;margin-left:.06em;display:inline-block}.text-type__cursor--bar .text-type__shape{vertical-align:-.2em;border-radius:1px;width:max(2px,.07em);height:1.1em}.text-type__cursor--block .text-type__shape{vertical-align:-.2em;border-radius:.06em;width:.56em;height:1.1em}.text-type__cursor--underscore .text-type__shape{vertical-align:-.12em;border-radius:1px;width:.56em;height:max(2px,.075em)}.gradient-text{isolation:isolate;justify-content:center;align-items:center;max-width:100%;display:inline-flex;position:relative}.gradient-text--border{border-radius:999px;padding:.35em .75em}.gradient-text--border:before{content:"";padding:var(--gt-border);border-radius:inherit;background-image:var(--gt-gradient);-webkit-mask-composite:xor;pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.gradient-text__inner{display:inline-block;position:relative}.gradient-text__content{background-image:var(--gt-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-text__glow{z-index:-1;background-image:var(--gt-gradient);-webkit-text-fill-color:transparent;filter:blur(.3em)saturate(1.4);opacity:var(--gt-glow);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.circular-text{text-align:center;cursor:pointer;border-radius:50%;margin:0 auto;position:relative}.circular-text__tilt,.circular-text__plane,.circular-text__ring{position:absolute;inset:0}.circular-text__tilt{transform-style:preserve-3d}.circular-text__plane{transition:transform .7s cubic-bezier(.22,1,.36,1)}.circular-text__letter{white-space:pre;display:inline-block;position:absolute;inset:0}.circular-text[data-settled] .circular-text__letter{transition:transform .5s cubic-bezier(0,0,0,1)}.circular-text__line{pointer-events:none;border:0 solid;border-radius:50%;transition:opacity .4s;position:absolute;inset:1.3em}.circular-text__center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spotlight-card{isolation:isolate;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{mix-blend-mode:overlay;background-size:160px 160px}.spotlight-card__border,.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}.noise{pointer-events:none;position:absolute;inset:0;overflow:hidden}.noise--fixed{position:fixed}.noise__grain{image-rendering:pixelated;background-repeat:repeat;position:absolute;inset:0}.noise__dust{width:100%;height:100%;position:absolute;inset:0}.noise__lines{background-image:repeating-linear-gradient(#0000008c 0 1px,#0000 1px 3px);position:absolute;inset:0}.flip-card{--fc-w:300px;--fc-h:400px;--fc-radius:22px;--fc-bg:#27272a;--fc-ink:#f5f5f5;--fc-shadow:#000;--fc-shadow-o:.45;--fc-glare:.22;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{border-radius:var(--fc-radius);background:color-mix(in srgb, var(--fc-shadow) calc(var(--fc-shadow-o) * 100%), transparent);filter:blur(22px);pointer-events:none;position:absolute;inset:12% 9% -5%}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-card__face img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{background:radial-gradient(circle farthest-side at var(--fc-gx,50%) var(--fc-gy,50%), rgba(255, 255, 255, var(--fc-glare)) 0%, rgba(255, 255, 255, calc(var(--fc-glare) * .76)) 12%, rgba(255, 255, 255, calc(var(--fc-glare) * .5)) 26%, rgba(255, 255, 255, calc(var(--fc-glare) * .28)) 42%, rgba(255, 255, 255, calc(var(--fc-glare) * .12)) 60%, rgba(255, 255, 255, calc(var(--fc-glare) * .04)) 78%, #fff0 100%);opacity:var(--fc-sheen,0);pointer-events:none;position:absolute;inset:0}.flip-card[data-fade] .flip-card__face{opacity:0;backface-visibility:visible;transition:opacity .2s;transform:none}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.gradient-ascii-container{width:100%;height:100%;position:relative;overflow:hidden}.gradient-ascii-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.aero-shards{width:100%;height:100%;position:relative;overflow:hidden}.aero-shards-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.light-tunnel-container{width:100%;height:100%;position:relative;overflow:hidden}.light-tunnel-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lightfall-container{width:100%;height:100%;position:relative;overflow:hidden}.lightfall-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.particles-container{width:100%;height:100%;position:relative;overflow:hidden}.particles-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.galaxy-container{width:100%;height:100%;position:relative;overflow:hidden}.galaxy-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hyperspeed{touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.hyperspeed canvas{width:100%;height:100%;display:block}.swarm-cursor{width:100%;height:100%;position:relative;overflow:hidden}.swarm-cursor-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.swarm-cursor-content{z-index:1;box-sizing:border-box;pointer-events:none;place-items:center;width:100%;height:100%;padding:12px;display:grid;position:relative}.swarm-cursor-content [data-swarm-target]{pointer-events:auto}.circular-gallery{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.circular-gallery[data-pointer]{cursor:pointer}.circular-gallery[data-dragging]{cursor:grabbing}.circular-gallery-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.circular-gallery-labels{pointer-events:none;position:absolute;inset:0}.circular-gallery-label{white-space:nowrap;will-change:transform, opacity;line-height:1.2;position:absolute;top:0;left:0}.circular-gallery-caption{text-align:center;opacity:0;pointer-events:none;width:min(90%,36rem);position:absolute;top:0;left:50%}.circular-gallery-caption-text{opacity:.65;margin:0;line-height:1.5}.circular-gallery-close{width:40px;height:40px;color:inherit;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;top:12px;right:12px}.circular-gallery-close[data-visible]{opacity:.8;pointer-events:auto}.circular-gallery-close:hover{opacity:1}.circular-gallery-close:focus-visible{outline-offset:2px;outline:2px solid}.circular-gallery-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sparkles-text{--sparkles-first-color:#9e7aff;--sparkles-second-color:#fe8bbb;color:#f4f4f8;font-size:clamp(28px,5vw,56px);font-weight:700;line-height:1.15}.sparkles-text--card{font-size:clamp(22px,4vw,32px)}.sparkles-text__inner{display:inline-block;position:relative}.sparkles-text__inner strong{font-weight:inherit}.sparkles-text__sparkle{z-index:2;pointer-events:none;position:absolute}:root{--bg:#05050d;--panel:#0d0d1a;--line:#ffffff14;--pink:#ff2e88;--cyan:#00f0ff;--violet:#b44bff;--text:#e8e8f5;--muted:#8a8aa8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);min-height:100vh;color:var(--text);background-image:linear-gradient(#00f0ff09 1px,#0000 1px),linear-gradient(90deg,#00f0ff09 1px,#0000 1px);background-size:48px 48px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.home{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero{isolation:isolate;text-align:center;background:radial-gradient(80% 55% at 50% -10%,#b44bff24,#0000 55%),radial-gradient(70% 50% at 100% 100%,#00f0ff1a,#0000 50%),radial-gradient(60% 45% at 0 80%,#ff2e881f,#0000 50%);flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(88px,12vh,120px) 24px clamp(72px,10vh,96px);display:flex;position:relative;overflow:hidden}.hero-inner{width:100%;max-width:720px}.orb{z-index:-1;filter:blur(90px);opacity:.5;border-radius:50%;animation:12s ease-in-out infinite alternate float;position:absolute}.orb-a{background:var(--pink);width:420px;height:420px;top:-120px;left:-100px}.orb-b{background:var(--cyan);width:460px;height:460px;animation-delay:-6s;bottom:-160px;right:-120px}@keyframes float{to{transform:translate(60px,-40px)scale(1.1)}}.eyebrow{color:var(--cyan);letter-spacing:.2em;opacity:.9;margin-bottom:28px;font:500 13px/1 ui-monospace,Menlo,monospace}.glitch-wrap{justify-content:center;width:100%;max-width:100%;display:flex;overflow:visible}.glitch{letter-spacing:.02em;white-space:nowrap;margin:0;font:900 clamp(40px,11vw,140px)/.95 Orbitron,system-ui,sans-serif;display:inline-grid;position:relative}.glitch>*{font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;border:0;grid-area:1/1;margin:0;padding:0}.glitch__base{color:#fff;text-shadow:0 0 24px #00f0ff73}.glitch__fx{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.glitch__fx--a{color:var(--pink);animation:2.6s linear infinite alternate-reverse glitch-a}.glitch__fx--b{z-index:2;color:var(--cyan);animation:3.1s linear infinite alternate-reverse glitch-b}@keyframes glitch-a{0%{clip-path:inset(12% 0 62%);transform:translate(-2px)}20%{clip-path:inset(58% 0 18%);transform:translate(2px)}40%{clip-path:inset(30% 0 40%);transform:translate(-1px)}60%{clip-path:inset(80% 0 4%);transform:translate(2px)}80%{clip-path:inset(5% 0 85%);transform:translate(-2px)}to{clip-path:inset(45% 0 30%);transform:translate(1px)}}@keyframes glitch-b{0%{clip-path:inset(70% 0 5%);transform:translate(2px)}25%{clip-path:inset(20% 0 60%);transform:translate(-2px)}50%{clip-path:inset(50% 0 25%);transform:translate(2px)}75%{clip-path:inset(8% 0 75%);transform:translate(-1px)}to{clip-path:inset(62% 0 15%);transform:translate(2px)}}.lead{max-width:560px;color:var(--muted);margin:28px auto 0;font-size:17px}.hero-actions{margin-top:40px}.cta{background:linear-gradient(135deg, var(--pink), var(--violet));color:#fff;letter-spacing:.06em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 24px #ff2e8880}.cta:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff2e88cc}.gallery{max-width:1200px;margin:0 auto;padding:64px 24px 40px}.gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-title{background:linear-gradient(90deg, #fff, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font:700 36px/1.2 Orbitron,system-ui,sans-serif}.search{border:1px solid var(--line);background:var(--panel);width:280px;max-width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:12px 18px;transition:border-color .2s,box-shadow .2s}.search::placeholder{color:#5d5d7a}.search:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff26}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px;transition:all .2s}.chip:hover{color:var(--text);border-color:var(--cyan)}.chip.is-on{color:#05050d;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 16px #00f0ff80}.count{color:var(--muted);margin:20px 0 24px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:18px;outline:none;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:hover,.card:focus-visible{border-color:#00f0ff80;transform:translateY(-6px);box-shadow:0 20px 50px -10px #00f0ff40,0 0 0 1px #ff2e8833}.card-preview{z-index:0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 0,#b44bff2e,#0000 70%),#080812;flex:0 0 200px;height:200px;position:relative;overflow:hidden}.card-thumb{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.card-thumb__cover{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.card-thumb__shade{background:linear-gradient(#05050d26 0%,#05050dd1 100%);position:absolute;inset:0}.card-thumb__hint{z-index:1;text-align:center;color:#e8e8f5d1;margin:0;padding:0 16px;font-size:13px;position:relative}.card-preview-live{width:100%;height:100%}.preview-shell{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-preview-live.preview-shell{padding:12px}.preview-shell__content{flex:0 auto;max-width:100%;max-height:100%}.preview-shell__content.lottie-box{justify-content:center;align-items:center;display:flex}.card-preview-live .wake-slider__track,.card-preview-live .slosh-gauge[data-interactive=true]{touch-action:none}.rb-preview--gpu{justify-content:stretch;align-items:stretch}.card-thumb__badge{z-index:2;color:var(--violet);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0d1abf;border:1px solid #b44bff73;border-radius:999px;padding:2px 10px;font-size:11px;position:absolute;top:12px;right:12px}.card-foot{z-index:2;background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative}.card-foot h3{margin-bottom:6px;font-size:17px}.badge{color:var(--violet);border:1px solid #b44bff66;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.view{white-space:nowrap;color:var(--cyan);opacity:.75;font-size:13px;transition:all .2s}.card:hover .view{opacity:1;transform:translate(3px)}.empty{text-align:center;color:var(--muted);padding:60px 0}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:40px;padding:48px 24px 64px;font-size:13px}.footer--home{z-index:1;pointer-events:none;background:0 0;border-top:0;margin:0;padding:clamp(16px,3vh,28px) 24px;position:absolute;bottom:0;left:0;right:0}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#05050db3;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#fff;letter-spacing:.05em;font:900 18px/1 Orbitron,system-ui,sans-serif;text-decoration:none}.brand span{color:var(--cyan);text-shadow:0 0 12px #00f0ff99}.nav-links{gap:8px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--text)}.nav-links a.is-active{color:#05050d;background:var(--cyan);box-shadow:0 0 16px #00f0ff80}.home-cta__star-border{letter-spacing:.06em;padding:14px 30px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 0 28px #00f0ff1f}.home-cta__star-border:hover{transform:translateY(-2px);box-shadow:0 0 36px #ff2e8838}.library{max-width:1200px;margin:0 auto;padding:120px 24px 40px}.library-head{margin-bottom:28px}.library-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:32px;padding-top:8px;display:flex}.pager-btn{border:1px solid var(--line);color:var(--text);background:var(--panel);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s}.pager-btn:hover:not(:disabled){color:var(--cyan);border-color:#00f0ff73}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-pages{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pager-page{border:1px solid var(--line);min-width:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:600;transition:all .2s}.pager-page:hover{color:var(--text);border-color:#b44bff73}.pager-page.is-on{color:#fff;background:linear-gradient(135deg, var(--pink), var(--violet));border-color:#0000;box-shadow:0 0 16px #ff2e8859}.lead-sm{color:var(--muted);margin-top:10px;font-size:15px}.source-tabs{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:4px;margin-bottom:28px;padding:4px;display:inline-flex}.source-tab{color:var(--muted);border-radius:10px;padding:10px 22px;font-weight:600;text-decoration:none;transition:all .2s}.source-tab:hover{color:var(--text)}.source-tab.is-on{color:#fff;background:linear-gradient(135deg, var(--pink), var(--violet));box-shadow:0 0 20px #ff2e8866}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.card-preview{padding:0}.modal-mask{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03030abf;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid #00f0ff4d;border-radius:20px;width:min(720px,100%);max-height:90vh;padding:24px;animation:.25s pop;overflow:auto;box-shadow:0 0 60px #00f0ff26}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:20px}.close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.close:hover{color:var(--pink)}.modal-preview{border:1px solid var(--line);background:#080812;border-radius:14px;justify-content:center;align-items:center;height:min(52vh,420px);min-height:320px;margin-bottom:18px;display:flex;overflow:hidden}.modal-preview:has(.effect-preview-shell--fill){justify-content:stretch;align-items:stretch}.rb-preview--live{width:100%;height:100%;min-height:inherit;justify-content:center;align-items:center;display:flex}.rb-preview--live:has(.effect-preview-shell--fill){justify-content:stretch;align-items:stretch}.effect-preview-shell{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.effect-preview-shell:not(.effect-preview-shell--fill){padding:16px}.effect-preview-shell--fill{flex:auto;align-self:stretch;min-height:100%;padding:0;display:block}.effect-preview-shell--fill>*{width:100%;height:100%;min-height:100%;position:absolute;inset:0}.preview-gpu-wait{background:radial-gradient(circle at 50% 40%,#00f0ff14,#0000 65%),#080812;width:100%;height:100%;min-height:120px;display:block}.modal-preview .effect-preview-shell--fill{min-height:min(52vh,420px)}.modal-preview .effect-preview-shell:not(.effect-preview-shell--fill){width:100%;height:100%;min-height:min(52vh,420px)}.card-preview-paused{background:radial-gradient(circle at 50% 0,#b44bff1f,#0000 70%),#080812;width:100%;height:100%}.preview-error{text-align:center;width:100%;height:100%;color:var(--muted);place-content:center;gap:8px;padding:16px;font-size:14px;display:grid}.preview-error__detail{opacity:.75;word-break:break-word;font-size:12px}.code-block{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}.code-head{color:var(--muted);background:#0a0a16;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}.code-head button{border:1px solid var(--line);color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:13px}.code-head button:hover{border-color:var(--cyan)}pre{color:#c9d1ff;white-space:pre-wrap;word-break:break-all;background:#06060c;max-height:220px;margin:0;padding:14px;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.copy-all{width:100%;margin-top:6px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(10px)}}@media (width<=640px){.section-title{font-size:26px}.search{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}