.lab-no{font-size:var(--fs-xs);color:var(--cyan-deep);letter-spacing:.12em}.tuts{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.tuts a{gap:var(--sp-24);padding:var(--sp-16) var(--sp-4);border-bottom:1px solid var(--line);transition:padding .5s var(--ease),background-color var(--dur-color);grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.tuts a:hover{padding-inline:var(--sp-16);background:var(--paper-2)}.tuts .mono{font-size:var(--fs-xs);color:var(--ink-3)}.tuts b{font-weight:700;line-height:1.6}.tuts b small{font-weight:400;font-size:var(--fs-s);color:var(--ink-2);display:block}.more{margin:var(--sp-32) 0 0;text-align:center}@media (width<=719px){.tuts a{gap:var(--sp-4) var(--sp-16);grid-template-columns:1fr auto}.tuts .mono{grid-column:1/-1}}.demos{grid-template-columns:repeat(4,1fr)}.demo-card .card-img{background:#0b0d14}.demo-lib{font-size:var(--fs-xs);color:var(--cyan-deep);letter-spacing:.06em}.demo-card .card-title{font-size:var(--fs-m)}.demo-card .card-text{font-size:var(--fs-s)}@media (width<=1023px){.demos{grid-template-columns:1fr 1fr}}@media (width<=719px){.demos{grid-template-columns:1fr}}.pg-kinds{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.pg-kind{gap:var(--sp-8);padding:var(--sp-24);border:1px dashed var(--line);border-radius:var(--r-m);flex-direction:column;display:flex}.pg-kind-head{justify-content:space-between;align-items:center;margin:0;display:flex}.pg-kind-head .mono{font-size:var(--fs-l);color:var(--cyan-deep);font-weight:700}.pg-soon{font-size:var(--fs-xs);color:var(--ink-3);padding:2px var(--sp-8);border:1px solid var(--line);border-radius:999px;font-weight:700}.pg-kind>b{font-size:var(--fs-m);font-weight:800;line-height:1.5}.pg-kind>p{font-size:var(--fs-s);color:var(--ink-2);margin:0;line-height:1.8}@media (width<=1023px){.pg-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.pg-kinds{grid-template-columns:minmax(0,1fr)}}.pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.pillar{height:100%;color:var(--ink);background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--r-l);padding:var(--sp-12);flex-direction:column;text-decoration:none;display:flex}.pillar-img{aspect-ratio:16/10;border-radius:var(--r-m)}.pillar-img>picture>img{height:100%;inset:0;transform:none}.pillar-body{gap:var(--sp-12);padding:var(--sp-24) var(--sp-16) var(--sp-16);display:grid;position:relative}.pillar-body>.mono{font-size:var(--fs-xs);color:var(--cyan-deep);letter-spacing:.08em}.pillar-body>b{font-size:var(--fs-3xl);font-weight:800;line-height:1.2}.pillar-lead{color:var(--ink-2);line-height:1.9}.pillar-items{border-top:1px solid var(--ink);display:grid}.pillar-items>span{justify-content:space-between;gap:var(--sp-16);padding:var(--sp-8) 0;border-bottom:1px solid var(--line-soft);font-size:var(--fs-s);font-weight:700;display:flex}.pillar-items small{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:500}.pillar-body .arw{justify-self:end}@media (width<=1023px){.pillars{grid-template-columns:minmax(0,1fr)}}.pg-demo{gap:var(--sp-24);padding:var(--sp-16);color:var(--ink);background:var(--sheet);border:1px solid var(--cyan-deep);border-radius:var(--r-l);grid-template-columns:120px minmax(0,1fr);align-items:center;margin-bottom:24px;text-decoration:none;display:grid}.pg-demo img{object-fit:cover;object-position:top;border-radius:var(--r-s);border:1px solid var(--line-soft);width:120px;height:160px}.pg-demo-body{gap:var(--sp-8);padding-right:var(--sp-48);display:grid;position:relative}.pg-demo-body .mono{font-size:var(--fs-xs);color:var(--cyan-deep)}.pg-demo-body b{font-size:var(--fs-2xl);font-weight:800}.pg-demo-body>span:not(.mono){color:var(--ink-2);line-height:1.8}@media (width<=719px){.pg-demo{grid-template-columns:minmax(0,1fr)}.pg-demo img{width:100%;height:120px}.pg-demo-body{padding-right:var(--sp-48)}}.pg-demo-body .arw{position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (width<=719px){.pg-demo{grid-template-columns:72px minmax(0,1fr)}.pg-demo img{width:72px;height:96px}.pg-demo-body{padding-right:0}.pg-demo-body .arw{display:none}}.lab-quick{gap:var(--sp-12);margin:0 0 var(--sp-block);flex-wrap:wrap;display:flex}