/* Feature list: converted from the AgentedSEO design export. */
@media (hover:hover) and (pointer:fine){
  .aseo-pal-item:hover{background:var(--sunken)}
  .aseo-pal-tab:not(.aseo-on):hover{color:var(--ink);border-color:var(--line-strong)}}
.aseo-palette{border-radius:16px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.aseo-pal-bar{display:flex;flex-direction:column;gap:16px;padding:24px;border-bottom:1px solid var(--line)}
.aseo-pal-search{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--sunken);border:1px solid var(--line);color:var(--muted);transition:border-color var(--tm) var(--ease),box-shadow var(--tm) var(--ease)}
.aseo-pal-search:focus-within{border-color:var(--lime-ink);box-shadow:0 0 0 3px var(--page)}
.aseo-pal-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-family:inherit;font-size:18px;line-height:28px}
.aseo-pal-search input::placeholder{color:var(--muted)}
.aseo-pal-tabs{display:flex;flex-wrap:wrap;gap:8px}
.aseo-pal-tab{padding:4px 12px;border-radius:9999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;transition:background-color var(--tm) var(--ease),color var(--tm) var(--ease),border-color var(--tm) var(--ease),transform var(--tm) var(--ease)}
.aseo-pal-tab:active{transform:scale(.98)}
.aseo-pal-tab.aseo-on{background:var(--action);border-color:var(--action);color:var(--on-action)}
.aseo-pal-body{padding:8px}
.aseo-pal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.aseo-pal-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:16px;border-radius:12px;transition:background-color var(--tm) var(--ease);animation:aseo-pop 400ms var(--ease) both}
.aseo-fi-ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--sunken);color:var(--ink);transition:background-color 300ms var(--ease),color 300ms var(--ease),transform 400ms var(--ease)}
.aseo-pal-t{display:block;font-size:16px;line-height:24px;font-weight:600;margin-bottom:4px}
.aseo-pal-g{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-pal-more{display:flex;justify-content:center;padding:8px 16px 16px}
.aseo-pal-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;text-align:center}
.aseo-pal-empty .aseo-btn{margin-top:8px}
.aseo-pal-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:16px 24px;border-top:1px solid var(--line);background:var(--page)}
@media (max-width:900px){
  .aseo-pal-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .aseo-pal-grid{grid-template-columns:minmax(0,1fr)}
  .aseo-pal-bar{padding:16px}
  .aseo-pal-search input{font-size:16px;line-height:24px}
  .aseo-pal-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .aseo-pal-tab{flex:none}}
.aseo .aseo-pal-t{font-family:var(--display)}
.aseo .aseo-pal-tab{transition-duration:150ms;transition-timing-function:ease}
.aseo .aseo-pal-item{animation:none}