/* Shared workspace controls. Page tools retain their own layout and colors. */
:root{--workspace-focus:#c2a0ed;--workspace-edge:#b892e527}
html{scroll-padding-top:110px}
body :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--workspace-focus)!important;outline-offset:4px}
#st-page-content:focus{outline:none}
.st-skip{position:fixed;top:10px;left:15px;z-index:10010;transform:translateY(-180%);padding:12px 18px;border-radius:10px;background:#2b173e;color:white;text-decoration:none}
.st-skip:focus{transform:none}
html body #bgParticles{opacity:.42}
html body #st-navigation .topbar{min-height:80px!important;padding-top:4px!important;padding-bottom:4px!important}
html body #st-navigation .brand,html body #st-navigation .brand-logo-wrap{height:72px!important;min-height:72px!important;max-height:72px!important}
html body #st-navigation .brand-logo-wrap img.spacetools-icon-logo{height:74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;min-height:74px!important;max-height:74px!important}
#st-navigation .st-native-nav-group.is-open>.st-native-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;display:flex}
#st-navigation .st-native-nav-group.is-open>.st-native-nav-trigger .st-native-nav-chevron{transform:rotate(180deg)}
#st-navigation .st-native-nav-dropdown{border-radius:15px;background:#0d0914fa;box-shadow:0 18px 45px #0009}
#st-navigation .st-native-nav-dropdown>a.tab{min-height:44px}
.st-quick-trigger{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:40px;background:#120b1ac7;color:#c4b5d1;border:1px solid var(--workspace-edge);border-radius:12px;padding:0 12px;cursor:pointer;white-space:nowrap;font:inherit;font-size:12px}
.st-quick-trigger:hover{background:#20132d;border-color:#ba93df66}.st-quick-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.st-quick-trigger kbd{font-family:inherit;font-size:10px;color:#90819c;border:1px solid #ffffff16;border-radius:5px;padding:3px}
.st-tool-dialog{color:#f0e9f7;background:linear-gradient(135deg,#171020,#0b0810);border:1px solid #b992dd42;border-radius:22px;width:min(560px,calc(100vw - 32px));max-height:min(700px,85dvh);padding:0;box-shadow:0 30px 100px #000b;overflow:auto;margin:auto}
.st-tool-dialog::backdrop{background:#030106b8;backdrop-filter:blur(8px)}
.st-tool-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px 24px 18px}.st-tool-dialog h2{font-size:20px;letter-spacing:-.03em;margin:8px 0 0}.st-tool-dialog .st-eyebrow{font-size:10px;letter-spacing:.12em;color:#a98cbd}
.st-dialog-close{width:36px;height:36px;flex:none;border:1px solid #ffffff16;background:#ffffff04;color:#c4b1d4;border-radius:10px;font-size:24px;cursor:pointer}
.st-tool-search{display:block;margin:0 24px 12px}#stToolSearch{width:100%;font:inherit;font-size:16px;padding:14px;box-sizing:border-box}
.st-tool-results{padding:0 12px 12px}.st-tool-result{display:flex;gap:14px;align-items:center;color:#efe6f6;text-decoration:none;border:1px solid transparent;border-radius:12px;padding:12px}.st-tool-result[hidden]{display:none}.st-tool-result:hover,.st-tool-result:focus{background:#ba91dd12;border-color:#b790da35}.st-tool-result-icon{height:34px;width:34px;border-radius:10px;background:#b990da0c;color:#bca1d5;display:grid;place-items:center;flex:none}.st-tool-result-icon svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.st-tool-result strong{font-size:13px;display:block;font-weight:600}.st-tool-result small{font-size:11px;color:#9b8ba7;display:block;margin-top:4px}.st-tool-result>span:last-child{margin-left:auto;color:#7f6a8d}
.st-tool-dialog-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff10;padding:14px 24px;font-size:11px;color:#8c7b9a}.st-tool-empty{padding:12px 24px 24px;color:#c6b8d0;font-size:13px}
.st-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.st-network-note{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 20px;border-radius:12px;background:#251c0f;color:#f4d49c;border:1px solid #9c794366;font-size:13px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box}
.st-network-note[hidden]{display:none}
@media(max-width:1250px){.st-quick-trigger>span,.st-quick-trigger>kbd{display:none}.st-quick-trigger{width:40px;padding:0}}
@media(max-width:1100px){#st-navigation .st-native-nav-group.is-open>.st-native-nav-dropdown{position:static;width:100%;transform:none}#st-navigation .st-native-nav-group{flex-wrap:wrap}}
@media(max-width:680px){html body #st-navigation .topbar{min-height:70px!important}html body #st-navigation .brand,html body #st-navigation .brand-logo-wrap{height:62px!important;min-height:62px!important;max-height:62px!important}html body #st-navigation .brand-logo-wrap img.spacetools-icon-logo{width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;min-height:62px!important;max-height:62px!important}.st-tool-dialog-head{padding:20px 18px 16px}.st-tool-dialog h2{font-size:18px}.st-tool-search{margin-inline:18px}.st-tool-dialog-footer{padding-inline:18px}.st-tool-dialog{max-height:85dvh}.st-quick-trigger{width:38px;min-height:38px}}

@media(max-width:680px){html body #st-navigation .topbar-actions{grid-column:3!important}.st-tool-dialog-footer{gap:12px;flex-wrap:wrap}}

/* Keep search and dismissal visible while only the tool list scrolls. */
html:has(.st-tool-dialog[open]){overflow-y:hidden!important}
.st-tool-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.st-tool-dialog-head,.st-tool-search,.st-finder-categories,.st-tool-summary,.st-tool-dialog-footer{flex-shrink:0}
.st-tool-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:10px}
.st-finder-categories{display:flex;gap:6px;margin:0 24px 10px}
.st-finder-categories button{flex:1;min-height:36px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#ad9cba;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}
.st-finder-categories button:hover{background:#ffffff08;color:#eee5f5}
.st-finder-categories button[aria-pressed="true"]{background:#b790da18;border-color:#b790da35;color:#ead9f7}
.st-tool-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin:0 24px 8px;color:#aa98b8;font-size:11px}
.st-tool-summary button,.st-tool-empty button{font:inherit;font-size:12px;color:#dec6ef;background:#b790da12;border:1px solid #b790da30;border-radius:8px;padding:7px 10px;cursor:pointer}
.st-tool-summary button[hidden],.st-tool-empty[hidden]{display:none}
.st-tool-empty{text-align:center;padding:24px}.st-tool-empty strong{color:#ede2f6}.st-tool-empty p{line-height:1.6;color:#ad9cba}
.st-tool-result[aria-current="page"] .st-tool-result-icon{background:#b790da20;color:#dec4f3}
.st-tool-result .st-tool-current{font-size:10px;white-space:nowrap;color:#c5a6dc!important;border:1px solid #b790da30;border-radius:6px;padding:4px 6px}
@media(max-width:680px){.st-finder-categories{margin-inline:18px;gap:3px}.st-finder-categories button{font-size:11px;padding-inline:7px;min-height:40px}.st-tool-summary{margin-inline:18px}.st-tool-dialog[open]{max-height:calc(100dvh - 32px)}.st-tool-dialog-footer{font-size:10px}.st-dialog-close{width:40px;height:40px}.st-tool-result{gap:10px}}
@media(max-height:520px){.st-tool-dialog[open]{max-height:calc(100dvh - 16px)}.st-tool-dialog-head{padding:12px 18px}.st-tool-dialog-head .st-eyebrow{display:none}.st-tool-dialog h2{margin:0;font-size:17px}.st-tool-search{margin-bottom:6px}#stToolSearch{padding:10px}.st-tool-dialog-footer{display:none}}
