.announcement-bar{background-color:var(--color-surface);border-bottom:var(--border);padding:var(--space-3) 0;overflow:hidden}.announcement-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.announcement-bar__text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.announcement-bar__dismiss{color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:color var(--transition-fast)}.announcement-bar__dismiss:hover{color:var(--color-text-primary)}.design-library__hero{max-width:720px;margin-bottom:var(--space-8)}.design-library__hero .h2{margin-bottom:0}.design-library__hero-copy,.design-library__anchor{margin-top:var(--space-5)}.design-library__intro{max-width:700px;padding:var(--space-6) 0;margin-bottom:var(--space-8);border-top:var(--border);border-bottom:var(--border)}.design-library__layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-7);align-items:start}.design-library__sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-6)}.design-library__search,.design-library__sort,.design-library__sidebar-count,.design-library__active-filters,.design-library__filter-empty,.design-library__filter-shell{padding-bottom:var(--space-6);border-bottom:var(--border)}.design-library__sidebar-count-value{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.design-library__control-label,.design-library__filter-label,.design-library__active-label{display:block;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.design-library__search-row{display:flex;flex-direction:column;gap:var(--space-3)}.design-library__search-input,.design-library__select{width:100%;min-height:42px;border:var(--border);background-color:var(--color-white);color:var(--color-text-primary);padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-base)}.design-library__search-input::placeholder{color:var(--color-text-muted)}.design-library__control-note{margin-top:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.design-library__filter-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-primary);list-style:none}.design-library__filter-summary::-webkit-details-marker{display:none}.design-library__filter-summary:after{content:"+";color:var(--color-text-muted);font-size:var(--text-base);letter-spacing:0}.design-library__filter-shell[open] .design-library__filter-summary:after{content:"\2013"}.design-library__filter-total{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border:var(--border);color:var(--color-accent);letter-spacing:0}.design-library__filters{padding-top:var(--space-5)}.design-library__filter-group{border:0;min-width:0}.design-library__filter-group+.design-library__filter-group{margin-top:var(--space-6)}.design-library__filter-values{display:flex;flex-direction:column;gap:var(--space-2)}.design-library__filter-option{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer}.design-library__filter-option.is-active{color:var(--color-text-primary)}.design-library__filter-option input{width:14px;height:14px;accent-color:var(--color-accent)}.design-library__filter-option input:disabled+span{color:var(--color-text-muted)}.design-library__filter-count{color:var(--color-text-muted);margin-left:auto;font-size:var(--text-sm)}.design-library__filter-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-6)}.design-library__results-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border)}.design-library__active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.design-library__active-label{margin-bottom:0}.design-library__active-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.design-library__active-filter{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border:var(--border);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.design-library__active-filter:hover{color:var(--color-accent);border-color:var(--color-accent)}.design-library__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.design-library__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border)}.design-library__page-count{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted)}.design-library__empty{max-width:var(--container-text);padding:var(--space-8) 0}.design-library__empty .h2{margin-bottom:var(--space-5)}.design-library__empty .btn{margin-top:var(--space-6)}.design-library__final-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);margin-top:var(--space-10);padding-top:var(--space-7);border-top:var(--border)}.design-library__final-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:var(--space-3)}.design-library__final-actions{display:flex;align-items:center;gap:var(--space-5);flex-shrink:0}@media(max-width:1280px){.design-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.design-library__layout{grid-template-columns:1fr;gap:var(--space-6)}.design-library__sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.design-library__filter-shell{grid-column:span 2}.design-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.design-library__hero{margin-bottom:var(--space-7)}.design-library__intro{margin-bottom:var(--space-6)}.design-library__sidebar{display:flex;gap:var(--space-5)}.design-library__grid{grid-template-columns:1fr}.design-library__active-filters,.design-library__pagination,.design-library__final-cta,.design-library__final-actions{align-items:flex-start;flex-direction:column;gap:var(--space-4)}}.main-page__header{max-width:var(--container-text);margin-bottom:var(--space-9)}.main-page__header .h2{margin-bottom:0}.main-page__intro{margin-top:var(--space-5)}.main-page__content{max-width:var(--container-text)}.main-page__content h2,.main-page__content h3,.main-page__content h4{margin-top:var(--space-8);margin-bottom:var(--space-4)}.main-page__content h2:first-child,.main-page__content h3:first-child,.main-page__content h4:first-child{margin-top:0}.main-page__content p,.main-page__content ul,.main-page__content ol{margin-bottom:var(--space-5)}.main-page__content p:last-child,.main-page__content ul:last-child,.main-page__content ol:last-child{margin-bottom:0}.main-page__content ul,.main-page__content ol{padding-left:var(--space-5)}.main-page__content li{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-primary);margin-bottom:var(--space-2)}.main-page__content a{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.main-page__content a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.main-page__empty{max-width:var(--container-text);padding:var(--space-7) 0;border-top:var(--border);border-bottom:var(--border)}.main-page__cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);max-width:960px;margin-top:var(--space-10);padding-top:var(--space-7);border-top:var(--border)}.main-page__cta-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:var(--space-3)}@media(max-width:767px){.main-page__header{margin-bottom:var(--space-7)}.main-page__cta{align-items:flex-start;flex-direction:column;margin-top:var(--space-8);padding-top:var(--space-6)}}.reference-design__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:var(--space-9);align-items:start}.reference-design__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-7);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted)}.reference-design__breadcrumb-link{color:var(--color-text-secondary);transition:color var(--transition-fast)}.reference-design__breadcrumb-link:hover{color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:4px}.reference-design__gallery{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-4);align-items:start}.reference-design__thumbs{display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - var(--nav-height) - var(--space-8));overflow-y:auto;padding-right:var(--space-1)}.reference-design__thumb{display:block;width:64px;aspect-ratio:1 / 1;border:var(--border);background-color:var(--color-product-bg);opacity:.62;overflow:hidden;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.reference-design__thumb:hover,.reference-design__thumb:focus-visible,.reference-design__thumb.is-active{opacity:1;border-color:var(--color-accent)}.reference-design__thumb img,.reference-design__image{width:100%;height:100%;object-fit:cover}.reference-design__figure,.reference-design__placeholder{aspect-ratio:4 / 5;background-color:var(--color-product-bg);border:var(--border);overflow:hidden}.reference-design__image{display:block;opacity:1;transition:opacity var(--transition-base)}.reference-design__image.is-changing{opacity:0}.reference-design__summary{position:sticky;top:calc(var(--nav-height) + var(--space-6))}.reference-design__code{display:block;margin-bottom:var(--space-4)}.reference-design__summary .h2,.reference-design__description{margin-bottom:var(--space-6)}.reference-design__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin-bottom:var(--space-6)}.reference-design__badges li{min-height:28px;padding:0 var(--space-3);border:var(--border);display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:9px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-card)}.reference-design__summary-table{border-top:var(--border);border-bottom:var(--border);margin-bottom:var(--space-6)}.reference-design__summary-table div,.reference-design__spec{display:grid;grid-template-columns:minmax(140px,.42fr) 1fr;gap:var(--space-5);padding:var(--space-3) 0;border-top:var(--border)}.reference-design__summary-table div:first-child{border-top:0}.reference-design__summary-table dt,.reference-design__spec-card h3,.reference-design__panel-heading{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted)}.reference-design__summary-table dd,.reference-design__spec-card p{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.reference-design__actions,.reference-design__final-actions,.reference-design__share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.reference-design__note-box{margin-top:var(--space-6);padding:var(--space-5);border:var(--border);background-color:var(--color-card);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-body)}.reference-design__share,.reference-design__customization-section,.reference-design__timeline,.reference-design__related,.reference-design__final-cta,.reference-design__trust,.reference-design__spec-cards{margin-top:var(--space-10);padding-top:var(--space-8);border-top:var(--border)}.reference-design__share{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(220px,280px);gap:var(--space-6);align-items:start}.reference-design__section-header{max-width:var(--container-text);margin-bottom:var(--space-6)}.reference-design__section-heading,.reference-design__final-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--color-text-primary)}.reference-design__qr{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-4);border:var(--border);background-color:var(--color-card);padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.reference-design__qr-mark{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:72px;aspect-ratio:1 / 1;border:var(--border);background-color:var(--color-white);padding:8px}.reference-design__qr-mark span{border:var(--border-strong);background-color:var(--color-surface)}.reference-design__qr-mark span:nth-child(2),.reference-design__qr-mark span:nth-child(3){background-color:var(--color-text-primary)}.reference-design__spec-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.reference-design__spec-card{border:var(--border);background-color:var(--color-card);padding:var(--space-5)}.reference-design__spec-card h3{margin-bottom:var(--space-3)}.reference-design__customization,.reference-design__trust-list,.reference-design__timeline-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);list-style:none}.reference-design__customization li,.reference-design__trust-list li,.reference-design__timeline-list li{border-top:var(--border);padding-top:var(--space-3);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed)}.reference-design__timeline-list{counter-reset:timeline}.reference-design__timeline-list li:before{counter-increment:timeline;content:counter(timeline,decimal-leading-zero);display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wider)}.reference-design__final-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-7)}@media(max-width:1024px){.reference-design__layout,.reference-design__share{grid-template-columns:1fr}.reference-design__summary{position:static}.reference-design__spec-card-grid,.reference-design__customization,.reference-design__trust-list,.reference-design__timeline-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.reference-design__breadcrumbs{margin-bottom:var(--space-5)}.reference-design__layout{gap:var(--space-7)}.reference-design__gallery{grid-template-columns:1fr;gap:var(--space-3)}.reference-design__thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 var(--space-2);scroll-snap-type:x proximity}.reference-design__thumb{width:56px;flex:0 0 56px;scroll-snap-align:start}.reference-design__figure{order:1}.reference-design__summary-table div{grid-template-columns:1fr;gap:var(--space-1)}.reference-design__actions,.reference-design__final-actions,.reference-design__share-actions,.reference-design__final-cta{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.reference-design__spec-card-grid,.reference-design__customization,.reference-design__trust-list,.reference-design__timeline-list{grid-template-columns:1fr}.reference-design__qr{grid-template-columns:64px minmax(0,1fr);width:100%}.reference-design__qr-mark{width:64px}}@media(prefers-reduced-motion:reduce){.reference-design__image{transition:none}}.section-header{margin-bottom:var(--space-9)}.section-header .h2{margin-top:var(--space-3)}@media(max-width:767px){.section-header{margin-bottom:var(--space-7)}}
/*# sourceMappingURL=/cdn/shop/t/50/compiled_assets/styles.css.map */