/* CYBERPODIUM toolbox layouts — isolated to prevent stale shared-CSS caches */
.tool-directory{padding-top:145px;padding-bottom:110px}
.tool-directory>header{text-align:center;max-width:850px;margin:0 auto 45px}
.tool-directory h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1;letter-spacing:-.055em;margin:0;color:var(--text-main)}
.tool-directory>header>p:last-child{color:var(--text-muted);font-size:1.05rem;line-height:1.7}
.directory-search{max-width:680px;margin:0 auto 32px;padding:16px 20px;display:flex;align-items:center;gap:18px}
.directory-search label{font-weight:700;white-space:nowrap;color:var(--text-main)}
.directory-search .form-input{margin:0}
.tool-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tool-directory-card{display:block;padding:25px;color:var(--text-main)!important;text-decoration:none!important;transition:.25s}
.tool-directory-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.45)}
.tool-directory-card[hidden]{display:none}
.tool-directory-card>span{color:var(--primary);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.tool-directory-card h2{color:var(--text-main);font-size:1.12rem;margin:10px 0}
.tool-directory-card p{color:var(--text-muted);font-size:.8rem;line-height:1.6;min-height:64px}
.tool-directory-card b{color:var(--primary);font-size:.78rem}
.directory-empty{text-align:center;color:var(--text-muted);padding:50px}
.single-tool-page{max-width:1050px;padding-top:120px;padding-bottom:100px}
.breadcrumbs{display:flex;gap:9px;color:var(--text-muted);font-size:.78rem;margin-bottom:45px}
.breadcrumbs a{color:var(--primary);text-decoration:none}
.single-tool-header{text-align:center;max-width:800px;margin:0 auto 38px}
.single-tool-header h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.05em;margin:0;color:var(--text-main)}
.single-tool-header>p:last-child{color:var(--text-muted);font-size:1.05rem;line-height:1.7}
.single-tool-workspace>.tool-card{display:block;max-width:900px;margin:auto;padding:28px}
.single-tool-workspace>.tool-card.tool-card-wide{grid-column:auto}
.single-tool-workspace .phase-divider{display:none}
.tool-card header{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.tool-card header small{color:var(--primary);font-size:.63rem;font-weight:800;letter-spacing:.12em}
.tool-card h2{font-size:1.28rem;margin:3px 0;color:var(--text-main)}
.tool-card>p{color:var(--text-muted);font-size:.88rem;line-height:1.6}
.tool-card label{display:block;color:var(--text-muted);font-size:.75rem;font-weight:700;margin:14px 0 7px}
.tool-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;font-size:1.2rem;flex:none}
.tool-icon.network{color:#22d3ee;background:rgba(34,211,238,.1)}
.tool-icon.security{color:#a78bfa;background:rgba(167,139,250,.1)}
.tool-icon.developer{color:#34d399;background:rgba(52,211,153,.1)}
.tool-run{margin-top:15px}
.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.field-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.tool-result{position:relative;margin-top:17px;background:rgba(2,8,23,.52);border-radius:9px}
.tool-result:empty{display:none}
.tool-result pre{white-space:pre-wrap;word-break:break-all;padding:18px 90px 18px 18px;margin:0;color:#a5f3fc;font:500 .78rem/1.65 monospace}
.tool-result dl{margin:0;padding:10px 17px}
.tool-result dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--card-border)}
.tool-result dt{color:var(--text-muted);font-size:.75rem}.tool-result dd{margin:0;font-family:monospace;text-align:right}
.copy-button{position:absolute;top:10px;right:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);padding:7px 9px;border-radius:6px;cursor:pointer}
.tool-error{padding:15px;color:#fca5a5;font-size:.8rem}.result-scroll{max-height:330px;overflow:auto}
.code-input{min-height:170px;font-family:monospace}.code-result pre{max-height:370px;overflow:auto}
.check-row{display:flex;flex-wrap:wrap;gap:5px 12px;min-height:45px;align-items:center}.check-row label{margin:0;font-size:.7rem;display:flex;align-items:center;gap:4px}
.file-input{padding:10px}
.tool-explainer{max-width:820px;margin:70px auto 0}.tool-explainer h2{margin-top:38px}.tool-explainer p,.tool-explainer li{color:var(--text-muted);line-height:1.8}.tool-explainer li{margin:8px 0}
.more-tools{max-width:820px;margin:50px auto 0;padding:28px;border:1px solid var(--card-border);border-radius:12px}.more-tools h2{margin-top:0}.more-tools a{color:var(--primary);text-decoration:none;font-weight:700}
@media(max-width:1050px){.tool-directory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.tool-directory-grid{grid-template-columns:repeat(2,1fr)}.directory-search{display:block}.directory-search label{display:block;margin-bottom:9px}.field-row{grid-template-columns:1fr}.tool-result dl div{display:block}.tool-result dd{text-align:left;margin-top:5px}}
@media(max-width:520px){.tool-directory-grid{grid-template-columns:1fr}.tool-directory{padding-top:120px}.tool-directory-card p{min-height:0}.single-tool-page{padding-top:105px}}