.gallery-home{--home-bg:#f7f8fa;--home-surface:#fff;--home-text:#1c2c35;--home-muted:#5b6973;--home-accent:#006d83;--home-accent-hover:#005669;--home-tint:#eaf3f5;--home-border:#dde3e7;--home-control-border:#84949e;--home-radius:12px;--home-space-1:8px;--home-space-2:16px;--home-space-3:24px;--home-space-4:32px;--home-space-5:48px;--home-shadow:0 2px 6px #1c2c3508;--home-shadow-raised:0 8px 24px #1c2c3514;color:var(--home-text);background:var(--home-bg);-webkit-tap-highlight-color:#006d831f;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.gallery-home .container,.gallery-home .header-inner{max-width:1280px;padding-inline:40px}.gallery-home .site-header{background:var(--home-surface);border-color:var(--home-border)}.gallery-home .header-inner{min-height:80px;padding-block:16px}.gallery-home .brand{letter-spacing:-.3px;color:var(--home-text);font-size:18px}.gallery-home nav{align-items:center;gap:8px}.gallery-home nav a{min-height:44px;color:var(--home-muted);border-radius:8px;align-items:center;padding:8px 16px;transition:background-color .16s,color .16s;display:inline-flex}.gallery-home nav a:hover{background:var(--home-bg);color:var(--home-accent)}.gallery-home nav a[aria-current=page]{background:var(--home-tint);color:var(--home-accent)}.gallery-home .gallery-intro{padding:var(--home-space-4) 0 var(--home-space-3);gap:var(--home-space-4)}.gallery-home .intro-eyebrow{color:var(--home-accent);letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.gallery-home h1{letter-spacing:-1.2px;text-wrap:balance;margin-bottom:14px;font-size:clamp(28px,3.1vw,40px);line-height:1.35}.gallery-home .gallery-intro p{color:var(--home-muted);text-wrap:pretty;font-size:15px}.gallery-home .collection-note{color:var(--home-muted);border-left:0;padding:0;font-size:13px;display:block}.gallery-home .workflow-label{margin-bottom:12px;display:block}.gallery-home .collection-note ol{counter-reset:step;gap:20px;margin:0;padding:0;list-style:none;display:flex}.gallery-home .collection-note li{counter-increment:step;align-items:center;gap:7px;display:flex}.gallery-home .collection-note li:before{content:counter(step, decimal-leading-zero);color:var(--home-accent);font:12px Consolas,monospace}.gallery-home .gallery-tools{background:var(--home-surface);border:1px solid var(--home-border);border-radius:var(--home-radius);padding:20px var(--home-space-3);box-shadow:var(--home-shadow)}.gallery-home #search-form>label{align-items:baseline;gap:var(--home-space-2);clip-path:none;width:auto;height:auto;margin-bottom:12px;font-size:14px;font-weight:600;display:flex;position:static;overflow:visible}.gallery-home #search-form>label span{color:var(--home-muted);font-size:12px;font-weight:400}.gallery-home .search-field{border-color:var(--home-control-border);background:var(--home-surface);border-radius:8px;gap:12px;max-width:none;padding:5px 6px 5px 16px}.gallery-home .search-field>svg{color:var(--home-muted)}.gallery-home .search-field input{color:var(--home-text);padding-block:9px;font-size:15px}.gallery-home .search-field input::placeholder{color:var(--home-muted);opacity:1}.gallery-home .search-field button{background:var(--home-accent);border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:9px 20px;font-size:14px;font-weight:600;transition:background-color .16s;display:inline-flex}.gallery-home .search-field button svg{color:inherit}.gallery-home .search-field button:hover{background:var(--home-accent-hover)}.gallery-home .categories{border-top:1px solid var(--home-border);gap:8px;margin-top:16px;padding-top:12px}.gallery-home .category{min-height:44px;color:var(--home-muted);border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;transition:background-color .16s,color .16s;display:inline-flex}.gallery-home .category:hover{background:var(--home-bg);color:var(--home-accent)}.gallery-home .category.active{background:var(--home-tint);color:var(--home-accent);border-color:#0000}.gallery-home .category.active:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:8px}.gallery-home .result-bar{padding:var(--home-space-3) 0 20px;flex-wrap:wrap;gap:12px}.gallery-home .result-bar h2{letter-spacing:-.3px;color:var(--home-text);margin:0 4px 0 0;font-size:18px}.gallery-home #result-count{color:var(--home-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.gallery-home .result-help{color:var(--home-muted);font-size:12px}.gallery-home .text-button{min-height:44px;padding-inline:8px}.gallery-home .figure-grid{gap:var(--home-space-3)}.gallery-home .figure-card{border-color:var(--home-border);border-radius:var(--home-radius);box-shadow:var(--home-shadow);background:var(--home-surface);transition:border-color .18s,box-shadow .18s}.gallery-home .figure-card:hover,.gallery-home .figure-card:focus-within{border-color:var(--home-control-border);box-shadow:var(--home-shadow-raised)}.gallery-home .card-link{border-radius:var(--home-radius);flex-direction:column;display:flex}.gallery-home .card-link:focus-visible{outline-offset:4px}.gallery-home .card-preview{aspect-ratio:1.55;border-bottom:1px solid var(--home-border);background:#f0f3f5;flex-shrink:0;padding:16px;position:relative}.gallery-home .card-preview img{object-fit:contain;background:var(--home-surface);border-radius:4px;width:calc(100% - 32px);height:calc(100% - 32px);position:absolute;inset:16px}.gallery-home .card-body{flex-direction:column;flex:1;padding:20px;display:flex}.gallery-home .card-meta{color:var(--home-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.gallery-home .card-category{color:var(--home-accent);font-size:12px;font-weight:500}.gallery-home .example-count{white-space:nowrap;font-variant-numeric:tabular-nums}.gallery-home .card-body h3{letter-spacing:-.3px;text-wrap:pretty;margin:10px 0 8px;font-size:18px;font-weight:650;line-height:1.5}.gallery-home .card-body p{color:var(--home-muted);min-height:48px;margin-bottom:20px;font-size:14px;line-height:1.7}.gallery-home .card-bottom{border-color:var(--home-border);align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:12px}.gallery-home .verified-mark{color:#3f665c}.gallery-home .card-action{white-space:nowrap;color:var(--home-accent);align-items:center;gap:8px;font-weight:600;display:inline-flex}.gallery-home .card-action svg{transition:transform .18s}.gallery-home .card-link:hover .card-action svg{transform:translate(3px)}.gallery-home .gallery-footnote{background:var(--home-surface);border:1px solid var(--home-border);border-radius:var(--home-radius);color:var(--home-muted);margin:32px 0 0;padding:24px;font-size:14px}.gallery-home .gallery-footnote strong{color:var(--home-text)}.gallery-home .gallery-footnote a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.gallery-home .site-footer{margin-top:var(--home-space-5);border-color:var(--home-border);color:var(--home-muted);padding-block:24px}.gallery-home .empty-state{border:1px dashed var(--home-control-border);background:var(--home-surface);border-radius:var(--home-radius);padding:56px 24px}.gallery-home :is(a,button,input){touch-action:manipulation}.gallery-home :is(a,button,input):focus-visible,.gallery-home .search-field:focus-within{outline-color:var(--home-accent)}.gallery-home .search-field input:focus-visible{outline:none}@media (width<=1100px){.gallery-home .collection-note{display:none}}@media (width<=1000px){.gallery-home .figure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-home .container,.gallery-home .header-inner{padding-inline:28px}}@media (width<=640px){.gallery-home .container,.gallery-home .header-inner{padding-inline:20px}.gallery-home .header-inner{gap:12px;padding-block:16px 10px}.gallery-home .brand{font-size:17px}.gallery-home .header-inner nav{gap:8px}.gallery-home nav a{padding-inline:12px;font-size:13px}.gallery-home .gallery-intro{padding:32px 0 24px}.gallery-home h1{letter-spacing:-.7px}.gallery-home .gallery-intro p{max-width:27em;font-size:14px}.gallery-home .gallery-tools{padding:16px}.gallery-home #search-form>label{display:block}.gallery-home #search-form>label span{margin-top:4px;display:block}.gallery-home .search-field{gap:8px;padding-left:10px}.gallery-home .search-field input{font-size:14px}.gallery-home .search-field input::placeholder{font-size:13px}.gallery-home .search-field button{padding-inline:12px;font-size:13px}.gallery-home .search-field button svg{display:none}.gallery-home .categories{gap:4px;margin-top:16px;padding-top:12px}.gallery-home .category{padding-inline:10px;font-size:13px}.gallery-home .figure-grid{grid-template-columns:minmax(0,1fr);gap:20px}.gallery-home .result-bar{gap:8px;padding-top:24px}.gallery-home .card-body p{min-height:0}.gallery-home .gallery-footnote{gap:4px 12px;padding:20px}.gallery-home .gallery-footnote a{margin-top:4px}}@media (prefers-reduced-motion:reduce){.gallery-home *,.gallery-home :before{transition:none!important}.gallery-home .card-link:hover .card-action svg{transform:none}}