.account-page{background:var(--color-surface);color:var(--color-ink);padding-bottom:var(--section-gap)}.account-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.account-content{min-width:0;margin-top:var(--space-32)}.account-heading h1{overflow-wrap:anywhere}.account-menu[data-tabs]{flex-wrap:nowrap;overflow-x:auto;margin:var(--space-40) 0 0;padding:var(--space-4) 0;scrollbar-width:thin}.account-nav-link{display:inline-flex;align-items:center;gap:var(--space-8);flex:none;min-height:var(--touch-min);white-space:nowrap}.account-nav-count{color:var(--color-text-faint);letter-spacing:normal}.account-nav-link[aria-current=page]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.account-nav-link:focus-visible,.account-text-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.account-stack{display:flex;flex-direction:column;gap:var(--grid-gap-tight)}.account-panel{padding:var(--space-32);border:1px solid var(--color-border);min-width:0}.account-panel--dark{background:var(--color-surface-dark);color:var(--color-surface-light);border-color:var(--color-surface-dark)}.account-panel-title{font-size:var(--font-h5);line-height:var(--leading-tight);text-transform:uppercase;margin-bottom:var(--space-24)}.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20)}.account-field{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.account-field>label{font-size:var(--font-ui)}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-16);margin-top:var(--space-24)}.account-status{margin-top:var(--space-16);font-size:var(--font-ui);line-height:var(--leading-body)}.account-status:empty{display:none}.account-muted{color:var(--color-text-muted);font-size:var(--font-ui)}.account-panel--dark .account-muted{color:var(--color-on-dark-muted)}.account-password{position:relative}.account-password input{padding-right:var(--space-56)}.account-password-toggle{display:grid;place-items:center;position:absolute;right:1px;top:1px;height:calc(100% - 2px);width:48px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--color-text-muted)}.account-password-toggle:hover{color:var(--color-accent)}.account-password-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.account-order-foot,.account-order-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.account-order-name{font-family:Geologica,sans-serif;font-weight:500;font-size:var(--font-body-lg)}.account-order-date{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-ui)}.account-badge{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:var(--color-accent-soft);color:var(--color-ink);font-size:var(--font-ui);white-space:nowrap}.account-badge:before{content:"";width:6px;height:6px;background:var(--color-accent)}.account-badge[data-done=true]{background:var(--color-success-soft);color:var(--color-success-ink)}.account-badge[data-done=true]:before{background:var(--color-success)}.account-order-images{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:var(--space-24) 0}.account-order-images img{width:72px;height:72px;object-fit:cover;background:var(--color-surface-mute)}.account-order-foot{border-top:1px solid var(--color-border);padding-top:var(--space-20)}.account-order-price{font:500 var(--font-price) Geologica,sans-serif;white-space:nowrap}.account-order-link{display:inline-flex;align-items:center;gap:var(--space-12);min-height:44px;font-size:var(--font-ui);text-transform:uppercase;letter-spacing:var(--tracking-button)}.account-order-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.account-order-buy{display:flex;align-items:center;gap:var(--space-24);flex-wrap:wrap}.account-timeline{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:var(--space-8) 0 var(--space-24);padding:0}.account-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center;font-size:var(--font-ui);color:var(--color-text-muted)}.account-step:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--color-border)}.account-step:first-child:before{display:none}.account-step-dot{display:grid;place-items:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border-strong);position:relative;z-index:1}.account-step[data-complete=true] .account-step-dot{background:var(--color-success);color:white;border-color:var(--color-success)}.account-step[aria-current=step]:before,.account-step[data-complete=true]:before{background:var(--color-success)}.account-step[aria-current=step]{color:var(--color-ink);font-weight:600}.account-step[aria-current=step] .account-step-dot{border:2px solid var(--color-accent);color:var(--color-accent)}.account-step[aria-current=step][data-complete=true] .account-step-dot{border-color:var(--color-success);color:var(--color-on-accent)}.account-order-lines{list-style:none;margin:0;padding:0}.account-order-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:var(--space-20);padding:var(--space-20) 0;border-top:1px solid var(--color-border)}.account-order-line:first-child{padding-top:0;border-top:0}.account-order-line:last-child{padding-bottom:0}.account-order-line img{width:72px;height:72px;object-fit:cover}.account-order-line a{font-size:var(--font-body)}.account-order-line b{font-weight:500;white-space:nowrap}.account-order-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap-tight);align-items:start}.account-details{display:grid;gap:var(--space-16);margin:0;font-size:var(--font-ui)}.account-details dt{color:var(--color-text-muted);margin-bottom:var(--space-4)}.account-details dd{margin:0;overflow-wrap:anywhere}.account-total-row{display:flex;justify-content:space-between;gap:var(--space-16);margin-top:var(--space-12);font-size:var(--font-ui)}.account-total-row>:last-child{text-align:right}.account-total-row--final{padding-top:var(--space-20);margin-top:var(--space-20);border-top:1px solid var(--border-on-dark-2);font-size:var(--font-body-lg);font-weight:500}.account-total-row--final>:last-child{white-space:nowrap}.account-text-button{border:0;padding:var(--space-8) 0;min-height:44px;background:transparent;cursor:pointer;color:inherit;font-size:var(--font-ui);text-decoration:underline;text-underline-offset:4px}.account-text-button:hover{color:var(--color-accent)}.account-toggle-list{border-top:1px solid var(--color-border)}.account-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding:var(--space-24) 0;border-bottom:1px solid var(--color-border);cursor:pointer}.account-toggle-copy b{display:block;font-weight:500;font-size:var(--font-body-lg)}.account-toggle-copy small{display:block;margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-ui)}.account-switch{position:relative;flex:none;width:48px;height:28px}.account-switch input{appearance:none;width:48px;height:28px;margin:0;border:1px solid var(--color-border-strong);background:var(--color-surface-mute);cursor:pointer;border-radius:28px;transition:background .2s}.account-switch input:checked{background:var(--color-accent);border-color:var(--color-accent)}.account-switch input:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.account-switch-dot{pointer-events:none;position:absolute;left:5px;top:5px;width:18px;height:18px;background:var(--color-text-muted);border-radius:50%;transition:transform .2s,background .2s}.account-switch input:checked+.account-switch-dot{transform:translateX(20px);background:var(--color-on-accent)}.account-channels{display:flex;flex-wrap:wrap;gap:var(--space-12) var(--space-24)}.account-channel{display:flex;align-items:center;gap:var(--space-12);min-height:44px;cursor:pointer;font-size:var(--font-ui)}.account-inline-demo{padding:var(--space-32) var(--gutter)}@media (max-width:1199px){.account-panel{padding:var(--space-24)}.account-order-columns{grid-template-columns:1fr}}@media (max-width:767px){.account-form-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:575px){.account-content,.account-menu[data-tabs]{margin-top:var(--space-24)}.account-panel{padding:var(--space-20)}.account-actions{align-items:stretch}.account-actions>.c-button{width:100%}.account-order-buy{width:100%;justify-content:space-between;gap:var(--space-12)}.account-order-line{grid-template-columns:56px minmax(0,1fr);gap:var(--space-12)}.account-order-line img{width:56px;height:56px}.account-order-line>b{grid-column:2}.account-timeline{grid-template-columns:1fr;gap:var(--space-16)}.account-step{flex-direction:row;gap:var(--space-16);text-align:left}.account-step:before{width:2px;height:calc(100% + var(--space-16));top:calc(-100% - var(--space-16));left:15px}.account-step-dot{flex:none}.account-toggle-row{gap:var(--space-16)}.account-channels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (prefers-reduced-motion:reduce){.account-nav-link,.account-switch input,.account-switch-dot{transition:none}}[data-auth]{min-height:100svh;display:grid;place-items:center;padding:calc(var(--header-h) + var(--space-64)) var(--gutter) var(--space-64);background:var(--color-surface-mute);color:var(--color-ink)}[data-auth][data-inline=true]{min-height:0;padding:var(--space-48) var(--gutter)}.auth-card{width:100%;max-width:560px;min-width:0;padding:var(--space-40);border:1px solid var(--color-border-dark);background:var(--color-surface-dark);color:var(--color-on-dark)}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--space-32)}.auth-logo img{display:block;width:160px;height:auto;filter:invert(1)}.auth-nav{display:flex;justify-content:center;gap:var(--space-28);margin-bottom:var(--space-32)}.auth-nav-link{display:flex;align-items:center;min-height:var(--touch-min);border-bottom:1px solid transparent;font-size:var(--font-ui);letter-spacing:var(--tracking-ui);text-transform:uppercase;color:var(--color-on-dark-secondary)}.auth-nav-link[aria-current=page]{color:var(--color-on-dark);border-bottom-color:var(--color-accent)}.auth-nav-link:hover{color:var(--color-accent)}.auth-logo:focus-visible,.auth-nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.auth-heading{font-size:var(--font-h4);line-height:var(--leading-tight);text-transform:uppercase;text-align:center;overflow-wrap:anywhere}.auth-description{margin-top:var(--space-12);color:var(--color-on-dark-secondary);text-align:center;text-wrap:pretty}.auth-form{display:flex;flex-direction:column;gap:var(--space-24);margin-top:var(--space-32)}.auth-form [data-field-row]>span{color:var(--color-on-dark-faint)}.auth-options{flex-wrap:wrap;justify-content:space-between;gap:var(--space-12) var(--space-16);font-size:var(--font-ui)}.auth-options,.auth-remember{display:flex;align-items:center}.auth-remember{gap:var(--space-12);min-height:var(--touch-min);cursor:pointer}.auth-foot{margin-top:var(--space-24);text-align:center}.auth-foot,.auth-status{color:var(--color-on-dark-secondary);font-size:var(--font-ui)}[data-auth]:is([data-mode=login],[data-mode=register],[data-mode=recover]){padding-top:calc(var(--header-h) + var(--space-24));padding-bottom:var(--space-24)}[data-auth]:is([data-mode=login],[data-mode=register],[data-mode=recover])[data-inline=true]{padding-top:var(--space-24)}[data-auth]:is([data-mode=login],[data-mode=register],[data-mode=recover]) .auth-card{padding:var(--space-24) var(--space-32);--control-size:48px}[data-auth]:is([data-mode=login],[data-mode=register],[data-mode=recover]) .auth-form{margin-top:var(--space-20);gap:var(--space-16)}[data-auth]:is([data-mode=login],[data-mode=register],[data-mode=recover]) .auth-foot{margin-top:var(--space-16)}.auth-methods{display:flex;gap:var(--space-24);margin-bottom:var(--space-12)}.auth-methods .c-tab{min-height:var(--touch-min)}.auth-password{position:relative}.auth-password .c-field{padding-right:calc(var(--touch-min) + var(--space-12))}.auth-password-toggle{position:absolute;inset:0 0 0 auto;width:var(--touch-min);display:grid;place-items:center;border:0;background:transparent;color:var(--color-on-dark-secondary);cursor:pointer}.auth-password-toggle:hover{color:var(--color-accent)}.auth-password-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.auth-recover{display:flex;justify-content:flex-end;font-size:var(--font-ui)}.auth-recover a{display:flex;align-items:center;min-height:var(--touch-min)}.auth-consent,.auth-field-hint{font-size:var(--font-ui)}.auth-field-hint{margin-top:var(--space-8);color:var(--color-on-dark-secondary)}@media (max-width:575px){[data-auth]{padding-top:calc(var(--header-h) + var(--space-32));padding-bottom:var(--space-40)}.auth-card{padding:var(--space-24) var(--space-16)}.auth-nav{gap:var(--space-20)}[data-auth]:is([data-mode=login],[data-mode=register],[data-mode=recover]) .auth-card{padding:var(--space-24) var(--space-16)}[data-auth][data-mode]:not([data-inline=true]){min-height:100svh;min-height:100dvh;padding:var(--space-24) 0 calc(var(--space-24) + var(--space-64) + env(safe-area-inset-bottom, 0px));background:var(--color-surface-dark);color:var(--color-on-dark)}[data-auth][data-mode]:not([data-inline=true]) .auth-card{max-width:none;border:0;padding-inline:max(var(--space-16),env(safe-area-inset-left,0px)) max(var(--space-16),env(safe-area-inset-right,0px))}}.article-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}[data-article-head]{padding-top:var(--space-32);background:var(--color-surface)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-24);font-size:var(--font-body);color:var(--color-text-muted);margin-top:var(--space-24)}.article-cover{margin:var(--space-48) 0 0;aspect-ratio:16/8;overflow:hidden;background:var(--color-surface-mute)}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}[data-article-layout]{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:var(--space-64);align-items:start;padding:var(--space-64) 0 var(--section-gap)}.article-aside{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-h) + var(--space-24));display:flex;flex-direction:column;gap:var(--grid-gap-tight)}.article-content{grid-column:1;grid-row:1;min-width:0}.article-help,.article-toc{padding:var(--space-24)}.article-toc{background:var(--color-surface-mute)}.article-help{background:var(--color-surface-dark);color:var(--color-on-dark)}.article-author h2,.article-help h2,.article-products-head h3,.article-toc h2{font-size:var(--font-h5);line-height:var(--leading-tight);text-transform:uppercase}.article-toc a{display:block;padding:var(--space-12) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-body);color:var(--color-text-muted)}.article-toc a:last-child{border:0}.article-toc a:hover,.article-toc a[aria-current]{color:var(--color-accent)}.article-gallery button:focus-visible,.article-toc a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.article-author p,.article-help p{margin-top:var(--space-16);font-size:var(--font-body);line-height:var(--leading-body);color:var(--color-text-muted)}.article-help p{color:var(--color-on-dark-muted)}.article-author p{margin-top:var(--space-8)}.article-help .c-button{margin-top:var(--space-16);width:100%}.article-help .c-button_inner{width:100%}.article-section{margin-top:var(--space-48);scroll-margin-top:calc(var(--header-h) + var(--space-32))}.article-section>h2{font-size:var(--font-h4);line-height:var(--leading-tight);text-transform:uppercase;text-wrap:pretty;margin-bottom:var(--space-24)}.article-prose{display:flex;flex-direction:column;gap:var(--space-24)}.article-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap-tight);margin-top:var(--space-32)}.article-gallery-nav,.article-products-nav{display:none;gap:var(--space-12);margin-top:var(--space-24)}.article-gallery figure{min-width:0;margin:0}.article-gallery button{display:block;padding:0;border:0;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-surface-mute);cursor:zoom-in}.article-gallery img{display:block;width:100%;height:100%;object-fit:cover}.article-gallery figcaption{font-size:var(--font-body);color:var(--color-text-muted);padding-top:var(--space-12)}.article-products{margin-top:var(--space-40);padding:var(--space-24) 0 var(--space-48);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.article-products-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-24)}.article-tags{margin-top:var(--space-40)}.article-tags ul{display:flex;flex-wrap:wrap;gap:var(--space-16);list-style:none;padding:0;margin:0;font-size:var(--font-body);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:var(--tracking-ui-compact)}.article-author{display:flex;align-items:center;gap:var(--space-24);padding:var(--space-24) 0;border-top:1px solid var(--color-border);margin-top:var(--space-32);scroll-margin-top:calc(var(--header-h) + var(--space-32))}.article-unavailable{min-height:100svh;padding-bottom:var(--section-gap);background:var(--color-surface);color:var(--color-ink)}@media(max-width:991px){[data-article-layout]{grid-template-columns:1fr;gap:var(--space-40)}.article-aside{position:static;grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap-tight)}.article-content{grid-column:1;grid-row:2}.article-gallery,.article-products [data-grid=products]{--car-gap:var(--grid-gap-tight);--visible:2.2;display:flex;gap:var(--car-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}}@media(max-width:991px){.article-gallery::-webkit-scrollbar,.article-products [data-grid=products]::-webkit-scrollbar{display:none}.article-gallery>figure,.article-products [data-grid=products]>[data-product]{min-width:0;flex:0 0 calc((100% - (var(--visible) - 1) * var(--car-gap)) / var(--visible));scroll-snap-align:start}.article-gallery button:focus-visible,.article-products [data-card-link]:focus-visible{outline-offset:-4px}.article-gallery-nav,.article-products-nav{display:flex}}@media(max-width:575px){.article-cover{aspect-ratio:4/3;margin-top:var(--space-32)}[data-article-layout]{padding-top:var(--space-32)}.article-aside{grid-template-columns:1fr}.article-gallery,.article-products [data-grid=products]{--visible:1.15}.article-meta{gap:var(--space-12);font-size:var(--font-body)}.article-section{margin-top:var(--space-32)}}[data-article-body]{background:var(--color-surface);color:var(--color-ink)}.article-meta-item{display:inline-flex;align-items:center;gap:var(--space-8);white-space:nowrap}.article-meta-item svg{flex:none}.article-tags-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.article-share-button{--arrow-size:var(--control-size-compact);flex:none}.article-share-status{font-size:var(--font-body);color:var(--color-text-muted);text-align:right}.article-share-status:not(:empty){margin-top:var(--space-8)}.article-tags li a{color:inherit}.article-tags li a:hover{color:var(--color-accent)}.article-tags li a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.article-author-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:var(--space-80);height:var(--space-80);border-radius:50%;overflow:hidden;background:var(--color-surface-mute);color:var(--color-text-muted)}.article-author-avatar img{display:block;width:100%;height:100%;object-fit:cover}.article-author-avatar svg{width:var(--space-32);height:var(--space-32)}.article-author-info{min-width:0}@media(max-width:575px){.article-author{display:grid;grid-template-columns:var(--space-48) minmax(0,1fr);align-items:center;gap:var(--space-8) var(--space-16)}.article-author-avatar{width:var(--space-48);height:var(--space-48)}.article-author-info{display:contents}.article-author-info p{grid-column:1/-1;margin:0}.article-tags-row{flex-direction:column;align-items:flex-start}}@media(min-width:576px) and (max-width:991px){.article-help{display:flex;flex-direction:column}.article-help p{margin-bottom:var(--space-16)}.article-help .c-button{margin-top:auto;flex-shrink:0}}@media (hover:hover){.source-hover-0:hover,.source-hover-10:hover,.source-hover-11:hover,.source-hover-12:hover,.source-hover-13:hover,.source-hover-14:hover,.source-hover-15:hover,.source-hover-16:hover,.source-hover-1:hover,.source-hover-2:hover,.source-hover-3:hover,.source-hover-4:hover,.source-hover-5:hover,.source-hover-6:hover,.source-hover-7:hover,.source-hover-8:hover,.source-hover-9:hover{color:var(--color-surface-light)!important}.source-hover-17:hover,.source-hover-18:hover,.source-hover-19:hover,.source-hover-20:hover,.source-hover-21:hover{color:var(--social-icon-hover)!important}.source-hover-22:hover,.source-hover-23:hover,.source-hover-24:hover,.source-hover-25:hover,.source-hover-26:hover,.source-hover-27:hover,.source-hover-28:hover,.source-hover-29:hover{color:var(--color-accent)!important}.source-hover-30:hover,.source-hover-31:hover,.source-hover-32:hover{color:var(--social-icon-hover)!important}.source-hover-33:hover,.source-hover-34:hover{color:var(--color-accent)!important}.source-hover-34:hover{background:var(--border-on-dark-1)!important}.source-hover-35:hover,.source-hover-36:hover,.source-hover-37:hover,.source-hover-38:hover,.source-hover-39:hover{color:var(--color-accent)!important;background:var(--icon-btn-hover-bg)!important}.source-hover-40:hover,.source-hover-41:hover,.source-hover-42:hover,.source-hover-43:hover,.source-hover-44:hover,.source-hover-45:hover,.source-hover-46:hover,.source-hover-47:hover,.source-hover-48:hover,.source-hover-49:hover,.source-hover-50:hover,.source-hover-51:hover,.source-hover-52:hover,.source-hover-53:hover,.source-hover-54:hover,.source-hover-55:hover,.source-hover-56:hover,.source-hover-57:hover,.source-hover-58:hover,.source-hover-59:hover,.source-hover-60:hover,.source-hover-61:hover,.source-hover-62:hover,.source-hover-63:hover,.source-hover-64:hover,.source-hover-65:hover,.source-hover-66:hover,.source-hover-67:hover,.source-hover-68:hover,.source-hover-69:hover,.source-hover-70:hover,.source-hover-71:hover,.source-hover-72:hover,.source-hover-73:hover,.source-hover-74:hover,.source-hover-75:hover,.source-hover-76:hover,.source-hover-77:hover,.source-hover-78:hover,.source-hover-79:hover,.source-hover-80:hover{color:var(--color-accent)!important}.source-hover-81:hover{border-color:var(--border-on-dark-4)!important}.source-hover-82:hover{color:var(--color-accent)!important}}.demo-message{padding:16px;border:1px solid var(--color-border);background:var(--color-surface-mute);color:var(--color-ink);margin-top:16px}.preview-index{padding:calc(var(--header-h) + 48px) var(--gutter) 80px;background:var(--color-surface);min-height:100svh}.preview-index h1{font-size:clamp(30px,5vw,60px);margin-bottom:32px}.preview-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.preview-links a{padding:20px;border:1px solid var(--color-border)}.preview-links small{display:block;color:var(--color-text-muted);margin-top:8px}.preview-section{margin:32px 0;padding:24px;border:1px solid var(--color-border)}.preview-section h2{margin-bottom:24px;font-size:28px}.preview-row{gap:16px}.preview-row,.preview-toolbar{display:flex;flex-wrap:wrap;align-items:center}.preview-toolbar{gap:12px;margin-bottom:32px}.preview-toolbar button{padding:12px 16px;border:0}.demo-toast,.preview-toolbar button{background:var(--color-surface-dark);color:var(--color-on-dark)}.demo-toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:340px;padding:18px 24px;border:1px solid var(--color-border-dark);box-shadow:0 4px 30px #0003}@media(max-width:767px){.demo-toast{bottom:80px;left:16px;right:16px;max-width:none}}.demo-lightbox{position:fixed;inset:0;z-index:200;background:#0e0f11ed;display:flex;align-items:center;justify-content:center;padding:40px}.demo-lightbox img{max-width:100%;max-height:90svh;object-fit:contain}.demo-lightbox button{position:absolute;top:16px;right:16px;color:white;background:transparent;border:1px solid #fff;padding:12px}[data-pagination] .c-button{width:auto}@media(max-width:991px){[data-filters][data-open=false]{visibility:hidden}[data-filters][data-open=true]{visibility:visible}}@media(max-width:575px){h1,h2,h3{overflow-wrap:anywhere}}#blog-featured [data-feature-panel=true]{background:var(--color-on-accent)}html{scroll-behavior:smooth}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (max-width:767px){:root{--header-h:0px}body{padding-bottom:64px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}