.at-main{padding:0 0 80px}.at-container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media (min-width:768px){.at-container{padding:0 40px}}.at-header{display:block;padding:32px 0 24px}@media (min-width:900px){.at-header{padding:48px 0 28px}}.at-header .eyebrow{margin-bottom:14px}.at-title{font:600 clamp(30px,4.5vw,44px)/1.05 var(--font-heading);color:var(--color-purple-900);letter-spacing:-.02em;margin:0 0 10px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.at-title-count{font:600 14px/1 var(--font-heading);letter-spacing:.04em;color:var(--color-purple-600);background:var(--color-purple-50);border:1px solid var(--color-purple-100);padding:7px 12px;border-radius:var(--radius-full)}.at-sub{font:400 15px/1.6 var(--font-body);color:var(--color-gray-600);margin:0;max-width:560px}.at-search{position:relative;display:flex;align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:6px 14px 6px 44px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.at-search:focus-within{border-color:var(--color-purple-600);box-shadow:0 0 0 3px var(--color-purple-50)}.at-search-icon{position:absolute;left:16px;font-size:18px;color:var(--color-gray-400);pointer-events:none}.at-search:focus-within .at-search-icon{color:var(--color-purple-600)}.at-search-input{flex:1 1;border:0;background:transparent;outline:0;padding:12px 0;font:400 15px/1.2 var(--font-body);color:var(--color-gray-900,var(--color-gray-800));min-width:0}.at-search-input::placeholder{color:var(--color-gray-400)}.at-search-input::-webkit-search-cancel-button{display:none}.at-search-kbd{font:600 11px/1 var(--font-heading);background:var(--color-gray-50);border:1px solid var(--color-gray-200);padding:5px 8px;border-radius:var(--radius-sm);white-space:nowrap}.at-search-clear,.at-search-kbd{color:var(--color-gray-600);flex-shrink:0}.at-search-clear{width:28px;height:28px;border:0;background:var(--color-gray-100);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast)}.at-search-clear:hover{background:var(--color-purple-50);color:var(--color-purple-600)}.at-sticky-wrap{position:-webkit-sticky;position:sticky;top:56px;z-index:50;background:rgba(249,248,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);padding:12px 0}@media (min-width:768px){.at-sticky-wrap{top:64px;padding:14px 0}}.at-filter-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:4px}.at-filter-pills::-webkit-scrollbar{display:none}@media (min-width:1024px){.at-filter-pills{flex-wrap:wrap;overflow:visible}}.at-pill{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--font-heading);padding:9px 14px;border-radius:var(--radius-full);border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-800);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.at-pill i{font-size:15px;color:var(--color-purple-600)}.at-pill:hover{border-color:var(--color-purple-200);color:var(--color-purple-800)}.at-pill.active{background:var(--color-purple-600);border-color:var(--color-purple-600)}.at-pill.active,.at-pill.active i{color:var(--color-white)}.at-pill-count{font:600 11px/1 var(--font-heading);letter-spacing:.04em;padding:3px 7px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600)}.at-pill.active .at-pill-count{background:hsla(0,0%,100%,.18);color:var(--color-white)}.at-body{padding-top:28px;display:grid;grid-gap:36px;gap:36px}@media (min-width:768px){.at-body{padding-top:36px;gap:48px}}.at-recent{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:22px 24px;box-shadow:var(--shadow-sm)}.at-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.at-recent-title{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.2 var(--font-heading);color:var(--color-purple-900);margin:0;letter-spacing:-.005em}.at-recent-title i{color:var(--color-purple-600);font-size:18px}.at-recent-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.at-recent-chip{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 10px;background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-800);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);min-width:0}.at-recent-chip:hover{background:var(--color-purple-50);border-color:var(--color-purple-200);transform:translateY(-1px)}.at-recent-icon{width:32px;height:32px;background:var(--color-white);color:var(--color-purple-600);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.at-recent-name{flex:1 1;font:500 13.5px/1.2 var(--font-body);color:var(--color-purple-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-recent-arrow{font-size:16px;color:var(--color-purple-400);transition:transform var(--transition-fast);flex-shrink:0}.at-recent-chip:hover .at-recent-arrow{transform:translateX(2px);color:var(--color-purple-600)}.at-section{padding:0;scroll-margin-top:140px}.at-section-head{display:flex;align-items:center;gap:12px;margin:0 0 18px}.at-section-icon{width:36px;height:36px;background:var(--color-purple-50);color:var(--color-purple-600);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--color-purple-100)}.at-section-title{font:600 22px/1.2 var(--font-heading);color:var(--color-purple-900);letter-spacing:-.01em;margin:0}.at-section-count{font:600 11px/1 var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-600);background:var(--color-gray-100);padding:5px 9px;border-radius:var(--radius-full)}.at-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:640px){.at-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width:1024px){.at-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.tool-card.at-tool{padding:22px 20px}.tool-card.at-tool h3{font-size:15px}.tool-card.at-tool p{font-size:12.5px;min-height:36px}.tool-card.at-tool.compact{padding:16px}.tool-card.at-tool.compact p{-webkit-line-clamp:1;min-height:0}.at-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;font:700 9.5px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:var(--radius-full);z-index:2}.at-badge i{font-size:11px}.at-badge-new{background:var(--color-purple-600);color:var(--color-white)}.at-badge-beta{background:var(--color-info-bg,#e2effb);color:var(--color-info-fg,#378add);border:1px solid var(--color-info,#378add)}.at-badge-pro{background:linear-gradient(135deg,var(--color-purple-800),var(--color-purple-600));color:var(--color-white)}.at-empty{text-align:center;background:var(--color-white);border:1px dashed var(--color-purple-200);border-radius:var(--radius-xl);padding:56px 24px}.at-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--color-purple-50);color:var(--color-purple-600);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:32px}.at-empty h3{font:600 22px/1.2 var(--font-heading);color:var(--color-purple-900);margin:0 0 8px;letter-spacing:-.01em}.at-empty p{font:400 14px/1.55 var(--font-body);color:var(--color-gray-600);max-width:420px;margin:0 auto 22px}.at-empty-actions{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center}.at-suggest{display:grid;grid-template-columns:56px 1fr;grid-gap:20px;gap:20px;align-items:center;background:linear-gradient(155deg,var(--color-purple-600),var(--color-purple-900));color:var(--color-white);padding:28px;border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(83,74,183,.18)}@media (min-width:768px){.at-suggest{grid-template-columns:56px 1fr auto;padding:32px 36px;gap:24px}}.at-suggest-icon{width:56px;height:56px;background:hsla(0,0%,100%,.14);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-white)}.at-suggest-text{min-width:0}.at-suggest-text h3{font:600 18px/1.2 var(--font-heading);margin:0 0 6px;letter-spacing:-.01em}.at-suggest-text p{font:400 13.5px/1.55 var(--font-body);color:var(--color-purple-100);margin:0;max-width:480px}.at-suggest .btn-primary{background:var(--color-white);color:var(--color-purple-800);box-shadow:0 4px 14px rgba(0,0,0,.18);justify-self:start}.at-suggest .btn-primary:hover{background:var(--color-gray-50);color:var(--color-purple-900)}@media (min-width:768px){.at-suggest .btn-primary{justify-self:end}}