@font-face{font-family:ES Rebond Grotesque;font-style:normal;font-weight:400;font-display:swap;src:url(/font/ES%20Rebond%20Grotesque%20/Trial/otf/ESRebondGrotesqueTRIAL-Regular.otf)format("opentype")}@font-face{font-family:ES Rebond Grotesque;font-style:italic;font-weight:400;font-display:swap;src:url(/font/ES%20Rebond%20Grotesque%20/Trial/otf/ESRebondGrotesqueTRIAL-Italic.otf)format("opentype")}@font-face{font-family:ES Rebond Grotesque;font-style:normal;font-weight:500;font-display:swap;src:url(/font/ES%20Rebond%20Grotesque%20/Trial/otf/ESRebondGrotesqueTRIAL-Medium.otf)format("opentype")}@font-face{font-family:ES Rebond Grotesque;font-style:normal;font-weight:600;font-display:swap;src:url(/font/ES%20Rebond%20Grotesque%20/Trial/otf/ESRebondGrotesqueTRIAL-Semibold.otf)format("opentype")}@font-face{font-family:ES Rebond Grotesque;font-style:normal;font-weight:700;font-display:swap;src:url(/font/ES%20Rebond%20Grotesque%20/Trial/otf/ESRebondGrotesqueTRIAL-Bold.otf)format("opentype")}@font-face{font-family:ES Rebond Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/font/ES%20Rebond%20Grotesque%20/Trial/otf/ESRebondGrotesqueTRIAL-Extrabold.otf)format("opentype")}:root{--font-heading:"ES Rebond Grotesque", "Inter", system-ui, sans-serif;--font-body:"Pretendard Variable", "Pretendard", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--font-sans:var(--font-body);--text-display-lg:3rem;--text-display-md:2.5rem;--text-display-sm:2rem;--text-h1:3rem;--text-h2:2.5rem;--text-h3:2rem;--text-h4:1.75rem;--text-h5:1.5rem;--text-h6:1.25rem;--text-title-lg:1.125rem;--text-title-md:1rem;--text-title-sm:.875rem;--text-body-lg:1.125rem;--text-body-md:1rem;--text-body-sm:.875rem;--text-label-lg:.875rem;--text-label-md:.75rem;--text-label-sm:.625rem;--text-subtitle:.75rem;--text-lead:1.25rem;--text-body:var(--text-body-md);--text-sm:var(--text-body-sm);--text-xs:var(--text-label-md);--text-display:var(--text-display-lg);--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-display:-.03em;--tracking-heading:-.02em;--tracking-snug:-.01em;--tracking-body:0;--tracking-label:.05em;--color-accent:#987ff8;--color-accent-light:#c4b4fc;--color-accent-dark:#6b52d6;--color-bg:#fff;--color-bg-subtle:#f7f7f8;--color-bg-muted:#f0f0f2;--color-text:#1a1a1f;--color-text-secondary:#5c5c6e;--color-text-muted:#9898a8;--color-border:#e2e2ea;--color-border-strong:#c8c8d8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000a;--sidebar-width:240px;--header-height:60px;--content-max-width:860px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal)}h1{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);color:var(--color-text);margin-bottom:var(--space-3)}h2{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--color-text);margin-bottom:var(--space-2);margin-top:var(--space-10)}h3{font-family:var(--font-heading);font-size:var(--text-h3);letter-spacing:var(--tracking-snug);color:var(--color-text);margin-bottom:var(--space-2);margin-top:var(--space-6);font-weight:600;line-height:1.4}h4{font-family:var(--font-body);font-size:var(--text-h4);color:var(--color-text-secondary);margin-bottom:var(--space-1);margin-top:var(--space-5);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:600;line-height:1.4}p{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{font-family:var(--font-body);color:var(--color-accent);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}code{font-family:var(--font-mono);background-color:var(--color-bg-muted);color:var(--color-accent-dark);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.875em}pre{font-family:var(--font-mono);font-size:var(--text-sm);color:#e8e8f0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);line-height:var(--leading-normal);margin:var(--space-6) 0;background-color:#1a1a1f;overflow-x:auto}pre code{color:inherit;background:0 0;border-radius:0;padding:0;font-size:1em}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-1)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm);font-family:var(--font-body)}th{text-align:left;padding:var(--space-2) var(--space-3);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label)}td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-secondary);vertical-align:top}tr:last-child td{border-bottom:none}.hub-grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.doc-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.doc-table th{background-color:var(--color-bg-subtle)}.doc-table td,.doc-table th{border-bottom:1px solid var(--color-border)}.doc-table tr:last-child td{border-bottom:none}.coming-soon-banner{align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:color-mix(in srgb, var(--color-accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:var(--radius-md);margin-top:var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);display:flex}.coming-soon-banner strong{font-family:var(--font-body);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600;display:block}.coming-soon-banner p{font-size:var(--text-sm);margin:0}.header{height:var(--header-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;align-items:center;gap:2rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header__logo{flex-shrink:0;align-items:center;gap:.625rem;text-decoration:none;display:flex}.header__logo-mark{background-color:var(--color-accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.header__logo-mark img{width:auto;height:15px;display:block}.header__logo-text{color:var(--color-text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.header__version{color:var(--color-accent);background-color:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);vertical-align:middle;border-radius:999px;margin-left:.25rem;padding:.1em .5em;font-size:.6875rem;font-weight:600;display:inline-block}.header__nav{flex:1;align-items:center;gap:.25rem;display:flex}.header__nav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.header__nav-link:hover{color:var(--color-text);background-color:var(--color-bg-subtle);text-decoration:none}.header__nav-link.active{color:var(--color-accent);background-color:color-mix(in srgb, var(--color-accent) 8%, transparent);font-weight:600}.header__search{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:text;flex-shrink:0;align-items:center;gap:.5rem;padding:.375rem .75rem;transition:border-color .15s;display:flex}.header__search:focus-within{border-color:var(--color-accent)}.header__search-icon{color:var(--color-text-muted);flex-shrink:0;font-size:.875rem}.header__search input{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text);background:0 0;border:none;outline:none;width:160px}.header__search input::placeholder{color:var(--color-text-muted)}@media (width<=768px){.header__nav{display:none}.header__search input{width:100px}}.sidebar{width:var(--sidebar-width);top:var(--header-height);height:calc(100vh - var(--header-height));border-right:1px solid var(--color-border);background-color:var(--color-bg);flex-shrink:0;padding:1.5rem 0;position:sticky;overflow-y:auto}.sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.25rem;padding:0 1rem .5rem;font-size:.6875rem;font-weight:700}.sidebar__nav{margin:0;padding:0;list-style:none}.sidebar__nav-item{margin:0}.sidebar__nav-link{color:var(--color-text-secondary);border-left:2px solid #0000;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:flex}.sidebar__category{margin:0 0 .5rem;list-style:none}.sidebar__category-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:1.25rem 0 .25rem;padding:0 1rem;font-size:.6875rem;font-weight:700}.sidebar__subnav{margin:0;padding:0;list-style:none}.sidebar__group{margin:0;list-style:none}.sidebar__group-header{cursor:pointer;width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.45rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.sidebar__group-header:hover{color:var(--color-accent)}.sidebar__group-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s}.sidebar__group-chevron.open{transform:rotate(0)}.sidebar__group-chevron:not(.open){transform:rotate(-90deg)}.sidebar__group-list{margin:0;padding:0;list-style:none}.sidebar__group-list .sidebar__nav-link{padding-left:1.75rem}.sidebar__nav-link:hover{color:var(--color-text);background-color:var(--color-bg-subtle);text-decoration:none}.sidebar__nav-link.active{color:var(--color-accent);border-left-color:var(--color-accent);background-color:color-mix(in srgb, var(--color-accent) 6%, transparent);font-weight:600}@media (width<=768px){.sidebar{display:none}}.breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.breadcrumb__link{color:var(--color-text-muted);text-decoration:none;transition:color .15s}.breadcrumb__link:hover{color:var(--color-accent);text-decoration:none}.breadcrumb__separator{color:var(--color-border-strong);-webkit-user-select:none;user-select:none;font-size:.75rem}.breadcrumb__current{color:var(--color-text-secondary);font-weight:500}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__body{margin-top:var(--header-height);flex:1;display:flex}.layout__main{flex:1;min-width:0;padding:2.5rem 3rem;overflow-y:auto}.layout__content{max-width:var(--content-max-width);margin:0 auto}.layout__main--home{padding:0}@media (width<=768px){.layout__main{padding:1.5rem 1.25rem}}.cover-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;flex-direction:column;text-decoration:none;transition:box-shadow .18s,border-color .18s,transform .18s;display:flex;overflow:hidden}.cover-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.cover-card__banner{flex-shrink:0;width:100%;height:168px;position:relative;overflow:hidden}.cover-card__banner--image{background-position:50%;background-repeat:no-repeat;background-size:cover}.cover-card__banner--figma{background-color:#1d1d1d}.cover-card__figma-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.cover-card__banner--preview{background-color:#1d1d1d;justify-content:center;align-items:center;display:flex}.cover-card__preview{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1.25rem;display:flex}.cover-card__mark{font-family:"Nunito", var(--font-sans);letter-spacing:-.03em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:13rem;font-weight:900;line-height:1;position:absolute;bottom:-.18em;right:-.06em}.cover-card__banner--dark{background-color:#282829}.cover-card__banner--dark .cover-card__mark{color:#323235}.cover-card__banner--violet{background-color:#7b6eed}.cover-card__banner--violet .cover-card__mark{color:#9489f2}.cover-card__banner--sand{background-color:#f2c87a}.cover-card__banner--sand .cover-card__mark{color:#f7d89a}.cover-card__banner--ash{background-color:#eaeaec}.cover-card__banner--ash .cover-card__mark{color:#f2f2f4}.cover-card__banner--editorial{background-color:#f0ede8}.cover-card__banner--editorial .cover-card__mark{color:#e5e1d8}.cover-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.25rem 1rem;display:flex}.cover-card__title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:var(--tracking-snug);font-size:1rem;font-weight:700}.cover-card__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.cover-card__cta{border-top:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-accent);align-items:center;gap:.25rem;margin-top:auto;padding-top:.75rem;font-weight:500;display:flex}.cover-card__cta-label{text-underline-offset:2px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.cover-card:hover .cover-card__cta-label{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.home__hero{background-color:#1d1d1d;padding:5rem 3rem 4rem;position:relative;overflow:hidden}.home__hero-inner{max-width:var(--content-max-width);z-index:1;margin:0 auto;position:relative}.home__hero-badge{color:var(--color-accent-light);letter-spacing:.03em;background-color:#987ff826;border:1px solid #987ff84d;border-radius:999px;margin-bottom:1.25rem;padding:.25em .75em;font-size:.75rem;font-weight:600;display:inline-block}.home__hero h1{font-family:var(--font-heading);font-size:var(--text-display);color:#fff;letter-spacing:var(--tracking-display);margin-bottom:var(--space-2);font-weight:800;line-height:var(--leading-tight)}.home__hero-subtitle{font-family:var(--font-body);font-size:var(--text-h3);color:#ffffff8c;margin-bottom:var(--space-5);font-weight:400}.home__hero-description{font-family:var(--font-body);font-size:var(--text-body);color:#ffffff80;max-width:480px;line-height:var(--leading-relaxed);margin:0}.home__body{max-width:calc(var(--content-max-width) + 6rem);margin:0 auto;padding:0 3rem}.home__section{border-bottom:1px solid var(--color-border);padding:3rem 0}.home__section:last-child{border-bottom:none}.home__section-header{margin-bottom:1.5rem}.home__section-header h2{margin-top:0;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.home__section-header p{color:var(--color-text-muted);margin:0;font-size:.875rem}.home__cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.home__changelog{margin:0;padding:0;list-style:none}.home__changelog-empty{color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin:0;padding:1.25rem 0;font-size:.9375rem}.home__changelog-item{border-bottom:1px solid var(--color-border);align-items:baseline;gap:1rem;padding:.875rem 0;display:flex}.home__changelog-item:last-child{border-bottom:none}.home__changelog-date{color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:90px;font-size:.8125rem;font-family:var(--font-mono);flex-shrink:0}.home__changelog-text{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.home__changelog-tag{text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;border-radius:3px;margin-right:.4rem;padding:.15em .5em;font-size:.625rem;font-weight:700;display:inline-block}.home__changelog-tag--new{color:#1a6b3a;background-color:#e8f5ee}.home__changelog-tag--update{background-color:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-accent-dark)}.home__changelog-tag--fix{color:#7a4e0a;background-color:#fef5e4}.home__audience{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.home__audience-card{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.home__audience-card h3{color:var(--color-text);margin-top:0;margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.home__audience-card p{margin:0;font-size:.875rem}@media (width<=768px){.home__hero{padding:3rem 1.25rem 2.5rem}.home__hero h1{font-size:2.5rem}.home__body{padding:0 1.25rem}.home__audience{grid-template-columns:1fr}.home__cards{grid-template-columns:1fr 1fr}}.guidelines__lead{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);max-width:580px;margin-bottom:2.5rem;padding-bottom:2rem;font-size:1.0625rem;line-height:1.7}.guidelines__principles{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.guidelines__principle{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-top:3px solid var(--color-accent);padding:1.25rem 1.5rem}.guidelines__principle h3{color:var(--color-text);margin-top:0;margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.guidelines__principle p{margin:0;font-size:.875rem}.guidelines__intro{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);max-width:640px;margin-bottom:2.5rem;padding-bottom:2rem;font-size:.9375rem;line-height:1.75}.guidelines__objective{border-bottom:1px solid var(--color-border);padding:1.75rem 0}.guidelines__objective:last-child{border-bottom:none}.guidelines__objective h3{color:var(--color-text);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1rem;font-weight:700}.guidelines__objective-statement{color:var(--color-accent);margin:0 0 .875rem;font-size:.9375rem;font-weight:500;line-height:1.5}.guidelines__objective>p:last-child{color:var(--color-text-secondary);max-width:680px;margin:0;font-size:.875rem;line-height:1.75}@media (width<=640px){.guidelines__principles{grid-template-columns:1fr}}.page-tabs{margin-top:32px}.page-tabs__bar{border-bottom:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none;gap:0;margin-bottom:40px;display:flex;overflow-x:auto}.page-tabs__bar::-webkit-scrollbar{display:none}.page-tabs__tab{font-family:var(--font-body);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;margin-bottom:-1px;padding:10px 16px;font-size:.875rem;font-weight:500;line-height:1.4;transition:color .15s,border-color .15s}.page-tabs__tab:hover{color:var(--color-text-secondary)}.page-tabs__tab--active{color:var(--color-text);border-bottom-color:var(--color-text);font-weight:600}.page-tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px;border-radius:4px 4px 0 0}.page-tabs__panel{outline:none}.page-tabs__panel[hidden]{display:none}.foundations__subtitle{font-size:var(--text-h3);color:var(--color-text-secondary);letter-spacing:var(--tracking-snug);margin-bottom:.5rem;font-weight:600}.components__group{margin-top:2.5rem}.components__group h2{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.0625rem}.comp-page__intro{border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;padding-bottom:1.5rem}.comp-page__intro p{color:var(--color-text-secondary);max-width:600px;font-size:1rem}.comp-page__section{margin-bottom:3rem}.comp-page__section h2{border-bottom:1px solid var(--color-border);margin-top:0;margin-bottom:1rem;padding-bottom:.75rem}.comp-page__section h3{margin-top:1.25rem;margin-bottom:.5rem}.comp-page__preview{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:2rem;display:flex}.comp-page__table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.comp-page__table table{margin:0}.comp-page__do-dont{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.comp-page__do,.comp-page__dont{border-radius:var(--radius-md);border:1px solid;padding:1rem 1.25rem}.comp-page__do{background-color:#f0faf4;border-color:#a8d8b9}.comp-page__dont{background-color:#fef0f0;border-color:#f8b8b8}.comp-page__do-label,.comp-page__dont-label{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.comp-page__do-label{color:#1a6b3a}.comp-page__dont-label{color:#7a1a1a}.comp-page__do li,.comp-page__dont li{font-size:.875rem}.comp-page__figma-link{color:var(--color-accent);border:1px solid var(--color-accent-light);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.comp-page__figma-link:hover{background-color:color-mix(in srgb, var(--color-accent) 6%, transparent);text-decoration:none}.info-banner{background-color:color-mix(in srgb, var(--color-accent) 6%, var(--color-bg));border:1px solid var(--color-accent-light);border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.info-banner__icon{flex-shrink:0;margin-top:.1rem;font-size:1rem}.info-banner__text{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.info-banner__text strong{color:var(--color-accent-dark)}.btn-preview-item{flex-direction:column;align-items:center;gap:.625rem;display:flex}.btn-preview-label{color:var(--color-text-muted);text-align:center;font-size:.75rem}.patterns__category{margin-top:3rem}.patterns__category-title{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.25rem}.patterns__subgroup{margin-top:1.75rem}.patterns__subgroup-title{color:var(--color-text-secondary);margin-bottom:.875rem;font-size:.9375rem;font-weight:600}.figma-libraries{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.figma-library{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);padding:1.25rem 1.5rem}.figma-library__header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.figma-library__name{color:var(--color-text);font-size:.9375rem;font-weight:600;font-family:var(--font-mono);flex:1}.figma-library__status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex-shrink:0;padding:.2em .6em;font-size:.6875rem;font-weight:700}.figma-library__status--published{color:#1a6b3a;background-color:#e8f5ee;border:1px solid #a8d8b9}.figma-library__status--progress{color:#7a4e0a;background-color:#fef5e4;border:1px solid #f8d99a}.figma-library__desc{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.6}.figma-library__link{color:var(--color-accent);font-size:.8125rem;font-weight:500;text-decoration:none}.figma-library__link:hover{text-decoration:underline}