.tools-workspace { max-width: 1280px; padding-bottom: 68px; }.tools-hero { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(29px,5vw,55px); border: 1px solid #243556; border-radius: 21px; color: #fff; background: radial-gradient(circle at 88% 8%,rgba(98,154,255,.28),transparent 32%),linear-gradient(135deg,#101a30,#173449); }.tools-kicker { color: var(--accent); font-size: .67rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.tools-hero .tools-kicker { color: #83baff; }.tools-hero h1 { max-width: 720px; margin: 12px 0 0; font-size: clamp(2.35rem,5vw,4.6rem); line-height: .97; letter-spacing: -.045em; }.tools-hero p { max-width: 690px; margin: 18px 0 0; color: rgba(255,255,255,.7); line-height: 1.65; }.tools-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }.tools-hero .btn-secondary { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; }.tools-hero__signal { display: grid; flex: 0 0 210px; gap: 9px; padding: 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.06); }.tools-signal-icon { color: #7bdeaa; font-size: 1.45rem; }.tools-hero__signal strong { font-size: .83rem; line-height: 1.4; }.tools-hero__signal > span:last-child { color: rgba(255,255,255,.5); font-size: .66rem; }
.tools-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 16px 0; }.tools-stats > div { display: flex; align-items: baseline; gap: 9px; padding: 15px 17px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }.tools-stats strong { font-size: 1.55rem; letter-spacing: -.04em; }.tools-stats span { color: var(--muted); font-size: .71rem; }
.tools-layout { scroll-margin-top: 28px; }.tools-library-panel,.tools-workbench { padding: 24px; }.tools-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }.tools-panel-heading h2 { margin: 8px 0 5px; font-size: 1.32rem; }.tools-panel-heading .tool-note { margin: 0; }.tools-count,.tools-workbench-status { padding: 5px 8px; border-radius: 999px; background: var(--surface-2); color: var(--muted); font-size: .64rem; font-weight: 750; white-space: nowrap; }.tools-workbench-status { color: #258653; }.tools-workbench-status i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #36b66e; }.tools-search-field { display: flex; align-items: center; gap: 8px; margin-top: 22px; padding: 0 11px; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--surface); }.tools-search-field:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent); }.tools-search-field > span { color: var(--accent); font-size: 1.1rem; }.tools-search-field input { min-height: 43px; flex: 1; border: 0; outline: 0; background: transparent; }.tools-search-field kbd { padding: 2px 6px; border: 1px solid var(--border); border-radius: 5px; color: var(--muted-2); font-size: .63rem; }.tools-library-hint { margin-top: 10px; color: var(--muted); font-size: .68rem; line-height: 1.4; }.tools-library-hint span { color: var(--accent); font-weight: 850; }.tools-grid { min-height: 480px; margin-top: 15px; }.tools-workbench { min-height: 610px; }.tools-workbench .tool-card__category { margin: 0; }.tools-workbench .form-grid { margin-top: 22px; }.tools-workbench-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }.tools-workbench-actions .btn { font-size: .75rem; }.tools-output-heading { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--border); color: var(--muted); font-size: .67rem; font-weight: 750; }.tools-output-heading span:last-child { color: var(--muted-2); font-weight: 500; }.tools-output { min-height: 225px; margin-top: 9px; border-radius: 11px; }.tools-footer-card { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 16px; padding: 27px; border: 1px solid var(--border); border-radius: 15px; background: linear-gradient(140deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface-2)); }.tools-footer-card h2 { margin: 8px 0 0; font-size: 1.45rem; }.tools-footer-card p { max-width: 640px; margin: 10px 0 0; color: var(--muted); line-height: 1.55; font-size: .82rem; }.tools-footer-card__actions { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 9px; }
@media (max-width: 900px) { .tools-hero { align-items: flex-start; flex-direction: column; }.tools-hero__signal { flex-basis: auto; width: 100%; }.tools-stats { grid-template-columns: repeat(2,1fr); }.tools-footer-card { align-items: flex-start; flex-direction: column; } }
@media (max-width: 680px) { .tools-hero,.tools-library-panel,.tools-workbench,.tools-footer-card { padding: 19px; }.tools-hero h1 { font-size: 2.7rem; }.tools-stats { grid-template-columns: 1fr 1fr; }.tools-stats > div { display: grid; gap: 2px; }.tools-layout { grid-template-columns: 1fr; }.tools-workbench { min-height: 0; }.tools-workbench-actions .btn,.tools-footer-card__actions .btn { width: 100%; justify-content: center; }.tools-footer-card__actions { width: 100%; } }