
.ai-mobile-face,.ai-mobile-caption{display:none}
@media(max-width:600px){
.quick-tools-row .ai-entry{position:relative;justify-content:flex-start;gap:5px;padding:12px 8px}
.quick-tools-row .ai-entry>div{display:none}
.quick-tools-row .ai-entry #aiOpen{flex:0 0 70px;width:70px;height:70px;min-height:70px;margin:8px 0;border-radius:50%;border:1px solid #dcdfea;background:linear-gradient(145deg,#fff,#edf0fa);color:#7586ac;padding:0;box-shadow:0 5px 18px #7894b512;position:relative}
.quick-tools-row .ai-entry #aiOpen::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid #e1e4f1;pointer-events:none}
#aiOpen .ai-desktop-label{display:none}#aiOpen .ai-mobile-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:400;line-height:1.4}
.quick-tools-row .ai-entry .ai-mobile-caption{display:block;font-size:10px;line-height:1.65;color:#7b8999;margin:0;max-width:none;white-space:nowrap}
.quick-tools-row:has(#orbitTools.expanded) .ai-entry{min-height:112px;flex-direction:row;align-items:center;justify-content:flex-start;gap:25px;padding:12px 24px}
}

@media(max-width:600px){
.quick-tools-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}
#orbitTools:not(.expanded),.quick-tools-row .ai-entry{min-height:124px;height:124px;box-sizing:border-box;border-radius:18px}
#orbitTools:not(.expanded) .orbit-stage{height:78px;flex-basis:78px!important}
.quick-tools-row .ai-entry #aiOpen{margin:4px 0}
.format-panel{width:100%;min-height:124px;box-sizing:border-box;border-radius:18px;margin-top:10px}
.quick-tools-row:has(#orbitTools.expanded){grid-template-columns:1fr}
.quick-tools-row:has(#orbitTools.expanded) .ai-entry{height:auto;min-height:112px}
}

@media(max-width:600px){
#orbitTools:not(.expanded){flex-direction:column!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:5px!important;padding:12px 8px!important}
#orbitTools:not(.expanded) .orbit-stage{flex:0 0 78px!important;width:84px!important;height:78px!important;margin:0!important}
#orbitTools:not(.expanded) .orbit-caption{flex:0 0 auto!important;align-self:center!important;width:100%;min-width:0;text-align:center}
#orbitTools:not(.expanded) .orbit-functions{justify-content:center;flex-wrap:nowrap;gap:4px;font-size:10px;line-height:1.65;width:100%}
#orbitTools:not(.expanded) .orbit-functions>span{white-space:nowrap}
}

/* Orbiting highlights keep labels still and tie the three entries together. */
.format-halo{animation:entry-orbit 10s linear infinite}
.format-halo::after{top:0;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;background:#effff7;border:1px solid #97d4bb;box-shadow:0 0 4px 1px #b8edd6,0 0 8px #d4f7e5}
@keyframes entry-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){
.quick-tools-row .ai-entry #aiOpen::before{background:conic-gradient(from 12deg,transparent 0deg,transparent 260deg,#a5a9eb55 305deg,#a2abf0 337deg,#f4f5ff 347deg,transparent 348deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:entry-orbit 9s linear infinite;border:0}
.quick-tools-row .ai-entry #aiOpen::after{content:"";position:absolute;inset:-8px;border:1px solid #e1e4f1;border-radius:50%;background:radial-gradient(circle at 50% 3px,#fff 0 1px,#a9b5ef 2px,transparent 4px);filter:drop-shadow(0 0 2px #bec8f4);animation:entry-orbit 9s linear infinite;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.format-halo,.quick-tools-row .ai-entry #aiOpen::before,.quick-tools-row .ai-entry #aiOpen::after{animation:none!important}}
