:root{--tool-bg:#181320;--tool-border:#3b3049;--tool-muted:#aaa0b5;--tool-purple:#865dff;--tool-soft:#c9b9ff}
*{box-sizing:border-box}
.tools-shell{max-width:1220px;margin:auto;padding:44px 24px 100px}
.tools-hero{text-align:center;max-width:860px;margin:22px auto 64px}
.tools-hero h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.055em;line-height:1.02;margin:18px 0}
.tools-hero>p{max-width:720px;margin:0 auto;color:var(--tool-muted);font-size:18px;line-height:1.7}
.badge,.eyebrow{display:inline-block;color:#b99cff;font-size:11px;font-weight:900;letter-spacing:.13em}
.badge{background:#241a38;padding:8px 12px;border:1px solid #3d2c59;border-radius:999px}
.tool-search-wrap{max-width:720px;margin:30px auto 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 10px 8px 18px;background:#1d1726;border:1px solid #4a3a5b;border-radius:16px;box-shadow:0 20px 60px #0004}
.tool-search-wrap:focus-within{border-color:#9b7bff;box-shadow:0 0 0 4px #865dff22,0 20px 60px #0004}
.tool-search-wrap>span{font-size:26px;color:#b99cff}
.tool-search-wrap input{border:0;outline:0;background:transparent;color:#fff;width:100%;padding:12px 0;font:inherit;font-size:16px}
.tool-search-wrap input::placeholder{color:#82778e}
.tool-search-wrap kbd{background:#2d2439;border:1px solid #4c3e5e;border-radius:7px;padding:5px 9px;color:#aa9bb8}
.trust-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:#91859d;font-size:13px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 22px}
.section-heading h2{font-size:30px;letter-spacing:-.03em;margin:6px 0 0}
.section-heading>p{color:var(--tool-muted);margin:0}
.section-heading.centered{justify-content:center;text-align:center}
.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.featured-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#21182e,#181320);border:1px solid var(--tool-border);border-radius:18px;color:#fff;text-decoration:none;transition:.2s ease}
.featured-card:hover{border-color:#865dff;transform:translateY(-2px);box-shadow:0 18px 40px #0003}
.featured-card b{display:block;font-size:18px;margin-bottom:5px}.featured-card small{display:block;color:var(--tool-muted);line-height:1.45}
.featured-card em,.card-arrow{font-style:normal;color:#b99cff;font-size:21px}
.tool-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;background:#2a1e3d;color:#b99cff;border:1px solid #483561;border-radius:14px;font-style:normal;font-size:21px;font-weight:900}
.all-tools{margin-top:72px}
.category-chips{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:thin}
.chip{white-space:nowrap;border:1px solid #443652;background:#1b1523;color:#a99caf;border-radius:999px;padding:10px 16px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.chip:hover,.chip.active{background:#865dff;color:#fff;border-color:#865dff}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tool-card,.tool-panel{background:var(--tool-bg);border:1px solid var(--tool-border);border-radius:18px;padding:21px}
.tool-card{display:flex;align-items:flex-start;gap:14px;min-height:154px;color:#fff;text-decoration:none;transition:.2s transform,.2s border-color,.2s background}
.tool-card:hover{transform:translateY(-3px);border-color:#865dff;background:#1d1627}
.tool-card .tool-icon{width:42px;height:42px;border-radius:12px;font-size:18px}
.tool-card-copy{min-width:0;flex:1}.tool-card h2{font-size:18px;margin:2px 0 7px}.tool-card p,.muted{color:var(--tool-muted);line-height:1.55;margin:0;font-size:14px}
.card-arrow{opacity:0;transform:translateX(-5px);transition:.2s}.tool-card:hover .card-arrow{opacity:1;transform:none}
.recent-section{margin:0 0 60px}.recent-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.recent-tools a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--tool-border);border-radius:13px;color:#fff;text-decoration:none;background:#181320}
.recent-tools span{color:#b99cff}.recent-tools b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty-tools{text-align:center;padding:52px 20px;border:1px dashed #4a3a5b;border-radius:18px;color:var(--tool-muted)}
.empty-tools>span{font-size:42px;color:#b99cff}.empty-tools h3{color:#fff;margin:10px 0 4px}.empty-tools p{margin:0 0 18px}
.how-it-works{margin-top:82px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps article{padding:26px;background:#15101c;border:1px solid #30273a;border-radius:18px;text-align:center}
.steps article>b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 14px;border-radius:50%;background:#865dff;color:#fff}.steps h3{margin:0 0 8px}.steps p{color:var(--tool-muted);line-height:1.55;margin:0;font-size:14px}
.privacy-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:74px;padding:30px;background:linear-gradient(120deg,#221831,#17121f);border:1px solid #403151;border-radius:22px}
.privacy-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#865dff;color:#fff;font-size:28px}.privacy-card h2{margin:5px 0}.privacy-card p{color:var(--tool-muted);line-height:1.6;margin:0;max-width:720px}
.workspace{display:grid;grid-template-columns:340px 1fr;gap:22px}.fields{display:grid;gap:14px}.fields label{display:grid;gap:7px;font-size:13px;font-weight:800}
.fields input,.fields select,.fields textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #493c58;background:#241c30;color:#fff;font:inherit}.fields textarea{min-height:96px;resize:vertical}
.primary,.secondary{padding:13px 16px;border:0;border-radius:10px;background:#865dff;color:#fff;font-weight:900;cursor:pointer;text-decoration:none;text-align:center}.secondary{background:#2d2439;color:#c9b9ff;border:1px solid #4c3e5e}
.primary:focus-visible,.secondary:focus-visible,.chip:focus-visible,.tool-card:focus-visible,.featured-card:focus-visible{outline:3px solid #b99cff;outline-offset:3px}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}
.preview{min-height:500px;background:#100d16;border:1px dashed #514360;border-radius:16px;display:grid;place-items:center;overflow:auto;padding:22px}.preview canvas,.preview img{max-width:100%;max-height:620px}
.paper{width:min(100%,700px);min-height:880px;background:#fff;color:#17131c;padding:58px;box-shadow:0 20px 70px #000}.paper h1,.paper h2{color:#17131c}.paper p{line-height:1.6}
.row{display:flex;gap:10px;flex-wrap:wrap}.notice{padding:13px;border-radius:10px;background:#251c35;color:#cdbdff;font-size:13px;line-height:1.5}.seo-copy{max-width:850px;margin:55px auto 0;color:#aaa0b5;line-height:1.7}.seo-copy h2{color:#fff}
.file-drop{position:relative;padding:22px!important;border:1.5px dashed #665279!important;border-radius:14px!important;background:#21192b!important;text-align:center;cursor:pointer;transition:.2s}
.file-drop:hover,.file-drop.drag-over{border-color:#9b7bff!important;background:#281d37!important}.file-drop input[type=file]{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer}
.drop-helper{display:block;color:#a99caf;font-size:12px;font-weight:500;margin-top:5px}.tool-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 18px;color:#b99cff;font-size:13px;font-weight:800;text-decoration:none}
.ad-slot{min-height:90px;margin:25px 0}.hidden{display:none!important}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.recent-tools{grid-template-columns:repeat(2,1fr)}.privacy-card{grid-template-columns:auto 1fr}.privacy-card button{grid-column:1/-1}.steps{grid-template-columns:1fr}}
@media(max-width:640px){.tools-shell{padding:30px 16px 70px}.tools-hero{margin-top:10px;margin-bottom:46px}.tools-hero h1{font-size:40px}.tools-hero>p{font-size:16px}.tool-search-wrap kbd{display:none}.trust-row{gap:9px 16px}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading h2{font-size:26px}.featured-grid,.tool-grid,.recent-tools{grid-template-columns:1fr}.tool-card{min-height:auto}.privacy-card{grid-template-columns:1fr;text-align:center}.privacy-icon{margin:auto}.paper{padding:30px;min-height:700px}}

/* CatalystKit light interface */
body{background:linear-gradient(180deg,#fff 0,#faf8ff 48%,#f5f2fb 100%);color:#15103f}
.tools-shell{max-width:1240px}
.tools-hero{max-width:940px;padding:42px 28px 18px}
.tools-hero h1{color:#15103f;font-size:clamp(44px,5.5vw,72px)}
.tools-hero>p,.section-heading>p,.tool-card p,.muted,.featured-card small,.privacy-card p,.steps p{color:#77738a}
.badge{color:#6c3bda;background:#eee7ff;border-color:#dfd2ff}
.eyebrow{color:#7545df}
.tool-search-wrap{background:#fff;border-color:#ded6ec;box-shadow:0 18px 55px #4e35751c}
.tool-search-wrap:focus-within{border-color:#7b4be2;box-shadow:0 0 0 4px #7b4be21a,0 18px 55px #4e35751c}
.tool-search-wrap input{color:#17113f}.tool-search-wrap input::placeholder{color:#9993a8}
.tool-search-wrap kbd{background:#f1ecf8;border-color:#ded4ed;color:#6e647d}
.trust-row{color:#817a91}
.featured-card,.tool-card,.tool-panel,.recent-tools a,.steps article{background:#fff;border-color:#e3ddea;color:#17113f;box-shadow:0 10px 30px #4e35750b}
.featured-card:hover,.tool-card:hover{background:#fff;border-color:#8557e8;box-shadow:0 16px 38px #653bb51c}
.tool-icon{background:linear-gradient(145deg,#efe9ff,#e6dcff);border-color:#d9cbfa;color:#7040d8}
.chip{background:#fff;border-color:#ddd6e8;color:#716a7d}.chip:hover,.chip.active{background:#7140dd;color:#fff;border-color:#7140dd}
.empty-tools{border-color:#d9d0e5;color:#77738a}.empty-tools h3,.seo-copy h2{color:#17113f}
.privacy-card{background:linear-gradient(125deg,#f0e9ff,#fff);border-color:#ddd0f4}
.secondary{background:#f0e9fb;color:#6939cf;border-color:#d8c9ee}
.recent-tools a{color:#17113f}
.file-drop{background:#f7f3fc!important;border-color:#cfc1e0!important}.file-drop:hover,.file-drop.drag-over{background:#f0e8fb!important;border-color:#8557e8!important}
.fields input,.fields select,.fields textarea{background:#fff;color:#17113f;border-color:#d8d0e2}
.notice{background:#f0e9fb;color:#5f35bd}.seo-copy{color:#77738a}
.tools-visual{display:grid;grid-template-columns:43% 1fr;align-items:stretch;max-width:820px;height:210px;margin:38px auto 0;overflow:hidden;border:1px solid #ded5ec;border-radius:24px;background:linear-gradient(135deg,#f4efff,#fff);color:#17113f;text-align:left;text-decoration:none;box-shadow:0 22px 60px #4e35751c}
.tools-visual img{width:100%;height:100%;object-fit:cover}
.tools-visual>span{display:flex;flex-direction:column;justify-content:center;padding:28px}
.tools-visual small{color:#7545df;font-size:10px;font-weight:900;letter-spacing:.14em}
.tools-visual b{max-width:380px;margin:9px 0 17px;font-size:25px;line-height:1.12;letter-spacing:-.025em}
.tools-visual em{color:#7040d8;font-size:13px;font-style:normal;font-weight:900}
@media(max-width:640px){.tools-visual{grid-template-columns:1fr;height:auto}.tools-visual img{height:165px}.tools-visual>span{padding:22px}.tools-visual b{font-size:21px}}