:root{--ai-overlay-duration: 260ms;--ai-filter-border: #cfd4da;--ai-filter-line: #e7e7eb;--ai-filter-muted: #66727a;--ai-filter-ink: #17212b;--ai-filter-hover: #f7f7f9}html.ai-overlay-open{overflow:hidden}.ai-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}.ai-toolbar__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.ai-toolbar__filters{display:flex;align-items:center;gap:8px}.ai-toolbar-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--ai-filter-border);border-radius:4px;background:var(--color-white);color:var(--ai-filter-ink);font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:background-color 0.16s ease,border-color 0.16s ease}.ai-toolbar-button:hover{border-color:#9aa4ad;background:var(--ai-filter-hover)}.ai-toolbar-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ai-toolbar-button .ai-icon{flex:0 0 auto}.ai-filter-button.is-active{border-color:var(--color-orange);background:var(--color-orange-pale);color:var(--color-orange)}.ai-filter-button__badge{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;line-height:1.5;text-align:center}.ai-filter-button__badge[hidden]{display:none}.ai-toolbar-button--category{display:none}.ai-toolbar__sort{display:flex;align-items:center;gap:8px}#ai-tools-sort{border-color:var(--ai-filter-border);border-radius:4px}.ai-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:14px;padding:12px 14px;border:1px solid var(--ai-filter-line);border-radius:4px;background:#f7fafc}.ai-active-filters[hidden]{display:none}.ai-active-filters__label{color:var(--ai-filter-muted);font-size:13px;font-weight:700;white-space:nowrap}.ai-active-filters__list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none}.ai-chip{display:inline-flex;align-items:center;border:1px solid var(--color-primary-light);border-radius:999px;background:var(--color-white);color:var(--ai-directory-selected-ink, #075985);font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}.ai-chip__label{padding:5px 2px 5px 12px}.ai-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:32px;border:0;border-radius:0 999px 999px 0;background:transparent;color:inherit;cursor:pointer}.ai-chip__remove:hover{background:var(--color-primary-bright)}.ai-chip__remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ai-chip--category{display:none}.ai-active-filters__count{margin-left:auto;color:var(--ai-filter-ink);font-size:14px;white-space:nowrap}.ai-active-filters__count strong{font-size:18px}.ai-active-filters__clear{min-height:32px;padding:0 4px;border:0;background:transparent;color:var(--color-primary);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;white-space:nowrap}.ai-active-filters__clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ai-filter-overlay{position:fixed;inset:0;z-index:1200}.ai-filter-overlay[hidden]{display:none}.ai-filter-overlay__backdrop{position:absolute;inset:0;background:rgba(23,33,43,0.18);opacity:0;transition:opacity var(--ai-overlay-duration) ease}.ai-filter-overlay.is-open .ai-filter-overlay__backdrop{opacity:1}.ai-filter-panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(460px,100%);margin:0;border-left:1px solid var(--ai-filter-line);background:var(--color-white);box-shadow:-8px 0 24px rgba(23,33,43,0.08);transform:translateX(100%);transition:transform var(--ai-overlay-duration) ease}.ai-filter-overlay.is-open .ai-filter-panel{transform:none}.ai-filter-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--ai-filter-line)}.ai-filter-panel__title{margin:0;font-size:20px;line-height:1.4}.ai-filter-panel__desc{margin:4px 0 0;color:var(--ai-filter-muted);font-size:13px;line-height:1.6}.ai-filter-panel__close{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ai-filter-muted);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.ai-filter-panel__close:hover{background:var(--ai-filter-hover);color:var(--ai-filter-ink)}.ai-filter-panel__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ai-filter-panel__body{flex:1 1 auto;min-height:0;margin:0;padding:4px 20px 20px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ai-filter-section{min-width:0;margin:0;padding:18px 0;border:0;border-bottom:1px solid #eceef1}.ai-filter-section:last-child{border-bottom:0}.ai-filter-section__title{display:block;margin:0 0 10px;padding:0;color:var(--ai-filter-ink);font-size:15px;font-weight:700;line-height:1.5}.ai-filter-section__hint{margin-left:8px;color:var(--ai-filter-muted);font-size:12px;font-weight:500}.ai-filter-section__basis{margin:-4px 0 10px;color:var(--ai-filter-muted);font-size:12px;line-height:1.6}.ai-filter-panel__note{margin:16px 0 0;padding-top:14px;border-top:1px solid #eceef1;color:var(--ai-filter-muted);font-size:12px;line-height:1.7}.ai-filter-section__note{margin:8px 0 0;color:var(--ai-filter-muted);font-size:12px;line-height:1.6}.ai-filter-keyword{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--ai-filter-border);border-radius:4px;background:var(--color-white);color:var(--ai-filter-ink);font:inherit;font-size:15px;appearance:none}.ai-filter-keyword:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:1px}.ai-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}.ai-filter-options--inline{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-check{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 6px;border-radius:4px;color:var(--ai-filter-ink);font-size:14px;line-height:1.5;cursor:pointer}.ai-check:hover{background:var(--ai-filter-hover)}.ai-check input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.ai-check__box{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;border:1.5px solid #9aa4ad;border-radius:4px;background:var(--color-white);color:#fff;transition:background-color 0.12s ease,border-color 0.12s ease}.ai-check--radio .ai-check__box{border-radius:50%}.ai-check__mark,.ai-check__dot{opacity:0}.ai-check__dot{width:8px;height:8px;border-radius:50%;background:#fff}.ai-check input:checked+.ai-check__box{border-color:var(--color-primary);background:var(--color-primary)}.ai-check input:checked+.ai-check__box .ai-check__mark,.ai-check input:checked+.ai-check__box .ai-check__dot{opacity:1}.ai-check input:checked~.ai-check__label{font-weight:700}.ai-check input:focus-visible+.ai-check__box{outline:2px solid var(--color-primary);outline-offset:2px}.ai-filter-panel__foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ai-filter-line);background:var(--color-white)}.ai-filter-panel__reset,.ai-filter-panel__apply{min-height:48px;padding:8px 16px;border-radius:4px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.ai-filter-panel__reset{border:1px solid var(--ai-filter-border);background:var(--color-white);color:var(--ai-filter-ink);font-size:14px}.ai-filter-panel__reset:hover{background:var(--ai-filter-hover)}.ai-filter-panel__apply{border:1px solid var(--color-conversion);background:var(--color-conversion);color:#fff;font-size:15px;font-weight:700}.ai-filter-panel__apply:hover{background:var(--color-conversion-hover)}.ai-filter-panel__apply:disabled{border-color:var(--ai-filter-border);background:var(--ai-filter-border);color:#fff;cursor:not-allowed}.ai-filter-panel__reset:focus-visible,.ai-filter-panel__apply:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ai-category-list--sheet{margin:0;padding:8px 0 0;list-style:none}.ai-category-list--sheet .ai-category-button{min-height:48px}.ai-category-list--sheet .ai-category-button:has(.ai-category-button__icon){grid-template-columns:27px minmax(0,1fr) auto}.page-ai-tools .ai-category-list--sheet .ai-category-button[aria-pressed=true] .ai-category-button__icon{display:grid}@media(max-width:767.98px){.ai-toolbar__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ai-toolbar__filters{display:contents}.ai-toolbar-button{justify-content:center;gap:6px;min-width:0;padding:8px 8px;font-size:13px;white-space:nowrap}.ai-toolbar-button>.ai-icon{display:none}.ai-toolbar-button--category{display:inline-flex}.ai-toolbar-button--category .ai-toolbar-button__value{display:none}.ai-toolbar__sort{display:block;min-width:0}.ai-toolbar__sort label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#ai-tools-sort{width:100%;min-height:44px;padding:8px 24px 8px 8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%2366727a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.ai-active-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 12px;padding:8px 12px 10px}.ai-active-filters__label{grid-row:1;grid-column:1}.ai-active-filters__list{grid-row:2;grid-column:1 / -1;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.ai-active-filters__list::-webkit-scrollbar{display:none}.ai-chip--category{display:inline-flex}.ai-active-filters__count{grid-row:1;grid-column:2;margin-left:0;text-align:right}.ai-active-filters__count strong{font-size:16px}.ai-active-filters__clear{grid-row:1;grid-column:3;min-height:28px;padding:0}.ai-filter-panel{top:auto;right:0;bottom:0;left:0;width:100%;max-height:88dvh;border-left:0;border-top:1px solid var(--ai-filter-line);border-radius:8px 8px 0 0;box-shadow:0 -8px 24px rgba(23,33,43,0.1);transform:translateY(100%)}.ai-filter-overlay--category .ai-filter-panel{max-height:80dvh}.ai-filter-panel__head{padding:16px 16px 12px}.ai-filter-panel__title{font-size:18px}.ai-filter-panel__body{padding:0 16px 16px}.ai-filter-section{padding:14px 0}.ai-filter-options{gap:0 8px}.ai-filter-panel__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}}@media(max-width:479.98px){.ai-filter-options{grid-template-columns:minmax(0,1fr)}.ai-filter-options--inline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.ai-filter-panel,.ai-filter-overlay__backdrop,.ai-toolbar-button,.ai-check__box{transition:none}}@media(max-width:767.98px){.ai-filter-keyword,.ai-check{font-size:16px}.ai-check{min-height:44px}body:has(.ai-filter-keyword:focus) .ai-filter-panel__foot{display:none}}