body{font-family:Arial,Helvetica,sans-serif;color:#16071a}a{text-decoration:none}.brand-grid{display:inline-block;width:34px;height:34px;margin-right:8px;vertical-align:middle;background:conic-gradient(#ffd21e 0 25%,#19c37d 0 50%,#8067f5 0 75%,#ff3b30 0);border-radius:4px}.tool-mega{min-height:520px}.tool-link{display:flex;align-items:center;gap:10px;color:#111;margin:0 0 18px}.tool-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#145cff;color:#fff;font-size:12px;font-weight:700}.tool-card{padding:18px;color:#111}.site-footer{background:#07101b;color:#c8d8f0}.site-footer a{display:block;color:#9db5d8;margin:7px 0}.newsletter-wrap{padding:40px 16px 0}.newsletter{box-sizing:border-box;max-width:none;width:100%;margin:0;background:linear-gradient(100deg,#142b58,#27164d);border:1px solid #33406c;border-radius:12px;padding:35px}.auth-wrap{min-height:65vh;display:grid;place-items:center;background:#faf6fb}.auth-card{width:min(420px,92vw);display:grid;gap:14px;background:#fff;border:1px solid #f2a8c9;border-radius:8px;padding:24px}.admin-body{background:#fff5fa}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:230px;flex:0 0 230px;background:#203038;color:#d9f2ff}.admin-sidebar .brand{height:36px;background:#3d97c4;color:#fff;font-size:15px;font-weight:700;padding:8px 14px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.admin-sidebar a{display:block;color:#c8efff;padding:8px 16px;font-size:14px}.admin-sidebar a:hover{background:#2b424b}.admin-main{flex:1;padding:16px;overflow:auto}.admin-top{min-height:42px;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;background:#3d97c4;color:#fff;margin:-16px -16px 18px;padding:8px 16px}.panel{background:#fff;border:1px solid #f3a7c8;border-radius:6px;padding:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1080px}.dash-card{background:#fff;border:1px solid #f4aac9;border-radius:7px;padding:16px}.dash-card h2{font-size:18px;margin:12px 0 3px}.dash-card p{color:#946b7f;margin:0}.icon-soft{display:grid;width:36px;height:36px;place-items:center;border-radius:5px;background:#eef5ff}.note-box{max-width:520px;background:#e94c3d;color:#fff;border-radius:4px;padding:18px}.bg-pink,.btn-pink{background:#e71275!important;color:#fff!important}.code-area{font-family:Consolas,monospace;font-size:13px}.preview-box{border:1px solid #f3a7c8;border-radius:6px;padding:18px;min-height:380px;background:#fff}.editor-box{height:255px}.slot-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #f4aac9;border-radius:6px;padding:12px;margin-bottom:10px}.settings-stack{display:grid;gap:14px;max-width:1050px}.price-card{border:1px solid #f4aac9;border-radius:6px;padding:12px}@media(max-width:991px){.admin-sidebar{position:fixed;left:-245px;top:0;bottom:0;z-index:10;transition:.2s}.show-menu .admin-sidebar{left:0}.admin-main{width:100%}.dashboard-grid{grid-template-columns:1fr}.tool-mega .row>section{border-bottom:1px solid #eee;padding-bottom:12px}}
.tool-icon-img{background:#fff;padding:2px;overflow:hidden}.tool-icon-img img{width:100%;height:100%;object-fit:contain;border-radius:4px}

.newsletter form{max-width:520px;margin:0 auto}.newsletter form .form-control{flex:1}
.footer-inner{padding:48px 40px}@media (max-width:576px){.footer-inner{padding:40px 20px}}

/* Footer always at the bottom of the screen, even on short pages */
.sticky-footer-page{min-height:100vh;display:flex;flex-direction:column}
.sticky-footer-page>.page-body{flex:1 0 auto}
.sticky-footer-page>.site-footer{flex-shrink:0}

/* ── Tool card grid (homepage + /tools) ───────────────────────────── */
.tools-home{background:linear-gradient(160deg,#f6f7fb 0%,#eef0f8 55%,#f6f7fb 100%);padding:28px 16px 48px}
.tools-page-title{max-width:1080px;margin:0 auto 18px;font-size:1.6rem;font-weight:700;color:#383e45}
.tool-grid-wrap{max-width:1080px;margin:0 auto}
.tool-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.tf-pill{border:1px solid #d8dbe3;background:#fff;color:#383e45;border-radius:999px;padding:5px 16px;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:.15s}
.tf-pill:hover{border-color:#383e45}
.tf-pill.active{background:#383e45;border-color:#383e45;color:#fff}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
.tool-card-v2{position:relative;display:block;background:#fff;border:1px solid #e3e5ee;border-radius:12px;padding:22px 20px 20px;min-height:158px;color:#383e45;transition:box-shadow .18s,transform .18s,border-color .18s}
.tool-card-v2:hover{color:#383e45;border-color:#d0d3de;box-shadow:0 8px 24px rgba(40,48,80,.10);transform:translateY(-2px)}
.tc-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;color:#fff;font-size:19px;margin-bottom:14px;overflow:hidden}
.tc-icon-img{background:transparent!important}
.tc-icon-img img{width:100%;height:100%;object-fit:contain}
.tc-icon-sm{width:28px;height:28px;font-size:13px;margin:0;border-radius:5px}
.tc-title{font-size:17px;font-weight:700;margin:0 0 6px;color:#383e45;line-height:1.3}
.tc-text{font-size:13px;line-height:1.45;color:#5f6368;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tc-new{position:absolute;top:10px;right:10px;background:#dcefff;color:#24476b;font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}
.tool-card-v2.preview{max-width:240px;pointer-events:none}
.card-settings{border-top:1px solid #f3c4da;padding-top:18px}
.swatch{width:26px;height:26px;border-radius:6px;border:2px solid #fff;box-shadow:0 0 0 1px #ddd;cursor:pointer;padding:0}
.quick-icon{width:34px;height:32px;padding:0}
@media(max-width:576px){.tool-grid{grid-template-columns:1fr 1fr}.tool-card-v2{padding:16px 14px;min-height:140px}.tc-title{font-size:15px}}
.site-footer .footer-copy a{display:inline;margin:0;color:#c8d8f0;text-decoration:underline}
.site-footer .footer-copy a:hover{color:#fff}

/* ── Tool pages: always centred ───────────────────────────────────── */
.tool-page{max-width:960px;margin:0 auto;padding:28px 16px 48px}
.tool-page .container,.tool-page .container-fluid{max-width:100%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
.tool-page .row{justify-content:center;margin-left:0;margin-right:0}
.tool-page .row>[class*="col"]{margin-left:auto;margin-right:auto}
.tool-page .row>[class*="col-md-8"],.tool-page .row>[class*="col-lg-8"],.tool-page .row>[class*="col-sm-8"],.tool-page .row>[class*="col-xl-8"]{flex:0 0 100%;max-width:100%}
.tool-page img,.tool-page iframe,.tool-page table{max-width:100%}

/* ── Homepage heading (text set in Admin > Homepage) ─────────────── */
.home-hero{max-width:1040px;margin:6px auto 26px;text-align:center}
.home-hero-title{font-size:clamp(1.7rem,3.6vw,2.75rem);font-weight:800;color:#33333b;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}
.home-hero-sub{font-size:clamp(1rem,1.6vw,1.3rem);color:#47474f;line-height:1.5;max-width:900px;margin:0 auto}
.preview-hero{background:linear-gradient(160deg,#f6f7fb 0%,#eef0f8 100%);border-radius:10px;padding:26px 16px}
.tf-pill{font-size:15px;padding:7px 18px}