
.tools .grid .orbit-tools{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:112px;padding:18px 28px;margin:0;background:linear-gradient(110deg,#f7fbf9,#f4f5fc);border:1px solid #e3e8f0;border-radius:20px;box-shadow:none;overflow:hidden;transition:min-height .35s ease}
.tools .grid .orbit-tools::before{display:none}.orbit-copy{padding-right:20px}.orbit-eyebrow{font-size:11px;letter-spacing:.15em;color:#8a99a8}.tools .grid .orbit-copy h3{margin:7px 0;font-size:20px;font-weight:400}.tools .grid .orbit-copy p{margin:0;font-size:13px;color:#81909d}
.orbit-stage{position:relative;width:300px;height:112px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:height .35s ease}.orbit-hub{position:relative;z-index:2;width:80px;height:80px;border-radius:50%;border:1px solid #d8e4e7;background:linear-gradient(145deg,#fff,#edf4f6);color:#66799e;box-shadow:0 5px 18px #7894b51c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;font:inherit;font-size:12px;transition:transform .2s,box-shadow .2s}.orbit-hub:hover{transform:scale(1.05);box-shadow:0 5px 24px #7894b537}.orbit-hub:focus-visible,.orbit-option:focus-visible{outline:2px solid #839ac2;outline-offset:4px}
.orbit-ring{position:absolute;width:101px;height:101px;border:1px solid #dde7eb;border-radius:50%;animation:orbit-turn 12s linear infinite;pointer-events:none}.orbit-ring:after{content:"";position:absolute;top:8px;left:11px;width:6px;height:6px;border-radius:50%;background:#a4c9c1;box-shadow:0 0 8px #adcfc9}
.orbit-tools.expanded .orbit-stage{height:280px}.orbit-tools.expanded .orbit-ring{width:208px;height:208px;border-style:dashed;border-color:#dbe4ec}.orbit-tools.expanded .orbit-hub{background:#7286aa;color:white;border-color:#7286aa}.tools .grid .orbit-option{position:absolute;z-index:3;width:96px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#ffffffed;border:1px solid #e0e7ed;border-radius:16px;font-size:12px;color:#52677f;text-decoration:none;margin:0;box-shadow:0 5px 16px #7286aa0c;animation:orbit-in .3s ease both}.orbit-option span{font-size:18px;color:#7f92b4}.tools .grid .orbit-option:hover{background:#edf5f3;border-color:#abc9c1;box-shadow:0 5px 18px #8cafba22}.orbit-n{top:6px;left:102px}.orbit-e{top:111px;right:0;animation-delay:35ms!important}.orbit-s{bottom:6px;left:102px;animation-delay:70ms!important}.orbit-w{top:111px;left:0;animation-delay:105ms!important}
@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-in{from{opacity:0;scale:.8}to{opacity:1;scale:1}}
@media(max-width:600px){.tools .grid .orbit-tools{padding:16px;flex-wrap:wrap;gap:0;justify-content:center}.orbit-copy{flex:1;padding:0}.tools .grid .orbit-copy h3{font-size:16px}.tools .grid .orbit-copy p{font-size:11px}.orbit-stage{width:100px;height:100px}.orbit-hub{width:70px;height:70px}.orbit-ring{width:88px;height:88px}.orbit-tools.expanded .orbit-stage{width:300px;max-width:100%;margin-top:12px}.orbit-tools.expanded .orbit-copy{flex-basis:100%}.orbit-n,.orbit-s{left:calc(50% - 48px)}.orbit-tools.expanded .orbit-ring{width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-option{animation:none!important}.orbit-stage,.orbit-tools{transition:none!important}}

#orbitTools{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;padding:18px 28px!important;transform:none!important}
#orbitTools .orbit-copy{height:auto!important;align-self:center!important}#orbitTools .orbit-copy h3{font-size:20px!important;display:block!important;margin:7px 0!important}#orbitTools .orbit-copy p{display:block!important;font-size:13px!important}#orbitTools .orbit-stage{align-self:center!important}
@media(max-width:600px){#orbitTools{padding:16px!important;flex-wrap:wrap!important}#orbitTools .orbit-copy h3{font-size:16px!important}#orbitTools .orbit-copy p{font-size:11px!important}#orbitTools.expanded .orbit-stage{flex-basis:300px!important;margin:12px auto 0!important}#orbitTools.expanded .orbit-copy{flex:0 0 100%!important}}

/* A luminous trail follows the outer orbit marker. */
.orbit-ring{border-color:#c5ded8}
.orbit-ring::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from -48deg,transparent 0deg,rgba(155,219,196,.10) 260deg,rgba(165,237,209,.55) 322deg,rgba(233,255,246,.95) 346deg,transparent 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 10px));filter:drop-shadow(0 0 5px #b4edd5)}
.orbit-ring::after{width:7px;height:7px;background:#e7fff5;border:1px solid #a0d8c4;box-shadow:0 0 8px 3px #c3f7de,0 0 20px 9px #d8f8e8}

.quick-tools-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;align-items:start}
#orbitTools{display:flex!important;position:relative;min-height:124px;box-sizing:border-box;border:1px solid #dfe8e9;border-radius:20px;background:linear-gradient(120deg,#f6fbf8,#f2f5fc);overflow:hidden;padding:12px 20px!important;justify-content:flex-start;gap:20px!important;box-shadow:none}
#orbitTools .orbit-stage{width:104px;height:98px;flex:0 0 104px!important;margin:0!important}
.orbit-caption{display:flex;flex-direction:column;gap:8px}.orbit-caption strong{font-size:17px;font-weight:400;color:#3d5065}.orbit-caption>span{font-size:12px;color:#7b8999;line-height:1.5}
.quick-tools-row .ai-entry{min-height:124px;box-sizing:border-box;margin:0;padding:20px;gap:12px}.quick-tools-row .ai-entry h3{font-size:17px;font-weight:400;margin:0 0 8px}.quick-tools-row .ai-entry p{font-size:12px;color:#7b8999}.quick-tools-row .ai-entry button{font-size:13px;padding:10px 14px;border-radius:24px}
#orbitTools.expanded{flex-direction:column!important;gap:8px!important}#orbitTools.expanded .orbit-stage{width:300px;height:280px;flex:0 0 280px!important;margin:0 auto!important;max-width:100%}#orbitTools.expanded .orbit-caption{flex-direction:row;align-items:center;justify-content:center;gap:12px;width:100%;padding-bottom:6px}
#orbitTools .orbit-option{position:absolute;z-index:3;width:96px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fffffff2;border:1px solid #e0e7ed;border-radius:16px;font-size:12px;color:#52677f;text-decoration:none;margin:0;box-sizing:border-box;box-shadow:0 5px 16px #7286aa0c;animation:orbit-in .3s ease both}#orbitTools .orbit-option:hover{background:#e9faf0;border-color:#9dd7bc;box-shadow:0 0 22px #c8f4dd}
@media(max-width:600px){.quick-tools-row{gap:10px;margin-top:16px}#orbitTools{min-height:166px;flex-direction:column!important;padding:12px 8px!important;gap:5px!important}#orbitTools .orbit-stage{width:84px;height:86px;flex:0 0 86px!important}.orbit-caption{text-align:center;gap:4px}.orbit-caption strong{display:none}.orbit-caption>span{font-size:10px}.quick-tools-row .ai-entry{min-height:166px;padding:16px 10px;flex-direction:column;justify-content:center;text-align:center;gap:16px}.quick-tools-row .ai-entry h3{font-size:16px}.quick-tools-row .ai-entry p{font-size:11px;max-width:120px;line-height:1.6}.quick-tools-row:has(#orbitTools.expanded){grid-template-columns:1fr}#orbitTools.expanded .orbit-stage{flex-basis:280px!important;width:300px!important}#orbitTools.expanded .orbit-caption strong{display:block;font-size:14px}.quick-tools-row:has(#orbitTools.expanded) .ai-entry{min-height:86px;flex-direction:row;justify-content:space-between;text-align:left;padding:16px}.quick-tools-row:has(#orbitTools.expanded) .ai-entry p{max-width:none}}

/* Balanced labels and a narrow, crisp orbital trail. */
#orbitTools .orbit-caption{min-width:0}
#orbitTools .orbit-functions{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;line-height:1.65}
#orbitTools .orbit-functions>span{white-space:nowrap}
.orbit-ring::before{inset:-2px;background:conic-gradient(from -48deg,transparent 0deg,transparent 240deg,rgba(103,202,162,.12) 285deg,rgba(116,222,176,.75) 335deg,#d8fff0 350deg,transparent 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 2px #9fe3c4)}
.orbit-ring::after{width:5px;height:5px;background:#effff7;border:1px solid #92d8b9;box-shadow:0 0 4px 1px #b4f3d1,0 0 8px 2px #d8f8e8}
@media(max-width:600px){#orbitTools .orbit-functions{justify-content:center;column-gap:7px;font-size:10px}}

/* Crisp comet: concentrated mint head with a long, tapering light arc. */
.orbit-ring{border-color:#c9e6de;animation-duration:8s}
.orbit-ring::before{inset:-3px;background:conic-gradient(from 0deg,transparent 0deg,transparent 230deg,rgba(33,206,147,.12) 250deg,rgba(24,217,151,.65) 285deg,#32e9ad 318deg,#aaffdb 337deg,#ffffff 344deg,transparent 345deg);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px),#000 calc(100% - 1px),transparent 100%);filter:drop-shadow(0 0 2px #48ecac);opacity:1}
.orbit-ring::after{top:0;left:50%;margin:0;width:6px;height:6px;transform:translate(-50%,-50%);background:#fff;border:1px solid #6cf1ba;box-shadow:0 0 3px 1px #fff,0 0 7px 2px #40eaa5,0 0 13px 2px #7ff5c0;border-radius:50%;offset-path:none}
/* Align the head with the bright tip of the arc. */
.orbit-ring::before{background:conic-gradient(from 15deg,transparent 0deg,transparent 230deg,rgba(33,206,147,.12) 250deg,rgba(24,217,151,.65) 285deg,#32e9ad 318deg,#aaffdb 337deg,#ffffff 344deg,transparent 345deg)}
