.gallery-page{letter-spacing:0}
.gallery-grid .example-card{padding:0;width:100%;text-align:left}
.gallery-page .site-header{height:72px}
.gallery-page .header-inner{max-width:1200px;margin:auto;padding:0 28px;gap:40px}
.gallery-layout{width:100%;max-width:1200px;margin:0 auto;display:block;padding:24px 28px 48px}
.gallery-main{min-width:0}
.gallery-search{position:relative;z-index:6;display:flex;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 3px 12px #17223708;margin:0;padding:0 8px 0 18px}
.gallery-search input{flex:1;min-width:0;width:100%;height:46px;border:0;background:transparent;color:var(--ink);font-size:16px;outline:none}
.gallery-search input:focus-visible{outline:none}
.gallery-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.gallery-search-area{position:relative;z-index:3;margin-bottom:16px}
.gallery-search-panel{position:absolute;inset:calc(100% + 6px) 0 auto;z-index:5;padding:16px 18px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #17223718;max-height:360px;overflow:auto}
.search-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.search-panel-heading h2,.gallery-tag-suggestions h2{font-size:13px;color:var(--muted);font-family:inherit;margin:0 0 8px;font-weight:600;letter-spacing:0}
.search-panel-heading button{border:0;background:none;color:var(--muted);font-size:12px;padding:4px}
.gallery-tag-suggestions:not(:empty){border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
.gallery-tag-suggestions>button{display:block;width:100%;padding:8px 4px;border:0;background:none;text-align:left;color:var(--orange-dark);font-size:14px;overflow-wrap:anywhere}
.gallery-search-history{list-style:none;padding:0;margin:0}
.gallery-search-history li{display:flex;align-items:center;gap:8px;min-width:0}
.gallery-search-history .history-query{flex:1;min-width:0;text-align:left;padding:9px 4px;border:0;background:none;color:var(--ink);overflow-wrap:anywhere}
.gallery-search-history .history-tag{color:var(--orange-dark)}
.gallery-search-history .history-remove{display:grid;place-items:center;border:0;background:none;color:var(--muted);width:32px;height:32px;flex:none}
.history-remove .icon,.gallery-selected-tag .icon{width:16px;height:16px}
.gallery-search-history .history-empty{color:var(--muted);font-size:13px;padding:8px 4px}
.gallery-selected-tag{display:inline-flex;align-items:center;gap:6px;flex:none;max-width:55%;border:0;border-radius:6px;background:#fff3e3;color:var(--orange-dark);font-size:13px;padding:5px 8px;margin-right:8px;overflow-wrap:anywhere}
.gallery-tag-suggestions>button:hover,.gallery-search-history button:hover{background:var(--paper)}
.gallery-search input::placeholder{color:var(--muted);opacity:.8}
.gallery-search .icon-button{width:40px;height:40px;display:grid;place-items:center;color:var(--muted)}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery-grid .example-card{aspect-ratio:1;border-radius:8px;box-shadow:none}
.gallery-grid .example-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #17223718}
.gallery-grid .example-card:target{outline:3px solid var(--orange);outline-offset:3px}
.gallery-empty{text-align:center;padding:72px 20px;color:var(--muted)}
.gallery-page .status{margin-top:16px}
@media(max-width:950px){.gallery-search-area .gallery-search{margin-bottom:0}.gallery-search-area{margin-bottom:12px}}
@media(max-width:950px){.gallery-page .header-inner{gap:24px;padding-inline:24px}.gallery-layout{padding:20px 24px 40px}.gallery-grid{gap:12px}.gallery-search{min-height:42px;margin-bottom:12px}.gallery-search input{height:40px;font-size:14px}}
@media(max-width:620px){.gallery-page .site-header{height:60px}.gallery-page .header-inner{gap:10px;padding:0 16px}.gallery-layout{padding:16px 16px 32px}.gallery-main{width:100%}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-search{padding-left:12px}.gallery-search input{font-size:14px}.gallery-page .header-actions{gap:2px}.gallery-page .site-header nav a{padding-inline:7px}}