.article[data-astro-cid-zm77yjld]{min-height:100vh;padding:var(--space-xl) 0}.article-container[data-astro-cid-zm77yjld]{width:90%;max-width:800px;margin:0 auto}.article-header[data-astro-cid-zm77yjld]{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.article-meta[data-astro-cid-zm77yjld]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.featured-badge[data-astro-cid-zm77yjld]{background:linear-gradient(135deg,#884aff,#e93330);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.article-date[data-astro-cid-zm77yjld],.article-author[data-astro-cid-zm77yjld]{color:#ffffffb3;font-size:.9rem}.article-title[data-astro-cid-zm77yjld]{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1;margin:0 0 1.5rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent}.article-description[data-astro-cid-zm77yjld]{font-size:1.25rem;line-height:1.6;color:#fffc;margin:0 0 2rem}.article-tags[data-astro-cid-zm77yjld]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-astro-cid-zm77yjld]{background:#ffffff1a;color:#fffc;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;border:1px solid rgba(255,255,255,.2)}.article-content[data-astro-cid-zm77yjld]{font-size:1.1rem;line-height:1.8;color:#ffffffe6;margin-bottom:4rem}.article-content[data-astro-cid-zm77yjld] h1[data-astro-cid-zm77yjld],.article-content[data-astro-cid-zm77yjld] h2[data-astro-cid-zm77yjld],.article-content[data-astro-cid-zm77yjld] h3[data-astro-cid-zm77yjld],.article-content[data-astro-cid-zm77yjld] h4[data-astro-cid-zm77yjld],.article-content[data-astro-cid-zm77yjld] h5[data-astro-cid-zm77yjld],.article-content[data-astro-cid-zm77yjld] h6[data-astro-cid-zm77yjld]{color:#fff;margin:2rem 0 1rem;font-weight:700}.article-content[data-astro-cid-zm77yjld] h1[data-astro-cid-zm77yjld]{font-size:2.5rem}.article-content[data-astro-cid-zm77yjld] h2[data-astro-cid-zm77yjld]{font-size:2rem}.article-content[data-astro-cid-zm77yjld] h3[data-astro-cid-zm77yjld]{font-size:1.75rem}.article-content[data-astro-cid-zm77yjld] h4[data-astro-cid-zm77yjld]{font-size:1.5rem}.article-content[data-astro-cid-zm77yjld] p[data-astro-cid-zm77yjld]{margin:1.5rem 0}.article-content[data-astro-cid-zm77yjld] ul[data-astro-cid-zm77yjld],.article-content[data-astro-cid-zm77yjld] ol[data-astro-cid-zm77yjld]{margin:1.5rem 0;padding-left:2rem}.article-content[data-astro-cid-zm77yjld] li[data-astro-cid-zm77yjld]{margin:.5rem 0}.article-content[data-astro-cid-zm77yjld] blockquote[data-astro-cid-zm77yjld]{border-left:4px solid #884AFF;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#fffc}.article-content :not(pre)>code{font-family:Space Mono,monospace;font-size:.82em;background:#884aff1f;border:1px solid rgba(136,74,255,.25);color:#c4a0ff;padding:.15em .5em;border-radius:.375rem;white-space:normal;overflow-wrap:break-word;word-break:break-word}.code-wrapper{position:relative;margin:2.5rem 0;border-radius:1rem}.article-content[data-astro-cid-zm77yjld] pre{background:#00000073;padding:24px;border-radius:1rem;overflow-x:auto;margin:0;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff0d}.article-content[data-astro-cid-zm77yjld] pre code{background:none;padding:0;font-size:.875em;line-height:1.7;font-family:Space Mono,monospace}.copy-btn{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#1e1e23cc;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#fff6;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;backdrop-filter:blur(8px)}.copy-btn:hover{background:#ffffff1f;color:#fffffff2;border-color:#ffffff40;transform:scale(1.08)}.copy-btn.copied{color:#884aff;border-color:#884aff80;background:#884aff26}.article-content[data-astro-cid-zm77yjld] img[data-astro-cid-zm77yjld]{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0;box-shadow:0 8px 32px #0000004d}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:2.5rem 0;font-size:.875rem;font-family:Space Mono,monospace;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden}.article-content th{text-align:left;padding:.875rem 1.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.article-content th:not(:last-child),.article-content td:not(:last-child){border-right:1px solid rgba(255,255,255,.06)}.article-content td{padding:.875rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);color:#fffc;vertical-align:middle}.article-content tr:last-child td{border-bottom:none}.article-content tbody tr:hover td{background:#ffffff08;color:#fff}.article-content a{color:#ffffffb3;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.15);transition:color .3s ease,border-color .3s ease}.article-content a:hover{color:#fff;border-bottom-color:#fff6}.article-content .embed-wrapper{margin:2rem 0;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);aspect-ratio:16 / 9}.article-content .embed-wrapper iframe{width:100%;height:100%;border:none;display:block}.article-content .figma-community-link{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:.5rem;color:#ffffffb3!important;font-size:.9rem;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;margin:.5rem 0 1.5rem}.article-content .figma-community-link:hover{background:#ffffff14;color:#fff!important;border-color:#fff3!important}.article-footer[data-astro-cid-zm77yjld]{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.back-to-articles[data-astro-cid-zm77yjld]{display:inline-flex;align-items:center;color:#884aff;text-decoration:none;font-weight:500;transition:all .3s ease;margin-bottom:3rem}.back-to-articles[data-astro-cid-zm77yjld]:hover{transform:translate(-5px)}.related-articles[data-astro-cid-zm77yjld] h3[data-astro-cid-zm77yjld]{font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.related-grid[data-astro-cid-zm77yjld]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-card[data-astro-cid-zm77yjld]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease}.related-card[data-astro-cid-zm77yjld]:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.related-card[data-astro-cid-zm77yjld] h4[data-astro-cid-zm77yjld]{color:#fff;margin:0 0 .5rem;font-size:1.1rem}.related-card[data-astro-cid-zm77yjld] p[data-astro-cid-zm77yjld]{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.related-date[data-astro-cid-zm77yjld]{color:#ffffff80;font-size:.8rem}@media (max-width: 768px){.article[data-astro-cid-zm77yjld]{padding-top:5rem;overflow-x:hidden}.article-container[data-astro-cid-zm77yjld]{width:92%;overflow-x:hidden}.article-meta[data-astro-cid-zm77yjld]{flex-direction:column;align-items:flex-start;gap:.25rem}.article-title[data-astro-cid-zm77yjld]{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.15}.article-description[data-astro-cid-zm77yjld]{font-size:1rem}.article-content[data-astro-cid-zm77yjld]{font-size:1rem;line-height:1.75}.article-content[data-astro-cid-zm77yjld] h2[data-astro-cid-zm77yjld]{font-size:1.5rem}.article-content[data-astro-cid-zm77yjld] h3[data-astro-cid-zm77yjld]{font-size:1.25rem}.article-content[data-astro-cid-zm77yjld] h4[data-astro-cid-zm77yjld]{font-size:1.1rem}.article-content[data-astro-cid-zm77yjld] pre{padding:16px;font-size:.8rem}.related-grid[data-astro-cid-zm77yjld]{grid-template-columns:1fr}}