/* Sparks Tech Lab: shared floating Quick Actions (bottom right). v20261104a */
#stl-qa{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:var(--qa-bottom,max(16px,env(safe-area-inset-bottom)));z-index:9000;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.2;letter-spacing:.03em;color:#EBEBEB;-webkit-text-size-adjust:100%;transition:bottom .2s ease}
#stl-qa[hidden]{display:none}
#stl-qa *{box-sizing:border-box}
#stl-qa-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 16px;margin:0;border-radius:999px;border:1px solid rgba(34,211,238,.6);background:rgba(10,16,26,.9);color:#EBEBEB;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 18px rgba(34,211,238,.18);transition:border-color .2s,box-shadow .2s,transform .2s;-webkit-tap-highlight-color:transparent}
#stl-qa-btn:hover{border-color:#22D3EE;color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 22px rgba(34,211,238,.35)}
#stl-qa-btn:focus-visible,#stl-qa-menu a:focus-visible,#stl-qa-menu button:focus-visible{outline:2px solid #22D3EE;outline-offset:2px}
#stl-qa-btn svg{width:16px;height:16px;flex:none;stroke:#22D3EE;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#stl-qa-menu{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;flex-direction:column;width:max-content;min-width:210px;max-width:calc(100vw - 28px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:auto;padding:6px;border-radius:12px;border:1px solid rgba(34,211,238,.55);background:rgba(10,16,26,.96);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 0 0 1px rgba(34,211,238,.15),0 12px 32px rgba(0,0,0,.45),0 0 28px rgba(34,211,238,.25)}
#stl-qa-menu[hidden]{display:none}
#stl-qa-menu a{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;color:#EBEBEB;text-decoration:none;white-space:nowrap}
#stl-qa-menu a:hover{background:rgba(34,211,238,.16);color:#fff}
#stl-qa-menu .qa-ico{flex:none;width:18px;text-align:center;font-size:15px;line-height:1}
.stl-qa-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:480px){#stl-qa-btn{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}#stl-qa-btn .qa-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#stl-qa-btn svg{width:20px;height:20px}}
@media (max-height:480px) and (orientation:landscape){#stl-qa-menu{display:grid;grid-template-columns:1fr 1fr;column-gap:4px;width:min(440px,calc(100vw - 28px));max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px)}#stl-qa-menu[hidden]{display:none}#stl-qa-menu a{min-height:34px;padding:6px 10px}#stl-qa-menu}
#stl-qa.is-compact #stl-qa-btn{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}#stl-qa.is-compact #stl-qa-btn .qa-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#stl-qa.is-compact #stl-qa-btn svg{width:20px;height:20px}
#stl-qa-menu .qa-group{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 12px;margin:0;border:0;border-radius:8px;background:none;color:#EBEBEB;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;white-space:nowrap}
#stl-qa-menu .qa-group:hover{background:rgba(34,211,238,.16);color:#fff}
#stl-qa-menu .qa-chev{margin-left:auto;width:7px;height:7px;border-right:2px solid #22D3EE;border-bottom:2px solid #22D3EE;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
#stl-qa-menu .qa-group[aria-expanded="true"] .qa-chev{transform:rotate(-135deg) translate(-2px,-2px)}
#stl-qa-menu .qa-sub{margin:0 0 4px 12px;padding-left:8px;border-left:1px solid rgba(34,211,238,.35)}
#stl-qa-menu .qa-sub[hidden]{display:none}
#stl-qa-menu .qa-sub a{display:block;white-space:normal;min-height:0;padding:7px 10px}
#stl-qa-menu .qa-sub b{display:block;font-weight:700;font-size:12px}
#stl-qa-menu .qa-sub small{display:block;margin-top:2px;font-size:10.5px;opacity:.72;line-height:1.35}
@media (max-height:480px) and (orientation:landscape){#stl-qa-menu .qa-group,#stl-qa-menu .qa-sub{grid-column:1 / -1}}
/* the older cyan menu on /light/, /studio/ etc.: scroll inside the panel instead of clipping above the viewport */
#stl-quick-actions-menu{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto}
@media (prefers-reduced-motion:reduce){#stl-qa-btn{transition:none}#stl-qa-btn:hover{transform:none}}
@media print{#stl-qa{display:none}}
