.qy-toolbox__intro{position:relative;overflow:hidden;padding:24px;border:1px solid color-mix(in srgb,var(--qy-accent) 18%,var(--qy-border));border-radius:var(--qy-radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--qy-accent) 10%,var(--qy-surface)),var(--qy-surface));box-shadow:var(--qy-shadow-sm)}
.qy-toolbox__intro:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-95px;border-radius:50%;background:color-mix(in srgb,var(--qy-accent) 23%,transparent);filter:blur(22px);pointer-events:none}
.qy-toolbox__intro strong{display:block;margin:8px 0;font-size:clamp(20px,4vw,30px);letter-spacing:-.035em}.qy-toolbox__intro p{margin:0;color:var(--qy-text-2);line-height:1.7}.qy-toolbox__eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--qy-accent)}
.qy-toolbox__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.qy-toolbox__tool{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;width:100%;min-height:86px;padding:15px;text-align:left;border:1px solid var(--qy-border);border-radius:20px;background:color-mix(in srgb,var(--qy-surface) 90%,transparent);color:var(--qy-text-1);transition:transform .25s var(--qy-ease-spring),border-color .25s,background .25s}.qy-toolbox__tool:not(:disabled){cursor:pointer}.qy-toolbox__tool:not(:disabled):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--qy-accent) 35%,var(--qy-border));background:var(--qy-surface)}.qy-toolbox__tool:disabled{opacity:.58;cursor:default}.qy-toolbox__tool-icon,.qy-toolbox__resource-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--qy-accent) 13%,var(--qy-surface));color:var(--qy-accent);font-weight:800}.qy-toolbox__tool-copy{min-width:0}.qy-toolbox__tool-copy strong,.qy-toolbox__tool-copy small{display:block}.qy-toolbox__tool-copy small{margin-top:4px;color:var(--qy-text-3);line-height:1.45}.qy-toolbox__tool-status{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--qy-text-3)}
.qy-toolbox__subhead{display:flex;align-items:center;gap:14px;margin-bottom:14px}.qy-toolbox__subhead div{display:grid;gap:3px}.qy-toolbox__subhead small{color:var(--qy-text-3)}.qy-toolbox__back,.qy-toolbox__retry{border:1px solid var(--qy-border);border-radius:999px;padding:9px 13px;background:var(--qy-surface);color:var(--qy-text-2);cursor:pointer}.qy-toolbox__filters input{width:100%;padding:13px 16px;border:1px solid var(--qy-border);border-radius:16px;background:color-mix(in srgb,var(--qy-surface) 88%,transparent);color:var(--qy-text-1);outline:none}.qy-toolbox__filters input:focus{border-color:color-mix(in srgb,var(--qy-accent) 55%,var(--qy-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--qy-accent) 12%,transparent)}
.qy-toolbox__resources{display:grid;gap:10px;margin-top:13px}.qy-toolbox__resource{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--qy-border);border-radius:19px;background:color-mix(in srgb,var(--qy-surface) 88%,transparent);color:var(--qy-text-1);text-decoration:none;transition:transform .22s var(--qy-ease-spring),border-color .22s}.qy-toolbox__resource:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--qy-accent) 42%,var(--qy-border))}.qy-toolbox__resource-copy{min-width:0}.qy-toolbox__resource-copy strong,.qy-toolbox__resource-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qy-toolbox__resource-copy small{margin-top:4px;color:var(--qy-text-3)}.qy-toolbox__resource-category{padding:6px 9px;border-radius:999px;background:var(--qy-surface-2);font-size:11px;color:var(--qy-text-3)}.qy-toolbox__empty,.qy-toolbox__loading,.qy-toolbox__error{padding:34px;text-align:center;border:1px dashed var(--qy-border);border-radius:20px;color:var(--qy-text-3)}.qy-toolbox__empty span,.qy-toolbox__empty strong,.qy-toolbox__empty p{display:block}.qy-toolbox__empty span{font-size:28px;color:var(--qy-accent)}.qy-toolbox__empty strong{margin:9px 0;color:var(--qy-text-1)}.qy-toolbox__empty p{margin:0}.qy-toolbox__retry{display:block;margin:10px auto}
@media(max-width:640px){.qy-toolbox__grid{grid-template-columns:1fr}.qy-toolbox__resource{grid-template-columns:42px minmax(0,1fr)}.qy-toolbox__resource-category{grid-column:2;justify-self:start}.qy-toolbox__intro{padding:19px}}
@media(prefers-reduced-motion:reduce){.qy-toolbox__tool,.qy-toolbox__resource{transition:none!important}.qy-toolbox__tool:hover,.qy-toolbox__resource:hover{transform:none}}