.ui-tools .aitera-page { padding:24px; }
.ui-tools .aitera-page-hero { padding:25px 28px; border:1px solid #e9e3ff; border-radius:16px; background:linear-gradient(110deg,#f0ecff,#faf9ff); margin-bottom:24px; align-items:center; }
.ui-tools .aitera-page-hero .eyebrow { font-size:10px; color:var(--ui-accent); letter-spacing:1.7px; margin-bottom:9px; }
.ui-tools .aitera-page-hero p:last-child { font-size:14px; line-height:1.6; margin-top:9px; color:var(--ui-muted); }
.ui-tools .aitera-wide-search { width:min(38%,420px); min-width:240px; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--ui-line); border-radius:12px; padding:0 14px; height:46px; }
.ui-tools .aitera-wide-search input { width:100%; min-width:0; border:0; background:none; font-size:14px; }
.ui-tools .aitera-wide-search .ui-icon { color:var(--ui-muted); width:18px; height:18px; }
.ui-tools .ui-tools-section-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:15px; }
.ui-tools .ui-tools-section-head h2 { margin:0; }
.ui-tools .ui-tools-section-head p { margin:6px 0 0; font-size:13px; color:var(--ui-muted); }
.ui-tools .ui-tools-section-head > .ui-icon { color:var(--ui-accent); width:24px; height:24px; }
.ui-tools .ui-tools-count { color:var(--ui-muted); font-size:12px; }
.ui-tools .ui-tools-illustrated { padding:0; overflow:hidden; min-width:0; border-radius:15px; }
.ui-tools .ui-tools-art { display:block; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover; flex-shrink:0; }
.ui-tools #modeGrid .ui-tools-illustrated .aitera-mode-heading { width:auto; margin:16px 18px 10px; }
.ui-tools #modeGrid .ui-tools-illustrated > p { margin:0 18px 14px; }
.ui-tools #modeGrid .ui-tools-illustrated > small { padding:12px 18px 16px; border-top:1px solid #f0edf8; width:100%; }
.ui-tools .aitera-mode-card .ui-title-small { font-size:15px; font-weight:700; line-height:1.4; }
.ui-tools .aitera-mode-card p { font-size:13px; line-height:1.65; }
.ui-tools .aitera-mode-card > small { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--ui-accent); font-size:12px; }
.ui-tools .aitera-mode-card > small .ui-icon { width:16px; height:16px; }
.ui-tools .aitera-mode-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ui-tools #modeGrid .aitera-mode-card { min-height:190px; border-color:var(--ui-line); }
.ui-tools #modeGrid .aitera-mode-card:not(.ui-tools-illustrated) { padding:20px; }
.ui-tools #modeGrid .aitera-mode-heading { gap:12px; margin-bottom:12px; }
.ui-tools #modeGrid .aitera-mode-icon { width:44px; height:44px; min-width:44px; border-radius:12px; }
.ui-tools #modeCategories { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:20px; overflow:visible; }
.ui-tools #modeCategories button { border-radius:10px; font-size:12px; padding:10px 14px; border-color:var(--ui-line); background:#fff; }
.ui-tools #modeCategories button.active { color:#fff; background:var(--ui-accent); border-color:var(--ui-accent); }
.ui-tools #modeCategories [data-mode-category="popular"] { display:inline-flex; align-items:center; gap:7px; }
.ui-tools #modeCategories [data-mode-category="popular"] .ui-icon { width:16px; height:16px; flex:none; }
@media(max-width:1250px){.ui-tools .aitera-mode-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }}
@media(max-width:820px){.ui-tools .aitera-page { padding:18px; }.ui-tools .aitera-mode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.ui-tools .aitera-page-hero { flex-direction:column; align-items:stretch; padding:22px; }.ui-tools .aitera-wide-search { width:100%; min-width:0; }}
@media(max-width:520px){.ui-tools .aitera-page { padding:12px; }.ui-tools .aitera-page-hero { padding:20px 16px; }.ui-tools .ui-title-hero { font-size:28px; }.ui-tools .aitera-mode-grid { grid-template-columns:1fr; }.ui-tools #modeCategories { flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; }.ui-tools #modeCategories button { flex-shrink:0; }.ui-tools #modeGrid .aitera-mode-card { min-height:160px; }.ui-tools .ui-tools-section-head { gap:10px; }.ui-tools .ui-tools-count { white-space:nowrap; }}