.rl .demo-frame{background:var(--rl-paper-2);width:100%;height:100%;position:relative;overflow:hidden}.rl .demo-frame iframe{opacity:0;border:0;transition:opacity .35s;display:block}.rl .demo-frame.is-ready iframe{opacity:1}.rl .demo-skeleton{background:radial-gradient(40% 36% at 18% 22%, var(--rl-paper), transparent 72%), var(--rl-mint);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rl .demo-skeleton-win,.rl .demo-skeleton-bar{border:2px solid var(--rl-line);background:var(--rl-paper);animation:1.4s ease-in-out infinite alternate demo-pulse;position:absolute}.rl .demo-skeleton-win{border-radius:12px;width:36%;height:52%;top:18%;left:14%}.rl .demo-skeleton-win-2{width:30%;height:40%;top:12%;left:56%}.rl .demo-skeleton-bar{border-radius:999px;height:7%;bottom:4%;left:6%;right:6%}@keyframes demo-pulse{0%{opacity:.35}to{opacity:.7}}.rl .demo-load{z-index:1;border:var(--rl-stroke) solid var(--rl-line);background:var(--rl-paper);color:var(--rl-ink);font:800 14px var(--rl-sans);box-shadow:3px 3px 0 var(--rl-drop);cursor:pointer;border-radius:999px;padding:10px 18px;position:relative}.rl .demo-skin-tabs{gap:4px;margin-left:auto;display:inline-flex}.rl .demo-skin-tabs button,.rl .fiddle-seg button,.rl .fiddle-palettes button{border:1.5px solid var(--rl-line);background:var(--rl-paper);color:var(--rl-ink-2);font:800 12px/1 var(--rl-sans);white-space:nowrap;cursor:pointer;border-radius:999px;padding:5px 11px;transition:background .2s,color .2s}.rl .demo-skin-tabs button[aria-pressed=true],.rl .fiddle-seg button[aria-pressed=true],.rl .fiddle-palettes button[aria-pressed=true]{background:var(--rl-accent);border-color:var(--rl-accent);color:var(--rl-on-accent)}.rl .rl-hero-art .rl-window-screen{aspect-ratio:4/3;position:relative}.rl .demo-open{z-index:2;border:var(--rl-stroke) solid var(--rl-line);background:var(--rl-paper);color:var(--rl-ink);font:800 13px/1 var(--rl-sans);box-shadow:3px 3px 0 var(--rl-drop);cursor:pointer;border-radius:999px;padding:9px 16px;transition:transform .15s,box-shadow .15s;position:absolute;bottom:12px;right:12px}.rl .demo-open:hover{box-shadow:4px 4px 0 var(--rl-drop);transform:translate(-1px,-1px)}.rl .demo-dialog-backdrop{z-index:100;background:#0e2a2299;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rl .demo-dialog{flex-direction:column;width:min(1240px,100%);height:min(840px,100%);display:flex;overflow:hidden}.rl .demo-dialog-screen{flex:1;min-height:0}.rl .demo-close{border:1.5px solid var(--rl-line);background:var(--rl-paper);width:30px;height:30px;color:var(--rl-ink);font:800 18px/1 var(--rl-sans);cursor:pointer;border-radius:50%;flex:none;margin-left:4px}@media (max-width:600px){.rl .demo-skin-tabs button{padding:5px 8px;font-size:11px}.rl .rl-window-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rl .rl-hero-art .rl-window-screen{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){.rl .demo-skeleton-win,.rl .demo-skeleton-bar{animation:none}.rl .demo-frame iframe{transition:none}}
.rl .fiddle-toolbar{align-items:center;gap:12px;margin:-24px 0 22px;display:flex}.rl .fiddle-toolbar-label{font-family:var(--rl-hand);color:var(--rl-ink-3);font-size:22px;font-weight:700}.rl .fiddle-seg{border:var(--rl-stroke) solid var(--rl-line);background:var(--rl-paper);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.rl .fiddle-seg button{border-color:#0000;padding:8px 14px;font-size:13px}.rl .fiddle{grid-template-columns:290px 1fr;align-items:start;gap:32px;display:grid}.rl .fiddle-tabs{flex-direction:column;display:flex}.rl .fiddle-tab{border:0;border-bottom:1.5px dashed var(--rl-line);text-align:left;cursor:pointer;color:var(--rl-ink-3);background:0 0;flex-direction:column;gap:6px;padding:16px 2px;display:flex}.rl .fiddle-tab-title{font:900 19px/1.2 var(--rl-sans)}.rl .fiddle-tab-text{font:600 14px/1.5 var(--rl-sans);color:var(--rl-ink-2);display:none}.rl .fiddle-tab[aria-selected=true]{color:var(--rl-ink)}.rl .fiddle-tab[aria-selected=true] .fiddle-tab-title{color:var(--rl-accent)}.rl .fiddle-tab[aria-selected=true] .fiddle-tab-text{display:block}.rl .fiddle-tab:hover .fiddle-tab-title{color:var(--rl-ink)}.rl .fiddle-tab{position:relative}.rl .fiddle-tab-title{align-items:center;gap:8px;display:inline-flex}.rl .fiddle-tab-go{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;width:16px;height:16px;animation:2.4s ease-in-out infinite fiddle-nudge;animation-delay:calc(var(--i,0) * .18s);flex:none}.rl .fiddle-tab:hover .fiddle-tab-go{opacity:1;color:var(--rl-accent);animation-duration:.9s}.rl .fiddle-tab[aria-selected=true] .fiddle-tab-go{display:none}@keyframes fiddle-nudge{0%,55%,to{transform:translate(0)}70%{transform:translate(5px)}85%{transform:translate(1px)}}.rl .fiddle-side{min-width:0}.rl .fiddle-hint{font:700 21px/1 var(--rl-hand);color:var(--rl-accent);transform-origin:0 100%;pointer-events:none;align-items:flex-start;gap:2px;margin-bottom:-4px;animation:1.8s ease-in-out infinite fiddle-hint-bob;display:inline-flex;transform:rotate(-4deg)}.rl .fiddle-hint-arrow{width:26px;height:26px;margin-top:8px}@keyframes fiddle-hint-bob{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-4px)}}.rl .fiddle-stage{flex-direction:column;gap:14px;min-width:0;display:flex}.rl .fiddle-palettes{flex-wrap:wrap;gap:6px;display:flex}.rl .fiddle-palettes button{align-items:center;gap:6px;display:inline-flex}.rl .fiddle-swatch{border:1.5px solid var(--rl-line);border-radius:50%;width:14px;height:14px}.rl .fiddle-frames{grid-template-columns:1fr;gap:20px;display:grid}.rl .fiddle-stage.is-both:not(.is-desktop) .fiddle-frames{grid-template-columns:1fr 1fr}.rl .fiddle-frame{height:470px;margin:0;position:relative;overflow:hidden}.rl .fiddle-stage.is-desktop .fiddle-frame{aspect-ratio:16/10;height:auto}.rl .fiddle-frame-cap{z-index:2;border:1.5px solid var(--rl-line);background:var(--rl-paper);font:800 12px/1 var(--rl-sans);color:var(--rl-ink);pointer-events:none;border-radius:999px;padding:4px 10px;position:absolute;top:10px;left:10px}@media (max-width:900px){.rl .fiddle{grid-template-columns:1fr;gap:18px}.rl .fiddle-tabs{scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;overflow-x:auto}.rl .fiddle-tab{border:1.5px solid var(--rl-line);border-radius:999px;flex:none;padding:8px 14px}.rl .fiddle-tab-title{font-size:14px}.rl .fiddle-tab[aria-selected=true]{background:var(--rl-accent);border-color:var(--rl-accent)}.rl .fiddle-tab[aria-selected=true] .fiddle-tab-title{color:var(--rl-on-accent)}.rl .fiddle-tab-text,.rl .fiddle-tab[aria-selected=true] .fiddle-tab-text{display:none}.rl .fiddle-tab-go{width:13px;height:13px}.rl .fiddle-stage.is-both:not(.is-desktop) .fiddle-frames{grid-template-columns:1fr}.rl .fiddle-frame{height:440px}}@media (max-width:600px){.rl .fiddle-toolbar{flex-wrap:wrap;margin-top:-32px}.rl .fiddle-stage.is-desktop .fiddle-frame{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){.rl .fiddle-tab-go,.rl .fiddle-hint{animation:none}}
.rl .featured{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.rl .featured-card{overflow:hidden}.rl .featured-card:first-child{transform:rotate(-1deg)}.rl .featured-card:nth-child(3){transform:rotate(1deg)}.rl .featured-screen{aspect-ratio:16/10;border-bottom:var(--rl-stroke) solid var(--rl-line);background:repeating-linear-gradient(135deg, transparent 0 10px, var(--rl-mint) 10px 20px), var(--rl-paper-2);font-family:var(--rl-hand);color:var(--rl-ink-3);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:19px;font-weight:700;display:flex}.rl .featured-eyes{font:900 22px/1 var(--rl-sans);letter-spacing:.1em;color:var(--rl-ink)}.rl .featured-foot{justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.rl .featured-handle{color:var(--rl-ink);font-size:15px;font-weight:800}.rl .featured-handle i{color:var(--rl-accent);font-style:normal}@media (max-width:900px){.rl .featured{grid-template-columns:1fr;max-width:460px;margin:0 auto}.rl .featured-card:nth-child(n){transform:none}}