.tag-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 0;min-width:0}.tag-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 6px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:4px;font-weight:400;font-size:11px;line-height:1.4;color:#526882;background:color-mix(in srgb,#8caacf 8%,transparent);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-chip:hover{border-color:#8ba8ce;color:#2b5891}.tag-chip-pending{border-style:dashed;color:#997438;background:#c9a14d0c}.tag-chip small{font-size:9px;flex-shrink:0}.tag-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.tag-detail{margin:18px 0}.tag-picker{position:relative;margin:8px 0 16px}.tag-picker>label{display:block;font-weight:600}.tag-picker-hint{font-size:12px;line-height:1.6;color:#728095;margin:6px 0}.tag-selected{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tag-chip-remove{border:0;background:transparent;color:inherit;padding:0 2px;font-size:13px;line-height:1;cursor:pointer}.tag-picker input[type=search]{width:100%;font:inherit;padding:11px 13px;background:transparent;color:inherit;border:1px solid #95a2b744;border-radius:8px}.tag-options{position:absolute;z-index:10;top:100%;left:0;right:0;max-height:300px;overflow:auto;border:1px solid #aab5c655;background:var(--tag-surface,#fff);border-radius:10px;box-shadow:0 12px 36px #16365712;padding:5px;list-style:none;margin:5px 0}.tag-option{display:block;width:100%;text-align:left;padding:10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.tag-option:hover,.tag-option[aria-selected=true]{background:#8caacf20}.tag-option small{display:block;font-size:11px;color:#7c879a;margin-top:4px}.tag-heading{max-width:1200px;margin:40px auto 20px;padding:0 24px}.tag-heading h1{font-size:clamp(30px,5vw,50px);font-weight:550;letter-spacing:-.04em}.tag-heading>p{color:#748397;line-height:1.8}.tag-sort{display:flex;gap:20px;margin-top:20px}.tag-sort a{color:inherit;font-size:13px}.tag-sort [aria-current]{font-weight:700}.tag-related{margin-top:42px}.tag-related h2{margin-bottom:24px;font-size:23px}.discovery-item{min-width:0}.tag-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tag-admin-card,.tag-tasks-panel{padding:22px;border:1px solid #97a9bf30;border-radius:12px;margin:14px 0;min-width:0}.tag-admin-card h2{font-size:20px;margin:0}.tag-admin-title{display:flex;justify-content:space-between;gap:12px}.tag-admin-id{font:11px/1.6 monospace;color:#8390a2;overflow-wrap:anywhere}.tag-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.tag-admin-card button,.tag-tasks-panel button,.tag-file-label{font:inherit;font-size:12px;border:1px solid #8fa5c34d;background:#8caacf12;border-radius:7px;color:inherit;padding:7px 10px;cursor:pointer}.tag-admin-card details{margin-top:16px}.tag-admin-card summary{cursor:pointer;font-size:13px}.tag-translation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #8fa5c324;padding:10px 0;font-size:12px}.tag-translation strong{flex:1}.tag-admin-card pre,.tag-tasks-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.tag-file-label input{display:block;max-width:220px;font-size:12px;margin-top:4px}.tag-dialog{width:min(520px,calc(100% - 32px));overflow:visible;background:var(--tag-surface,#fff);color:inherit;border:1px solid #8fa5c333;border-radius:16px;padding:24px}.tag-dialog::backdrop{background:#0e18234d;backdrop-filter:blur(5px)}.tag-dialog .tag-picker{margin-bottom:40px}.tag-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.tag-dialog-actions button{font:inherit;padding:9px 14px;border:1px solid #8fa5c333;border-radius:8px;background:#8caacf18;color:inherit;cursor:pointer}.tag-owner-controls{margin:12px 0}.tag-owner-controls>button{border:0;background:transparent;text-decoration:underline;font:inherit;font-size:12px;color:#748397;cursor:pointer}.tag-error{color:#b75842;font-size:12px}.not-found{max-width:640px;margin:14vh auto;text-align:center;padding:30px}.not-found .not-found-code{font-size:13px;letter-spacing:.2em;color:#8a9ab0}.not-found h1{font-weight:500;font-size:clamp(27px,5vw,40px)}.not-found p{line-height:1.8;color:#7c899b}.not-found a{display:inline-block;margin-top:20px;padding:13px 24px;border-radius:8px;background:#e3edfb;color:#345c92;text-decoration:none}.tag-results-matches{margin:20px 0}.tag-results-matches .tag-chip{margin:0 8px 8px 0}
html[data-theme=dark]{--tag-surface:#172130}html[data-theme=dark] .tag-chip{color:#adc2dd}html[data-theme=dark] .tag-chip-pending{color:#d8b778}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--tag-surface:#172130}html:not([data-theme=light]) .tag-chip{color:#adc2dd}}@media(max-width:640px){.tag-admin-grid{grid-template-columns:1fr}.tag-heading{padding:0 16px;margin-top:28px}.tag-admin-card,.tag-tasks-panel{padding:16px}.tag-dialog{padding:18px}}

.community-ui .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}.discovery-item{min-width:0}.discovery-item>.card-tile{width:100%}.tag-admin-card pre{white-space:pre-wrap;overflow-wrap:anywhere}.tag-admin-card{min-width:0}.tag-notices{margin:20px 0;padding:16px;border:1px solid #95a2b744;border-radius:12px}.tag-notices li{margin:8px 0}@media(max-width:1000px){.community-ui .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}}@media(max-width:700px){.community-ui .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}@media(max-width:400px){.community-ui .card-grid{grid-template-columns:minmax(0,1fr)}}
.community-ui .card-tile-art{display:block;overflow:hidden}.community-ui .card-art{display:block;width:100%;height:auto;aspect-ratio:1536/969;object-fit:cover}.community-ui .card-tile a:not(.tag-chip){text-decoration:none;color:inherit}.community-ui .card-meta{padding:13px 3px 0}.community-ui .card-meta h3{margin:0 0 3px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.community-ui .card-meta p{margin:0;color:var(--muted,#748397);font-size:12px}.community-ui .card-tilt-surface{min-width:0}

.tag-review-preview{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1536/969;object-fit:contain;border-radius:10px;margin-bottom:16px}.tag-admin-card>p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}

/* Context controls placement only; all chips share the same typography and padding. */
.tag-chips:empty{display:none}
.gallery-ui .card-meta .tag-rail{grid-column:1/-1;grid-row:2;margin:0 0 2px;padding:0;min-height:0}
.gallery-ui .card-meta :is(.card-subtitle,.community-work-subtitle){grid-row:3}

.tag-detail{gap:4px;margin:6px 0 10px}



.tag-paging .button{gap:6px}.tag-paging>span{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}

.tag-related-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.tag-related-heading h2{min-width:0;margin:0;line-height:1.4}
.tag-related-heading [data-gallery-layout-slot]{flex:0 0 auto}
.gallery-ui .tag-related-heading .gallery-layout{margin:0 -7px 0 0}

/* Keep the chips at their shared size; only the card row scrolls. */
.tag-rail{position:relative;min-width:0;max-width:100%}
.tag-rail:has(>.tag-chips:empty){display:none}
.tag-rail>.tag-chips{flex-wrap:nowrap;gap:4px;margin:0;padding:2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.tag-rail>.tag-chips::-webkit-scrollbar{display:none}
.tag-rail .tag-chip{flex:0 0 auto;max-width:none}
.tag-rail::after{content:"";position:absolute;inset:0 0 0 auto;width:28px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg,#fcfdff));opacity:0}
.tag-rail[data-more-tags]::after{opacity:1}
.tag-rail>.tag-chips:focus-visible{outline:2px solid #8ba8ce;outline-offset:2px;border-radius:4px}
.tag-rail .tag-chip:focus-visible{outline:2px solid #8ba8ce;outline-offset:-2px}

/* Related cards highlight shared tags inside their normal scrollable tag row. */
.tag-chip.tag-chip-shared{background:color-mix(in srgb,var(--accent,#426ea8) 11%,var(--bg,#fcfdff));border-color:color-mix(in srgb,var(--accent,#426ea8) 18%,transparent);color:var(--accent,#426ea8)}
.tag-chip.tag-chip-shared:hover{background:color-mix(in srgb,var(--accent,#426ea8) 17%,var(--bg,#fcfdff))}

.tag-options-hint{position:sticky;bottom:-5px;margin:0 -5px -5px;padding:5px 15px;border-top:1px solid #aab5c633;background:var(--tag-surface,#fff);color:var(--muted,#728095);font-size:11px;line-height:1.5;pointer-events:none}