main[data-astro-cid-n5glvuaz]{padding:var(--space-8) 0 var(--space-12)}.dice-row[data-astro-cid-n5glvuaz]{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-4) 0}.dice-badge-demo[data-astro-cid-n5glvuaz]{background:linear-gradient(135deg,var(--color-accent) 0%,#ffffff 100%);padding:var(--space-1);filter:drop-shadow(calc(var(--die-shadow-x) * 1px) calc(var(--die-shadow-y) * 1px) calc(var(--die-shadow-blur) * 1px) rgb(var(--die-shadow-color) / var(--die-shadow-opacity)));aspect-ratio:1;width:64px;display:flex;align-items:center;justify-content:center}.design-page-header[data-astro-cid-n5glvuaz]{max-width:1120px}.page-header[data-astro-cid-n5glvuaz]{margin-bottom:var(--space-8)}.page-header[data-astro-cid-n5glvuaz] h1[data-astro-cid-n5glvuaz]{background:var(--gradient-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3)}.subtitle[data-astro-cid-n5glvuaz]{color:var(--color-text-muted);font-size:var(--text-m);margin:0}.subtitle[data-astro-cid-n5glvuaz] code[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent)}.design-layout[data-astro-cid-n5glvuaz]{max-width:1120px}.design-content[data-astro-cid-n5glvuaz] section[data-astro-cid-n5glvuaz]{margin-bottom:var(--space-12)}.design-content[data-astro-cid-n5glvuaz] section[data-astro-cid-n5glvuaz]>h2[data-astro-cid-n5glvuaz]{font-size:var(--text-h2);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);scroll-margin-top:var(--space-6)}.design-content[data-astro-cid-n5glvuaz] section[data-astro-cid-n5glvuaz]>h3[data-astro-cid-n5glvuaz]{font-size:var(--text-h4);color:var(--color-text);margin:var(--space-6) 0 var(--space-3);scroll-margin-top:var(--space-6)}.hint[data-astro-cid-n5glvuaz]{color:var(--color-text-subtle);font-size:var(--text-sm);margin:0 0 var(--space-4)}.token[data-astro-cid-n5glvuaz]{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);word-break:break-all}.value[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.used[data-astro-cid-n5glvuaz]{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-5);line-height:var(--line-height-normal);overflow-wrap:anywhere}.used[data-astro-cid-n5glvuaz] code[data-astro-cid-n5glvuaz]{overflow-wrap:anywhere}.variant-list[data-astro-cid-n5glvuaz]{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:var(--space-2) 0 var(--space-5);padding-left:var(--space-5)}.variant-list[data-astro-cid-n5glvuaz] li[data-astro-cid-n5glvuaz]{margin-bottom:var(--space-2);overflow-wrap:anywhere}.latest-demo[data-astro-cid-n5glvuaz]{max-width:460px;margin:var(--space-2) 0 var(--space-5)}.swatch-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5)}.swatch[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;gap:var(--space-2)}.swatch-chip[data-astro-cid-n5glvuaz]{width:100%;aspect-ratio:1.4;border-radius:var(--radius-md);border:1px solid var(--color-border)}.gradient-block[data-astro-cid-n5glvuaz]{height:120px;border-radius:var(--radius-md);background:var(--gradient-heading);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.row-meta[data-astro-cid-n5glvuaz]{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-3) 0 0}.family-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.family[data-astro-cid-n5glvuaz]{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated)}.family-sample[data-astro-cid-n5glvuaz]{font-size:var(--text-m);margin:var(--space-3) 0;color:var(--color-text)}.type-list[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;gap:var(--space-5)}.type-row[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:1fr 220px;gap:var(--space-5);align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.type-sample[data-astro-cid-n5glvuaz] .reset{margin:0;color:var(--color-text)}.type-meta[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.lh-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.lh-block[data-astro-cid-n5glvuaz]{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated)}.space-list[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;gap:var(--space-3)}.space-row[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:1fr 180px 80px;align-items:center;gap:var(--space-3)}.space-bar[data-astro-cid-n5glvuaz]{height:14px;background:var(--color-accent);border-radius:var(--radius-sm)}.radius-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-5)}.radius-block[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.radius-chip[data-astro-cid-n5glvuaz]{width:100%;height:80px;background:var(--color-accent)}.shadow-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6);padding:var(--space-4) 0}.shadow-card[data-astro-cid-n5glvuaz]{background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-4);min-height:100px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--color-border-subtle)}.transition-row[data-astro-cid-n5glvuaz]{display:flex;gap:var(--space-4);flex-wrap:wrap}.t-btn[data-astro-cid-n5glvuaz]{cursor:pointer;background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;font-family:inherit}.t-btn[data-astro-cid-n5glvuaz]:hover{background:var(--color-accent);color:var(--color-bg)}.t-btn[data-astro-cid-n5glvuaz]:hover .token[data-astro-cid-n5glvuaz],.t-btn[data-astro-cid-n5glvuaz]:hover .value[data-astro-cid-n5glvuaz]{color:var(--color-bg);background:transparent}.layout-list[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;gap:var(--space-5)}.layout-row[data-astro-cid-n5glvuaz]{display:flex;flex-direction:column;gap:var(--space-2)}.layout-bar[data-astro-cid-n5glvuaz]{height:10px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-tertiary));border-radius:var(--radius-full);width:100%}.layout-meta[data-astro-cid-n5glvuaz]{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.layout-meta[data-astro-cid-n5glvuaz] .used[data-astro-cid-n5glvuaz]{margin:0}.grain-demo[data-astro-cid-n5glvuaz]{position:relative;height:140px;border-radius:var(--radius-md);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);overflow:hidden}.grain-demo[data-astro-cid-n5glvuaz]:after{content:"";position:absolute;inset:0;background-image:var(--grain-svg);opacity:var(--grain-opacity);pointer-events:none}.grain-demo[data-astro-cid-n5glvuaz] code[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);color:var(--color-accent)}.grain-demo--hero[data-astro-cid-n5glvuaz]:after{opacity:var(--grain-opacity-hero);mix-blend-mode:overlay}.hero-glow-demo[data-astro-cid-n5glvuaz]{position:relative;height:140px;border-radius:var(--radius-md);background-color:var(--color-bg);background-image:radial-gradient(circle 500px at 100% 100%,var(--hero-glow-color),transparent);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);overflow:hidden}.hero-glow-demo[data-astro-cid-n5glvuaz] code[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);color:var(--color-accent)}.editorial-block[data-astro-cid-n5glvuaz]{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);margin-bottom:var(--space-5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ed-label[data-astro-cid-n5glvuaz]{margin:0 0 var(--space-3);color:var(--color-text-subtle);font-size:var(--text-sm)}.ed-label[data-astro-cid-n5glvuaz] code[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);color:var(--color-accent)}.hero-title-demo[data-astro-cid-n5glvuaz]{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--text-h1);line-height:var(--line-height-tight);color:var(--color-text);margin:0 0 var(--space-3)}.hero-title-demo[data-astro-cid-n5glvuaz] strong[data-astro-cid-n5glvuaz]{font-weight:700;background:linear-gradient(90deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-title-demo[data-astro-cid-n5glvuaz]{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--text-h3);line-height:var(--line-height-tight);color:var(--color-text);margin:0 0 var(--space-3)}.hero-summary-demo[data-astro-cid-n5glvuaz]{font-family:var(--font-display);font-weight:400;font-size:1.26rem;line-height:var(--line-height-relaxed);letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 var(--space-3)}.tag-row[data-astro-cid-n5glvuaz]{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.badge-demo[data-astro-cid-n5glvuaz]{display:inline-block;padding:.25em .6em;font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#fff;box-shadow:var(--shadow-tag)}.badge-demo--featured[data-astro-cid-n5glvuaz]{background:var(--color-variation-4)}.badge-demo--category[data-astro-cid-n5glvuaz]{background:var(--color-accent-tertiary)}.badge-demo--hero-pill[data-astro-cid-n5glvuaz]{background:var(--color-accent);color:var(--color-bg)}.badge-demo--card-tag[data-astro-cid-n5glvuaz]{background:var(--color-accent-tertiary);font-size:.625rem}.badge-demo--top-pick[data-astro-cid-n5glvuaz]{background:var(--color-accent);color:var(--color-bg);font-size:.625rem}.badge-demo--first-impressions[data-astro-cid-n5glvuaz]{background:var(--color-accent);color:var(--color-bg);padding:.2em .5em;font-size:.55rem}.card-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-bottom:var(--space-4)}.components-grid[data-astro-cid-n5glvuaz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.comp-block[data-astro-cid-n5glvuaz]{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.link-sample[data-astro-cid-n5glvuaz]{color:var(--color-text);text-decoration:none;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:left bottom;background-size:100% 1px;transition:background-size var(--transition-base)}.link-sample[data-astro-cid-n5glvuaz]:hover{background-size:100% 10px}.inline-code[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-accent);padding:2px 6px;border-radius:var(--radius-sm)}.bq[data-astro-cid-n5glvuaz]{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);color:var(--color-text-muted);font-style:italic}.card-symbol-pool[data-astro-cid-n5glvuaz]{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.card-symbol-demo[data-astro-cid-n5glvuaz]{font-family:var(--font-mono);font-size:1.5rem;line-height:1;color:var(--color-accent);width:1.5em;text-align:center}.caption-demo[data-astro-cid-n5glvuaz] img[data-astro-cid-n5glvuaz]{max-width:100%;height:auto;display:block;margin:0 auto}.caption-demo[data-astro-cid-n5glvuaz] em[data-astro-cid-n5glvuaz]{display:block;text-align:center;font-family:var(--font-mono);font-style:normal;font-size:var(--caption-font-size);color:#ccc;margin-top:var(--space-2)}@media(max-width:768px){.type-row[data-astro-cid-n5glvuaz]{grid-template-columns:1fr}.space-row[data-astro-cid-n5glvuaz]{grid-template-columns:1fr 140px 70px}}