/* Every interface glyph uses the same 24-unit grid and a square viewport. */
svg.lehja-icon{display:block;flex:none;width:var(--icon-size,20px);height:var(--icon-size,20px);min-width:var(--icon-size,20px);aspect-ratio:1;overflow:visible;stroke-width:1.8;vertical-align:middle}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}
.nav-item,.bottom-item{--icon-size:22px}
.side-settings,.primary,.outline,.copy-btn{--icon-size:19px}
.mini-link,.privacy-mark,.composer-label{--icon-size:16px}
.icon-button,.tiny-icon,.bubble-copy{--icon-size:20px;display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
.icon-button{width:40px;height:40px;min-width:40px}
.tiny-icon{width:36px;height:36px;min-width:36px}
.bubble-copy{width:32px;height:32px;--icon-size:18px}
.hero-icon{--icon-size:34px}
.empty-icon{--icon-size:28px}
.modal-icon{--icon-size:26px}
.icon-bubble{--icon-size:20px}
.category .emoji,.scenario .sicon,.mood .emoji,.space-emoji,.scene-emoji,.chat-circle,.space-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
.category .emoji{--icon-size:19px;color:var(--accent)}
.scenario .sicon{--icon-size:21px;color:var(--accent);width:26px;height:26px}
.mood .emoji{--icon-size:27px;color:var(--accent);width:32px;height:32px;filter:none}
.mood{gap:7px}
.space-emoji{--icon-size:19px;color:var(--accent);width:22px;height:22px}
.scene-emoji,.chat-circle{--icon-size:22px;color:var(--accent)}
.space-icon{--icon-size:24px;color:var(--accent)}
.result-option>span:first-child{--icon-size:23px;color:var(--accent);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}
.brand-icon,.admin-brand img{object-fit:contain;clip-path:inset(4% 4% 5.5% 4% round 20%)}
.category[aria-pressed=true] .emoji,.mood[aria-pressed=true] .emoji{color:var(--accent-dark)}
.icon-button[aria-pressed=true]{background:var(--soft)}
@media(max-width:700px){
 html,body{width:100%;max-width:100%;overflow-x:clip;touch-action:pan-y;overscroll-behavior-x:none}
 .app-shell,.app-main,.content,.studio-grid,.panel,.field{min-width:0;max-width:100%}
 .topbar{padding-left:14px;padding-right:14px}.top-actions{gap:6px}
 .top-actions .icon-button,.account-button{width:40px;height:40px;min-width:40px;--icon-size:20px}
 .mobile-brand .logo{font-size:29px}.mobile-brand small{font-size:9px}
 .bottom-item{min-height:54px;--icon-size:23px;gap:5px;padding:7px 3px}
 .bottom-item>span:first-child{width:26px;height:26px;display:grid;place-items:center}
 .bottom-item.active svg.lehja-icon{stroke-width:2.1}
 .field input,.field textarea,.field select,.text-input,.message-field textarea,.search-input input,.auth-card input{font-size:16px}
 input,textarea,select,button,summary,a{touch-action:manipulation}
 .field-row{min-width:0}.field-row>*{min-width:0}
 .mood .emoji{--icon-size:26px;width:30px;height:30px}
 .tiny-icon{width:38px;height:38px;min-width:38px}
 .head-actions{gap:7px}.chat-circle{width:42px;height:42px;--icon-size:22px}
 .composer-label .mini-link{--icon-size:16px;min-height:32px}
 .select-menu summary{font-size:14px;min-height:46px}
 .select-options button{font-size:14px;min-height:42px}
 .splash{touch-action:none}
}