/* TinyWow-inspired information architecture with original Grand Tool Box branding. */
:root { --tw-blue:#2398df; --tw-ink:#142126; --tw-muted:#69757a; --tw-line:#e8edf0; --tw-soft:#f6f9fb; }
body { background:#fff; color:var(--tw-ink); }
.app-container { display:block; min-height:100vh; }
.app-sidebar { display:none !important; }
.main-content { margin-left:0 !important; max-width:none !important; width:100% !important; }
.app-header { align-items:center; background:rgba(255,255,255,.96) !important; border-bottom:1px solid var(--tw-line) !important; box-shadow:0 3px 18px rgba(21,35,41,.04) !important; display:flex; height:84px !important; justify-content:space-between; left:0 !important; padding:0 max(24px,calc((100vw - 1240px)/2)) !important; position:sticky !important; top:0; width:100% !important; z-index:1000; }
.header-left { align-items:center; display:flex; gap:20px; min-width:0; width:100%; }
.menu-toggle-btn,.search-toggle-btn { display:none !important; }
.header-logo-mobile { display:flex !important; flex:0 0 auto; margin:0 8px 0 0 !important; order:0; }
.header-logo-mobile img { height:42px !important; }
.header-logo-mobile .logo-text { font-size:18px !important; }
.header-nav { align-items:center; display:flex !important; gap:2px; order:1; white-space:nowrap; }
.header-nav-link,.header-nav-btn { background:transparent !important; border:0 !important; border-radius:9px !important; color:#3e4a4f !important; font-size:15px !important; font-weight:600 !important; padding:10px 10px !important; text-decoration:none; }
.header-nav-link:hover,.header-nav-btn:hover { background:var(--tw-soft) !important; color:var(--tw-blue) !important; }
.header-nav>.header-nav-link:not(.header-tool-link) { display:none; }
.search-container { background:#f7f9fa !important; border:1px solid var(--tw-line) !important; border-radius:12px !important; box-shadow:none !important; flex:1 1 240px; height:48px !important; margin-left:auto; max-width:300px !important; min-width:180px; order:2; overflow:visible !important; position:relative; }
.search-container input { background:transparent !important; color:var(--tw-ink) !important; font-size:14px !important; opacity:1 !important; caret-color:var(--tw-blue) !important; -webkit-text-fill-color:var(--tw-ink) !important; }
.search-container input::placeholder { color:#879398 !important; opacity:1 !important; -webkit-text-fill-color:#879398 !important; }
.search-container input:-webkit-autofill,.search-container input:-webkit-autofill:hover,.search-container input:-webkit-autofill:focus { box-shadow:0 0 0 1000px #f7f9fa inset !important; -webkit-text-fill-color:var(--tw-ink) !important; }
.search-container .search-icon { color:#879398 !important; }
.header-right { display:flex; gap:8px; margin-left:12px; }
.theme-toggle-btn { background:#fff !important; border:1px solid var(--tw-line) !important; border-radius:50% !important; color:#415057 !important; height:46px !important; width:46px !important; }
.header-dropdown-menu { background:#fff !important; border:1px solid var(--tw-line) !important; border-radius:14px !important; box-shadow:0 18px 45px rgba(25,41,48,.14) !important; max-height:70vh; min-width:270px !important; overflow-y:auto; padding:8px !important; }
.header-dropdown-item { border-radius:9px !important; color:#435057 !important; }
.header-dropdown-item:hover { background:var(--tw-soft) !important; color:var(--tw-blue) !important; }
.search-suggestions { background:#fff; border:1px solid var(--tw-line); border-radius:14px; box-shadow:0 18px 48px rgba(25,41,48,.16); max-height:min(520px,70vh); overflow-y:auto; padding:7px; position:absolute; right:0; top:calc(100% + 10px); width:min(430px,92vw); z-index:1200; }
.search-suggestions[hidden] { display:none !important; }
.search-suggestion-item { align-items:center; border-radius:10px; color:var(--tw-ink); display:flex; gap:11px; padding:11px; text-decoration:none; }
.search-suggestion-item:hover { background:var(--tw-soft); }
.search-suggestion-icon { align-items:center; background:#edf7fd; border-radius:9px; color:var(--tw-blue); display:flex; flex:0 0 38px; height:38px; justify-content:center; }
.search-suggestion-icon svg { height:18px; width:18px; }
.search-suggestion-item>span:last-child { display:flex; flex-direction:column; min-width:0; }
.search-suggestion-item strong { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-suggestion-item small { color:var(--tw-muted); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-suggestion-all { border-top:1px solid var(--tw-line); color:var(--tw-blue); display:block; font-size:12px; font-weight:800; margin-top:5px; padding:12px; text-align:center; text-decoration:none; }
.search-suggestion-empty { color:var(--tw-muted); font-size:13px; padding:20px; text-align:center; }

.dashboard-pane { box-sizing:border-box; margin:0 auto; max-width:1240px; min-width:0; overflow:hidden; padding:0 18px 72px !important; width:100%; }
.dashboard-hero { background:transparent !important; border:0 !important; box-shadow:none !important; margin:0 !important; overflow:hidden; padding:72px 20px 52px !important; position:relative; text-align:center; }
.dashboard-hero::before,.dashboard-hero::after { border-radius:50%; content:""; pointer-events:none; position:absolute; }
.dashboard-hero::before { background:#ffbf69; height:18px; left:8%; top:44px; transform:rotate(25deg); width:32px; }
.dashboard-hero::after { background:#ef6b9a; height:10px; right:13%; top:160px; width:10px; }
.hero-kicker { color:var(--tw-blue); display:block; font-size:12px; font-weight:800; letter-spacing:.15em; margin-bottom:14px; text-transform:uppercase; }
.dashboard-hero h1 { background:none !important; color:#4932c6 !important; filter:drop-shadow(0 8px 20px rgba(73,50,198,.12)); font-size:clamp(42px,6vw,72px) !important; font-weight:800 !important; letter-spacing:-.045em !important; line-height:1.04 !important; margin:0 auto 24px !important; max-width:1050px; text-shadow:0 2px 0 rgba(255,255,255,.8); -webkit-background-clip:initial !important; -webkit-text-fill-color:#4932c6 !important; }
.dashboard-hero h1 span { background:linear-gradient(135deg,#ff4d3d 0%,#ff7a24 52%,#ffad28 100%); border-radius:.12em; box-decoration-break:clone; box-shadow:0 12px 30px rgba(255,91,44,.28); color:#fff !important; display:inline-block; padding:0 .16em .06em; text-shadow:0 2px 8px rgba(148,45,0,.2); transform:rotate(-1deg); -webkit-box-decoration-break:clone; -webkit-text-fill-color:#fff !important; }
.dashboard-hero>p { color:var(--tw-muted) !important; font-size:18px !important; line-height:1.6; margin:0 auto !important; max-width:760px; }
.hero-search-shell { align-items:center; background:#fff; border:1px solid #edf1f3; border-radius:18px; box-shadow:0 16px 48px rgba(31,50,60,.11); display:flex; gap:14px; margin:38px auto 0; max-width:760px; padding:10px 10px 10px 24px; }
.hero-search-shell svg { color:var(--tw-blue); height:28px; width:28px; }
.hero-search-shell input { background:transparent !important; border:0; color:var(--tw-ink) !important; flex:1; font:500 16px var(--font-body); min-width:0; opacity:1 !important; outline:none; caret-color:var(--tw-blue) !important; -webkit-text-fill-color:var(--tw-ink) !important; }
.hero-search-shell input::placeholder { color:#7b878c !important; opacity:1 !important; -webkit-text-fill-color:#7b878c !important; }
.hero-search-shell input:-webkit-autofill,.hero-search-shell input:-webkit-autofill:hover,.hero-search-shell input:-webkit-autofill:focus { box-shadow:0 0 0 1000px #fff inset !important; -webkit-text-fill-color:var(--tw-ink) !important; }
.hero-search-shell button { background:var(--tw-blue); border:0; border-radius:14px; color:#fff; cursor:pointer; font:700 15px var(--font-body); padding:16px 32px; }
.hero-search-feedback { color:var(--tw-blue); font-size:13px; font-weight:700; margin:12px auto 0; min-height:20px; opacity:0; text-align:center; transition:opacity .2s ease; }
.hero-search-feedback.visible { opacity:1; }

.home-category-showcase { display:grid; gap:22px; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 58px; }
.category-showcase-card { border:1px solid rgba(255,255,255,.25); border-radius:14px; box-shadow:0 12px 30px rgba(24,38,46,.09); color:#fff; display:block; min-height:218px; overflow:hidden; padding:22px 22px 0; position:relative; text-decoration:none; transition:.2s ease; }
.category-showcase-card:hover { box-shadow:0 18px 40px rgba(24,38,46,.16); transform:translateY(-5px); }
.card-purple { background:linear-gradient(135deg,#6c55e7,#804cf0); }.card-orange { background:linear-gradient(135deg,#fa721b,#ff570d); }.card-pink { background:linear-gradient(135deg,#e42b68,#d90d4f); }.card-blue { background:linear-gradient(135deg,#317bd6,#1766c5); }.card-teal { background:linear-gradient(135deg,#19a89b,#087f8d); }.card-gold { background:linear-gradient(135deg,#e7a624,#d67a13); }
.category-card-top { align-items:center; display:flex; justify-content:space-between; }
.category-icon { align-items:center; background:rgba(255,255,255,.2); border-radius:50%; display:flex; height:52px; justify-content:center; width:52px; }
.category-icon svg { height:25px; width:25px; }
.category-count { background:rgba(255,255,255,.18); border-radius:20px; font-size:12px; font-weight:700; padding:8px 11px; }
.category-showcase-card h2 { color:#fff; font-size:24px; margin:24px 0 4px; }.category-showcase-card>p { color:rgba(255,255,255,.88); font-size:14px; }
.category-feature { background:rgba(255,255,255,.94); border-radius:12px 12px 0 0; bottom:0; color:#7a858a; display:flex; font-size:12px; justify-content:space-between; left:12px; padding:13px 14px; position:absolute; right:12px; }.category-feature strong { color:#5b40d2; }

.home-stats-strip { border-bottom:1px solid var(--tw-line); border-top:1px solid var(--tw-line); display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 76px; padding:28px 0; }
.home-stats-strip div { align-items:center; border-right:1px solid var(--tw-line); display:flex; flex-direction:column; gap:3px; }.home-stats-strip div:last-child { border-right:0; }
.home-stats-strip strong { color:var(--tw-blue); font-size:26px; }.home-stats-strip span { color:var(--tw-muted); font-size:12px; font-weight:600; text-transform:uppercase; }
.section-title-container { align-items:end !important; border:0 !important; margin:0 0 20px !important; padding:0 !important; }
.section-eyebrow { color:var(--tw-blue); display:block; font-size:11px; font-weight:800; letter-spacing:.14em; margin-bottom:7px; text-transform:uppercase; }
.section-title { color:var(--tw-ink) !important; font-size:34px !important; letter-spacing:-.025em; }.tool-count-badge { background:#edf7fd !important; border:0 !important; color:#238acb !important; }
.home-tool-tabs { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:26px; }.home-tool-tab { background:#fff; border:1px solid var(--tw-line); border-radius:9px; color:#5f6b70; cursor:pointer; font:700 13px var(--font-body); padding:10px 15px; }.home-tool-tab:hover,.home-tool-tab.active { background:var(--tw-blue); border-color:var(--tw-blue); color:#fff; }
.tools-grid { display:grid !important; gap:14px !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
.tool-card { background:#fff !important; border:1px solid var(--tw-line) !important; border-radius:12px !important; box-shadow:none !important; min-height:170px; padding:20px !important; position:relative; transition:.2s ease !important; }.tool-card:hover { border-color:#bde2f7 !important; box-shadow:0 12px 28px rgba(31,50,60,.09) !important; transform:translateY(-3px) !important; }
.tool-icon-wrapper { background:#edf7fd !important; border-radius:11px !important; color:var(--tw-blue) !important; height:46px !important; margin-bottom:15px !important; width:46px !important; }.tool-info h3 { color:var(--tw-ink) !important; font-size:16px !important; }.tool-info p { color:var(--tw-muted) !important; font-size:12.5px !important; line-height:1.5 !important; }.tool-badge { background:#f4f7f8 !important; border:0 !important; color:#788489 !important; font-size:9px !important; }
.browse-all-row { display:flex; justify-content:center; margin:34px 0 84px; }.browse-all-btn { align-items:center; background:var(--tw-blue); border-radius:10px; color:#fff; display:inline-flex; font-size:14px; font-weight:700; gap:8px; padding:14px 22px; text-decoration:none; }.browse-all-btn svg { height:17px; width:17px; }

.home-featured-section { background:var(--tw-soft); border-radius:22px; margin:0 0 84px; padding:54px; }.home-section-heading { margin:0 auto 34px; max-width:680px; text-align:center; }.home-section-heading>span { color:var(--tw-blue); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.home-section-heading h2 { color:var(--tw-ink); font-size:36px; margin:8px 0; }.home-section-heading p { color:var(--tw-muted); }
.featured-tool-grid { display:grid; gap:14px; grid-template-columns:repeat(3,1fr); }.featured-tool-grid a { background:#fff; border:1px solid var(--tw-line); border-radius:13px; color:inherit; padding:22px; text-decoration:none; transition:.2s ease; }.featured-tool-grid a:hover { box-shadow:0 12px 30px rgba(31,50,60,.09); transform:translateY(-3px); }.featured-icon { align-items:center; background:#edf7fd; border-radius:10px; color:var(--tw-blue); display:flex; height:44px; justify-content:center; width:44px; }.featured-icon svg { height:21px; width:21px; }.featured-tool-grid h3 { color:var(--tw-ink); font-size:17px; margin:18px 0 7px; }.featured-tool-grid p { color:var(--tw-muted); font-size:13px; line-height:1.55; min-height:40px; }.featured-tool-grid strong { color:var(--tw-blue); display:block; font-size:12px; margin-top:16px; }

.app-footer-rich { background:#111c20 !important; border:0 !important; border-radius:0 !important; box-shadow:0 0 0 100vmax #111c20; clip-path:inset(0 -100vmax); color:#d8e0e3 !important; margin-top:0 !important; padding-top:48px !important; }.footer-top { gap:38px !important; grid-template-columns:1.25fr repeat(4,1fr) !important; }.footer-brand p,.footer-link-item a,.footer-bottom,.footer-disclaimer { color:#9babb1 !important; }.footer-column h4 { color:#fff !important; }.footer-link-item a:hover { color:#fff !important; }
.workspace-pane { margin:0 auto !important; max-width:1180px; padding:42px 22px 70px !important; }.workspace-header { background:#fff !important; border:1px solid var(--tw-line) !important; border-radius:16px !important; margin-bottom:22px; padding:24px !important; }.workspace-body { background:#fff; border:1px solid var(--tw-line); border-radius:16px; padding:26px; }.active-tool-title-area h1,.active-tool-title-area h2 { color:var(--tw-ink) !important; }

[data-theme="dark"] body { background:#0d1519; color:#edf3f5; }[data-theme="dark"] .app-header,[data-theme="dark"] .tool-card,[data-theme="dark"] .hero-search-shell,[data-theme="dark"] .featured-tool-grid a,[data-theme="dark"] .workspace-header,[data-theme="dark"] .workspace-body,[data-theme="dark"] .search-suggestions { background:#142126 !important; border-color:#26363d !important; }[data-theme="dark"] .dashboard-hero h1,[data-theme="dark"] .section-title,[data-theme="dark"] .tool-info h3,[data-theme="dark"] .featured-tool-grid h3,[data-theme="dark"] .home-section-heading h2,[data-theme="dark"] .search-suggestion-item { color:#f1f6f7 !important; }[data-theme="dark"] .dashboard-hero>p,[data-theme="dark"] .tool-info p,[data-theme="dark"] .featured-tool-grid p { color:#9dabb0 !important; }[data-theme="dark"] .home-featured-section,[data-theme="dark"] .search-container { background:#101b20 !important; }[data-theme="dark"] .search-container input,[data-theme="dark"] .hero-search-shell input { color:#f1f6f7 !important; caret-color:#6fc8ff !important; -webkit-text-fill-color:#f1f6f7 !important; }[data-theme="dark"] .search-container input::placeholder,[data-theme="dark"] .hero-search-shell input::placeholder { color:#91a1a7 !important; -webkit-text-fill-color:#91a1a7 !important; }
[data-theme="dark"] .dashboard-hero h1 { color:#a99cff !important; text-shadow:none; -webkit-text-fill-color:#a99cff !important; }
[data-theme="dark"] .dashboard-hero h1 span { color:#fff !important; -webkit-text-fill-color:#fff !important; }

@media(max-width:1040px){.header-tool-link:nth-of-type(n+4){display:none}.home-category-showcase{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(3,1fr)!important}.footer-top{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.app-header{height:70px!important;padding:0 16px!important}.header-logo-mobile .logo-text{display:none!important}.header-nav{display:none!important}.search-container{margin-left:0;max-width:none!important}.header-right{margin-left:4px}.dashboard-hero{padding:50px 4px 38px!important}.dashboard-hero h1{font-size:clamp(38px,12vw,54px)!important}.dashboard-hero>p{font-size:15px!important}.hero-search-shell{border-radius:14px;padding:8px 8px 8px 15px}.hero-search-shell button{padding:13px 18px}.home-category-showcase,.featured-tool-grid{grid-template-columns:1fr}.home-stats-strip{grid-template-columns:repeat(2,1fr);row-gap:22px}.home-stats-strip div:nth-child(2){border-right:0}.tools-grid{grid-template-columns:repeat(2,1fr)!important}.home-featured-section{padding:34px 18px}.home-section-heading h2,.section-title{font-size:28px!important}.footer-top{grid-template-columns:1fr 1fr!important}.workspace-pane{padding:24px 12px 50px!important}.workspace-body{padding:16px}}
@media(max-width:480px){.tools-grid{grid-template-columns:1fr!important}.home-category-showcase{gap:14px}.category-showcase-card{min-height:210px}.home-tool-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.home-tool-tab{flex:0 0 auto}.footer-top{grid-template-columns:1fr!important}}