.controls-container.svelte-1ggqd8j{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tag-filter-toggle.svelte-1ggqd8j button:where(.svelte-1ggqd8j){width:auto;padding:.5rem 1.5rem;font-size:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-color)}.filter-overlay.svelte-1ggqd8j{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.filter-overlay.visible.svelte-1ggqd8j{visibility:visible;opacity:1}.tags-sidebar.svelte-1ggqd8j{background:var(--bg-color);padding:1rem 1rem 5rem;box-sizing:border-box;overflow-y:auto}@media(max-width:768px){.filter-overlay.svelte-1ggqd8j{display:block}.tags-sidebar.svelte-1ggqd8j{position:fixed;bottom:0;left:0;right:0;width:100%;height:80vh;max-height:80vh;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 15px #0000001a;transform:translateY(100%);transition:transform .3s ease-in-out}.filter-overlay.visible.svelte-1ggqd8j .tags-sidebar:where(.svelte-1ggqd8j){transform:translateY(0)}}@media(min-width:769px){.filter-overlay.svelte-1ggqd8j{display:flex;justify-content:center;align-items:center}.tags-sidebar.svelte-1ggqd8j{position:relative;width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 4px 20px #0003;transform:scale(.95);transition:transform .3s ease}.filter-overlay.visible.svelte-1ggqd8j .tags-sidebar:where(.svelte-1ggqd8j){transform:scale(1)}}.sidebar-header.svelte-1ggqd8j{display:flex;justify-content:center;align-items:center;padding-bottom:1rem;min-height:32px}.sidebar-close-button.svelte-1ggqd8j{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;border:none;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#555;line-height:1;cursor:pointer;transition:background-color .2s}.sidebar-close-button.svelte-1ggqd8j:hover{background-color:#d0d0d0}.clear-filter-container.svelte-1ggqd8j{margin-bottom:1rem}.clear-button.svelte-1ggqd8j{width:100%;text-align:left;padding:.75rem;border:1px solid var(--border-color);background-color:var(--panel-bg);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;color:var(--text-color)}.clear-button.svelte-1ggqd8j:hover{background-color:var(--border-color)}.clear-button.active.svelte-1ggqd8j{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.filter-group.svelte-1ggqd8j{margin-bottom:.5rem}.group-header.svelte-1ggqd8j{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--border-color)}.group-title-button.svelte-1ggqd8j{flex-grow:1;background:none;border:none;padding:.75rem .5rem;text-align:left;font-size:1.1rem;font-weight:700;text-transform:capitalize;cursor:pointer;transition:background-color .2s ease,color .2s ease;color:var(--text-color)}.group-title-button.svelte-1ggqd8j:hover{background-color:var(--border-color)}.group-title-button.active.svelte-1ggqd8j{background-color:var(--text-color);color:var(--bg-color)}.group-toggle-button.svelte-1ggqd8j{background:none;border:none;padding:.75rem;cursor:pointer;color:var(--text-color)}.toggle-icon.svelte-1ggqd8j{font-size:1.2rem;color:#888}.tag-list.svelte-1ggqd8j{list-style:none;padding:.5rem 0 .5rem .5rem;margin:0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.tag-list.svelte-1ggqd8j li:where(.svelte-1ggqd8j){margin-bottom:.25rem}.tag-button.svelte-1ggqd8j{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.4rem .8rem;border:1px solid transparent;background-color:transparent;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .2s ease;color:var(--text-color)}.tag-button[disabled].svelte-1ggqd8j{opacity:.5;cursor:not-allowed;pointer-events:none}.tag-button[disabled].svelte-1ggqd8j:hover{background-color:transparent}.tag-count.svelte-1ggqd8j{font-size:.85rem;color:#888}.tag-button.active.svelte-1ggqd8j .tag-count:where(.svelte-1ggqd8j){color:#ffffffb3}.tag-button.svelte-1ggqd8j:hover{background-color:var(--border-color)}.tag-button.active.svelte-1ggqd8j{background-color:var(--text-color);color:var(--bg-color);font-weight:700}.work-list-container.svelte-1ggqd8j{flex-grow:1}.work-list.svelte-1ggqd8j{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0rem;margin-top:-5rem}@media(max-width:375px){.work-list.svelte-1ggqd8j{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.work-card.svelte-1ggqd8j{display:block;text-decoration:none;overflow:hidden;transition:box-shadow .2s ease-in-out;position:relative;aspect-ratio:1 / 1}.work-card.svelte-1ggqd8j:hover{box-shadow:0 4px 12px #0000001a}.work-card.svelte-1ggqd8j:hover .work-info:where(.svelte-1ggqd8j){opacity:1;transform:translateY(0)}.work-thumbnail.svelte-1ggqd8j{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:1}.work-info.svelte-1ggqd8j{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:2.5rem 1.5rem 1rem;background:linear-gradient(to top,rgba(26,26,26,.8) 0%,transparent 100%);color:#fff;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.work-info.svelte-1ggqd8j h2:where(.svelte-1ggqd8j){margin:0 0 .25rem;font-size:1.25rem}.sort-controls.svelte-1ggqd8j{display:flex;align-items:center;gap:.5rem}.sort-controls.svelte-1ggqd8j label:where(.svelte-1ggqd8j){font-weight:700;color:var(--text-color)}.sort-controls.svelte-1ggqd8j select:where(.svelte-1ggqd8j){padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.95rem;background-color:var(--bg-color);color:var(--text-color)}.thumbnail-placeholder.svelte-1ggqd8j{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;z-index:1}