.gpo-tool-directory {padding-bottom:64px;--tool-panel:#1d1428}
.gpo-tools-heading {padding:20px 0 18px}
.gpo-tools-heading .breadcrumb,.gpo-tools-heading .gpo-breadcrumbs {margin-bottom:14px}
.gpo-tools-heading .section-kicker {margin-bottom:10px}
.gpo-nocturne .gpo-tools-heading h1 {font-size:clamp(32px,4vw,48px);letter-spacing:-1.7px;line-height:1.15;margin-bottom:12px}
.gpo-tools-heading>p {color:var(--muted);font-size:16px;max-width:760px;margin-bottom:0}
.gpo-tools-form {display:grid;grid-template-columns:minmax(230px,2fr) minmax(150px,1fr) minmax(150px,.8fr) auto;gap:14px;align-items:end;padding:16px;background:var(--tool-panel);border:1px solid var(--line);border-radius:16px}
.gpo-tools-form label {display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}
.gpo-tools-form label>span:first-child {font-size:13px;font-weight:600;color:var(--text)}
.gpo-tools-input {display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding-left:13px;gap:8px}
.gpo-tools-input:focus-within {outline:2px solid var(--accent);outline-offset:2px}
.gpo-tools-input>.icon {width:18px;color:var(--muted)}
.gpo-tools-input input {min-width:0;width:100%;height:46px;border:0;background:transparent;font-size:15px;padding:10px 12px 10px 0}
.gpo-tools-input input:focus-visible {outline:0}
.gpo-tools-form select {width:100%;height:48px;padding:9px 12px;font-size:14px}
.gpo-tools-form>.button {min-height:48px}
.gpo-tools-browse {display:flex;align-items:start;gap:16px;margin:18px 0 6px}
.gpo-tools-browse nav {display:flex;flex:1;flex-wrap:wrap;gap:8px}
.gpo-tools-browse nav a,.gpo-tools-browse>button {padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;line-height:1.6;background:transparent;color:var(--text)}
.gpo-tools-browse>button {display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.gpo-tools-browse>button[hidden] {display:none}
.gpo-tools-browse>button .icon {width:15px;height:15px}
.gpo-tools-browse [aria-current="page"],.gpo-tools-browse [aria-pressed="true"],.gpo-tools-browse a:hover {border-color:var(--accent);color:var(--accent);background:var(--tool-panel)}
.gpo-tools-status {min-height:16px;font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0}
.gpo-tools-status[role="alert"] {color:var(--accent)}
.gpo-tools-status a {text-decoration:underline;text-underline-offset:3px}
.gpo-tools-storage {font-size:13px;color:var(--muted);margin:8px 0}
[data-dir-results][aria-busy="true"] .gpo-tools-grid {opacity:.5;pointer-events:none}
.gpo-tools-results-head {display:flex;gap:16px;align-items:baseline;margin:0 0 22px;flex-wrap:wrap}
.gpo-tools-results-head h2 {font-size:22px;line-height:1.4;letter-spacing:-.4px;margin:0;overflow-wrap:anywhere}
.gpo-tools-results-head>span {font-size:13px;color:var(--muted)}
.gpo-tools-results-head>a {margin-left:auto;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
.gpo-tools-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gpo-tool-card {display:flex;flex-direction:column;min-width:0;background:var(--tool-panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.gpo-tool-preview {display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#342048,#141322)}
.gpo-tool-preview img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.gpo-tool-preview:hover img {transform:scale(1.025)}
.gpo-tool-placeholder .icon {width:64px;height:64px;color:#d5b1ef;stroke-width:1}
.gpo-tool-copy {padding:20px;display:flex;flex-direction:column;flex:1;min-width:0}
.gpo-tool-title {display:flex;gap:12px;align-items:start;margin-bottom:12px}
.gpo-tool-title h2 {font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0;flex:1;overflow-wrap:anywhere}
.gpo-tool-title h2 a {color:var(--text)}
.gpo-tool-title h2 a:hover {color:var(--accent)}
.gpo-tool-title button {width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);color:var(--muted)}
.gpo-tool-title button[aria-pressed="true"] {color:var(--accent);border-color:var(--accent);background:var(--bg)}
.gpo-tool-title button[aria-pressed="true"] svg {fill:currentColor;fill-opacity:.18}
.gpo-tool-copy>p {font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gpo-tool-footer {display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:auto}
.gpo-tool-tag {font-size:12px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere;color:var(--muted)}
.gpo-tool-footer .text-link {font-size:13px;white-space:nowrap;margin-left:auto}
.gpo-tools-pages {display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:36px 0}
.gpo-tools-pages>a,.gpo-tools-pages>span {padding:8px 13px;min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:14px}
.gpo-tools-pages [aria-current] {background:var(--accent);color:var(--bg);font-weight:700}
.gpo-tools-pages>a:hover {border-color:var(--accent)}
.gpo-tools-empty {text-align:center;border:1px dashed var(--line);padding:48px 24px;border-radius:16px}
.gpo-tools-empty>span>.icon {width:32px;height:32px;color:var(--accent);margin-bottom:16px}
.gpo-tools-empty h2 {font-size:26px}.gpo-tools-empty p {color:var(--muted);font-size:15px}
.gpo-tools-categories {margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
.gpo-tools-categories summary {font-size:18px;font-weight:600;cursor:pointer;list-style-position:inside}
.gpo-tools-categories nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;margin-top:24px}
.gpo-tools-categories a {font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.gpo-tools-categories a:hover {color:var(--accent);text-decoration:underline}
html[data-gpo-theme="light"] .gpo-tool-directory {--tool-panel:#fff}
html[data-gpo-theme="light"] .gpo-tool-preview {background:linear-gradient(135deg,#f0e5f8,#e4e9fa)}
html[data-gpo-theme="light"] .gpo-tool-placeholder .icon {color:#70338e}
@media(max-width:1000px){.gpo-tools-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gpo-tools-search{grid-column:1/-1}.gpo-tools-form>.button{grid-column:1/-1}.gpo-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpo-tools-categories nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .gpo-tools-heading{padding-top:20px}.gpo-tools-heading>p{font-size:14px}.gpo-nocturne .gpo-tools-heading h1{font-size:34px;letter-spacing:-1px}
 .gpo-tools-form{padding:16px;gap:12px}.gpo-tools-form select{font-size:13px}.gpo-tools-input input{font-size:16px}
 .gpo-tools-browse{flex-direction:column;gap:12px}.gpo-tools-browse nav{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:6px}.gpo-tools-browse nav a{white-space:nowrap}
 .gpo-tools-grid{grid-template-columns:minmax(0,1fr);gap:20px}.gpo-tools-results-head{gap:8px 12px}.gpo-tools-results-head h2{font-size:20px}
 .gpo-tools-categories nav{grid-template-columns:repeat(2,minmax(0,1fr))}.gpo-tool-copy{padding:18px}.gpo-tool-title h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.gpo-tool-preview img{transition:none}}