:root{--bg:#f7f7fc;--surface:#fff;--ink:#17152a;--muted:#69677c;--primary:#6c4cff;--primary2:#9a67ff;--accent:#13b8a6;--line:#e7e5f0;--shadow:0 14px 40px rgba(38,24,92,.09);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#d875ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(108,76,255,.28)}.nav-links{display:flex;gap:24px;color:var(--muted);font-size:.94rem}.nav-links a:hover{color:var(--primary)}.menu-btn{display:none;border:0;background:none;font-size:1.4rem}.hero{padding:88px 0 58px;text-align:center;background:radial-gradient(circle at 50% 0,#eee9ff 0,transparent 55%)}.eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:#ede9ff;color:#5635e8;font-weight:700;font-size:.82rem}.hero h1{font-size:clamp(2.45rem,6vw,4.65rem);line-height:1.03;letter-spacing:-.055em;max-width:900px;margin:22px auto 18px}.gradient{background:linear-gradient(90deg,var(--primary),#bd55d6);-webkit-background-clip:text;color:transparent}.hero p{font-size:1.18rem;color:var(--muted);max-width:690px;margin:0 auto 30px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:750;transition:.2s}.button{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 9px 22px rgba(108,76,255,.22)}.button:hover{transform:translateY(-1px)}.button-secondary{background:#f0eef8;color:var(--ink)}.button:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.section{padding:70px 0}.section-title{font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.04em;margin:0 0 10px}.section-lead{color:var(--muted);margin:0 0 30px}.category{margin:42px 0}.category h2{font-size:1.3rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 30px rgba(31,24,68,.04);transition:.22s}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d9d1ff}.icon{width:48px;height:48px;border-radius:14px;background:#f0edff;display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px}.tool-card h3{margin:0 0 8px}.tool-card p{color:var(--muted);font-size:.94rem;margin:0 0 18px;flex:1}.tool-card span{color:var(--primary);font-weight:750}.ad-slot{min-height:70px;border:1px dashed #d8d4e6;border-radius:14px;display:grid;place-items:center;color:#aaa6b8;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:26px auto}.trust-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.trust-row b{color:var(--accent)}.page-hero{padding:58px 0 28px}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}.page-hero h1{font-size:clamp(2.1rem,5vw,3.55rem);letter-spacing:-.05em;line-height:1.08;margin:0 0 14px}.page-hero p{color:var(--muted);max-width:720px}.tool-shell{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,4vw,36px);margin:18px 0}.upload-zone{border:2px dashed #cbc4ef;border-radius:18px;padding:38px 20px;text-align:center;background:#faf9ff;transition:.2s}.upload-zone.drag{border-color:var(--primary);background:#f2efff}.upload-zone input{display:none}.upload-zone strong{display:block;font-size:1.05rem}.upload-zone small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.field label{display:block;font-size:.86rem;font-weight:720;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #e6e0ff;border-color:var(--primary)}.range-row{display:flex;align-items:center;gap:14px}.range-row input{flex:1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.status{margin:16px 0 0;padding:11px 14px;border-radius:10px;background:#f3f1fb;color:var(--muted);display:none}.status.show{display:block}.status.error{background:#fff0f1;color:#b42331}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.preview-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfbfd;min-width:0}.preview-card h3{font-size:.88rem;margin:0 0 10px;color:var(--muted)}.preview-card img,.preview-card canvas{display:block;max-width:100%;max-height:360px;margin:auto;border-radius:10px}.file-meta,.result-box{margin-top:12px;padding:12px;border-radius:10px;background:#f2f0f8;font-size:.9rem}.result-box{font-size:1rem;line-height:1.8}.privacy-note{color:#4e4b60;font-size:.88rem;margin-top:18px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.content-card h2{margin-top:0}.steps{padding-left:20px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted)}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;font-weight:700}.legal{max-width:820px}.legal h2{margin-top:34px}.contact-form{max-width:700px}.site-footer{background:#171525;color:#d6d3e3;padding:50px 0 28px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.site-footer p,.site-footer a{color:#aaa6bc}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid #302d42;margin-top:34px;padding-top:22px;color:#8f8a9f;font-size:.85rem}.switch{display:flex;align-items:center;gap:9px;font-size:.9rem}.hidden{display:none!important}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block}.content-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:58px}}@media(max-width:560px){.grid,.preview-grid,.form-grid,.related{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.section{padding:48px 0}.tool-shell{padding:18px}.nav{height:64px}.nav-links{top:64px}.brand{font-size:.92rem}}

/* 2026 polish: keeps the original palette while improving depth and rhythm. */
body{background:linear-gradient(180deg,#fbfaff 0,#f7f7fc 420px)}
.site-header{box-shadow:0 4px 22px rgba(35,24,78,.04)}
.hero{padding:96px 0 72px;background:radial-gradient(circle at 50% -20%,#ddd5ff 0,rgba(238,233,255,.72) 32%,transparent 68%)}
.hero .button{padding:14px 22px}.category{margin:52px 0}.category>h2{display:flex;align-items:center;gap:12px;font-size:1.25rem}.category>h2:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}
.tool-card{position:relative;overflow:hidden;padding:26px;box-shadow:0 10px 34px rgba(31,24,68,.055)}.tool-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),#c55ee0);opacity:0;transition:.22s}.tool-card:hover:before{opacity:1}.tool-card:hover .icon{transform:scale(1.06) rotate(-2deg)}.icon{transition:.22s;box-shadow:inset 0 0 0 1px rgba(108,76,255,.08)}
.button{background:linear-gradient(135deg,#6242f4,var(--primary2));box-shadow:0 10px 25px rgba(108,76,255,.25)}.button-secondary{border:1px solid #e1deec}.button-secondary:hover{background:#e9e6f5}.field input,.field select,.field textarea{min-height:46px;transition:.18s;box-shadow:0 2px 7px rgba(33,25,73,.025)}.tool-shell{box-shadow:0 18px 55px rgba(38,24,92,.085)}.site-footer{background:linear-gradient(135deg,#171525,#211d38)}
.pdf-image-list{display:grid;gap:12px;margin-top:18px}.pdf-image-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fbfbfd}.pdf-image-item img{width:72px;height:58px;object-fit:cover;border-radius:9px}.pdf-image-info{display:grid;min-width:0;flex:1}.pdf-image-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-image-info small{color:var(--muted)}.pdf-order-actions{display:flex;gap:6px}.mini-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff}.mini-button:hover{border-color:var(--primary);color:var(--primary)}.mini-button.danger{color:#b42331}.mini-button:disabled{opacity:.35;cursor:not-allowed}
.age-highlight{display:grid;grid-template-columns:repeat(6,auto);align-items:end;justify-content:center;gap:8px 12px;padding:24px;background:linear-gradient(135deg,#eeeaff,#faf7ff);border-radius:16px}.age-highlight strong{font-size:2.2rem;line-height:1;color:var(--primary)}.age-highlight span{color:var(--muted)}.age-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.age-stats>div{display:grid;gap:3px;padding:15px;background:#f5f3fa;border-radius:12px}.age-stats span{font-size:.8rem;color:var(--muted)}
@media(max-width:700px){.hero{padding:62px 0 48px}.age-highlight{grid-template-columns:repeat(3,1fr);text-align:center}.age-highlight span{margin-bottom:12px}.age-stats{grid-template-columns:1fr 1fr}.pdf-image-item{align-items:flex-start}.pdf-order-actions{flex-direction:column}}
@media(max-width:420px){.age-stats{grid-template-columns:1fr}.pdf-image-item img{width:56px;height:50px}.pdf-image-info strong{max-width:130px}}
/* Contact form security field and refined hero typography. */
.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hero h1{width:100%;max-width:1080px;padding:0 32px;font-size:clamp(2.35rem,5.7vw,4.15rem);line-height:1.08;overflow:visible}
.hero h1 .gradient{display:inline-block;max-width:100%;padding:0 .04em .14em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.94em;font-weight:800;letter-spacing:-.048em;line-height:1.12;text-wrap:balance;text-shadow:0 8px 24px rgba(108,76,255,.06);overflow:visible}
.contact-form .tool-shell{position:relative}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .button{margin-top:18px;min-width:150px}
@media(max-width:560px){.hero h1{padding:0 10px;font-size:clamp(2.2rem,11vw,2.65rem);line-height:1.1}.hero h1 .gradient{font-size:.92em;padding-bottom:.16em;letter-spacing:-.035em;line-height:1.14}}
.checker{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.vector-preview{display:grid;place-items:center;min-height:220px;overflow:auto}.vector-preview svg{display:block;max-width:100%;max-height:340px}.color-dot{width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px var(--line)}.color-dot:hover{box-shadow:0 0 0 2px var(--primary)}
/* Expansion components */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0}.stats b{padding:18px;border:1px solid #e4def7;border-radius:14px;text-align:center;font-size:1.35rem;background:#fff}.stats small{display:block;font-size:.78rem;color:#68627a;font-weight:500;margin-top:5px}.password-output,.result-box,#result{overflow-wrap:anywhere;margin-top:18px}.password-output{font:700 1.25rem ui-monospace,monospace;padding:18px;background:#f4f1ff;border-radius:14px}.calc-box input{margin:5px 0}.calc-box .answer{display:block;margin-top:14px;color:#7047eb;font-size:1.3rem}canvas{max-width:100%;height:auto}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:18px}.swatch{height:130px;border:0;border-radius:14px;display:flex;align-items:flex-end;padding:10px}.swatch span{background:#fff;padding:5px;border-radius:6px;color:#171329;width:100%}.tool-search{width:min(640px,100%);margin:24px auto;padding:16px 20px;border-radius:999px}.featured-card{border:2px solid #7047eb;position:relative}.featured-card:before{content:'Featured';position:absolute;right:14px;top:14px;background:#7047eb;color:#fff;border-radius:999px;padding:4px 9px;font-size:.7rem}

/* Professional shared tool UI */
body[data-tool] main{min-height:calc(100vh - 160px)}
body[data-tool] .page-hero{padding:48px 0 28px;overflow:visible}
body[data-tool] .page-hero h1{max-width:980px;margin:0 0 12px;padding:0 0 .12em;font-size:clamp(2rem,4.2vw,3.15rem);line-height:1.16;letter-spacing:-.042em;overflow:visible;background:linear-gradient(110deg,#17152a 20%,#5839d8 72%,#a43ec4);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-tool] .page-hero p{margin:0;max-width:840px;font-size:clamp(.98rem,1.45vw,1.08rem);line-height:1.65}
body[data-tool] .page-hero .eyebrow{margin-bottom:14px}
body[data-tool] .breadcrumbs{margin-bottom:14px}
body[data-tool] .tool-shell{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px);border-color:#ddd7f6;background:linear-gradient(145deg,#fff 0,#fdfcff 62%,#f5f1ff 100%)}
body[data-tool] .tool-shell:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(140,91,255,.14),transparent 70%);pointer-events:none}
body[data-tool] label{display:flex;flex-direction:column;gap:8px;font-weight:750;color:#27223c}
body[data-tool] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),body[data-tool] select,body[data-tool] textarea{display:block;width:100%;min-height:52px;border:1px solid #dcd7ec;border-radius:13px;padding:13px 15px;background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(39,27,87,.04);transition:.18s}
body[data-tool] textarea{min-height:240px;resize:vertical;line-height:1.65}
body[data-tool] input:focus,body[data-tool] select:focus,body[data-tool] textarea:focus{outline:4px solid rgba(108,76,255,.13);border-color:var(--primary);box-shadow:0 6px 20px rgba(108,76,255,.1)}
body[data-tool] button:not(.menu-btn):not(.color-dot):not(.mini-button){min-height:48px;border:1px solid #ddd8eb;border-radius:12px;padding:11px 18px;background:#f2effa;color:#211c36;font-weight:780;transition:.18s}
body[data-tool] button:not(.menu-btn):not(.color-dot):not(.mini-button):hover{transform:translateY(-1px);border-color:#bcb0ef;background:#ebe6ff}
body[data-tool] button.button{border:0;background:linear-gradient(135deg,#6242f4,#9a5cff);color:#fff;box-shadow:0 10px 24px rgba(108,76,255,.24)}
body[data-tool] .form-grid>label,body[data-tool] .form-grid>.field{padding:16px;border:1px solid #ebe7f5;border-radius:15px;background:rgba(255,255,255,.78)}
body[data-tool] #result:empty{display:none}
body[data-tool] #result:not(:empty){padding:18px;border:1px solid #ded7fa;border-radius:15px;background:#f5f2ff;color:#302650;font-weight:650}
body[data-tool] canvas{display:block;margin:20px auto;border-radius:15px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;box-shadow:0 8px 26px rgba(35,24,78,.09)}
body[data-tool="word-counter"] #text,body[data-tool="character-counter"] #text{min-height:360px}
body[data-tool="text-case-converter"] .tool-shell{display:grid;grid-template-columns:1fr 1fr;gap:18px}body[data-tool="text-case-converter"] .actions{grid-column:1/-1}body[data-tool="text-case-converter"] #text,body[data-tool="text-case-converter"] #output{min-height:300px}
body[data-tool="random-picker"] #items{min-height:340px}
.grid{align-items:stretch}.tool-card{min-height:245px}.tool-card h3{font-size:1.08rem}.category:nth-of-type(odd) .icon{background:linear-gradient(135deg,#eee9ff,#f9edff)}
@media(max-width:700px){body[data-tool] .page-hero{padding:36px 0 22px}body[data-tool] .page-hero h1{font-size:clamp(1.85rem,9vw,2.45rem);line-height:1.18;letter-spacing:-.032em;padding-bottom:.14em}body[data-tool="text-case-converter"] .tool-shell{grid-template-columns:1fr}body[data-tool="text-case-converter"] .actions{grid-column:auto}body[data-tool] textarea{min-height:220px}.tool-card{min-height:220px}}

/* Homepage polish: compact search, contained text icons, and no ad placeholders. */
.tool-search{display:block;width:min(520px,100%);margin:20px 0 34px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(31,24,68,.04)}
.tool-search:focus{outline:3px solid #e6e0ff;border-color:var(--primary)}
.tool-card .icon{width:52px;height:52px;min-width:52px;font-size:1rem;line-height:1;white-space:nowrap;overflow:hidden}
.ad-slot{display:none!important}
@media(max-width:560px){.tool-search{width:100%;margin-bottom:28px}.tool-card .icon{width:50px;height:50px;min-width:50px}}
:root{--bg:#f7f7fc;--surface:#fff;--ink:#17152a;--muted:#69677c;--primary:#6c4cff;--primary2:#9a67ff;--accent:#13b8a6;--line:#e7e5f0;--shadow:0 14px 40px rgba(38,24,92,.09);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#d875ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(108,76,255,.28)}.nav-links{display:flex;gap:24px;color:var(--muted);font-size:.94rem}.nav-links a:hover{color:var(--primary)}.menu-btn{display:none;border:0;background:none;font-size:1.4rem}.hero{padding:88px 0 58px;text-align:center;background:radial-gradient(circle at 50% 0,#eee9ff 0,transparent 55%)}.eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:#ede9ff;color:#5635e8;font-weight:700;font-size:.82rem}.hero h1{font-size:clamp(2.45rem,6vw,4.65rem);line-height:1.03;letter-spacing:-.055em;max-width:900px;margin:22px auto 18px}.gradient{background:linear-gradient(90deg,var(--primary),#bd55d6);-webkit-background-clip:text;color:transparent}.hero p{font-size:1.18rem;color:var(--muted);max-width:690px;margin:0 auto 30px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:750;transition:.2s}.button{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 9px 22px rgba(108,76,255,.22)}.button:hover{transform:translateY(-1px)}.button-secondary{background:#f0eef8;color:var(--ink)}.button:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.section{padding:70px 0}.section-title{font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.04em;margin:0 0 10px}.section-lead{color:var(--muted);margin:0 0 30px}.category{margin:42px 0}.category h2{font-size:1.3rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 30px rgba(31,24,68,.04);transition:.22s}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d9d1ff}.icon{width:48px;height:48px;border-radius:14px;background:#f0edff;display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px}.tool-card h3{margin:0 0 8px}.tool-card p{color:var(--muted);font-size:.94rem;margin:0 0 18px;flex:1}.tool-card span{color:var(--primary);font-weight:750}.ad-slot{min-height:70px;border:1px dashed #d8d4e6;border-radius:14px;display:grid;place-items:center;color:#aaa6b8;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:26px auto}.trust-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.trust-row b{color:var(--accent)}.page-hero{padding:58px 0 28px}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}.page-hero h1{font-size:clamp(2.1rem,5vw,3.55rem);letter-spacing:-.05em;line-height:1.08;margin:0 0 14px}.page-hero p{color:var(--muted);max-width:720px}.tool-shell{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,4vw,36px);margin:18px 0}.upload-zone{border:2px dashed #cbc4ef;border-radius:18px;padding:38px 20px;text-align:center;background:#faf9ff;transition:.2s}.upload-zone.drag{border-color:var(--primary);background:#f2efff}.upload-zone input{display:none}.upload-zone strong{display:block;font-size:1.05rem}.upload-zone small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.field label{display:block;font-size:.86rem;font-weight:720;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #e6e0ff;border-color:var(--primary)}.range-row{display:flex;align-items:center;gap:14px}.range-row input{flex:1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.status{margin:16px 0 0;padding:11px 14px;border-radius:10px;background:#f3f1fb;color:var(--muted);display:none}.status.show{display:block}.status.error{background:#fff0f1;color:#b42331}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.preview-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfbfd;min-width:0}.preview-card h3{font-size:.88rem;margin:0 0 10px;color:var(--muted)}.preview-card img,.preview-card canvas{display:block;max-width:100%;max-height:360px;margin:auto;border-radius:10px}.file-meta,.result-box{margin-top:12px;padding:12px;border-radius:10px;background:#f2f0f8;font-size:.9rem}.result-box{font-size:1rem;line-height:1.8}.privacy-note{color:#4e4b60;font-size:.88rem;margin-top:18px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.content-card h2{margin-top:0}.steps{padding-left:20px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted)}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;font-weight:700}.legal{max-width:820px}.legal h2{margin-top:34px}.contact-form{max-width:700px}.site-footer{background:#171525;color:#d6d3e3;padding:50px 0 28px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.site-footer p,.site-footer a{color:#aaa6bc}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid #302d42;margin-top:34px;padding-top:22px;color:#8f8a9f;font-size:.85rem}.switch{display:flex;align-items:center;gap:9px;font-size:.9rem}.hidden{display:none!important}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block}.content-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:58px}}@media(max-width:560px){.grid,.preview-grid,.form-grid,.related{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.section{padding:48px 0}.tool-shell{padding:18px}.nav{height:64px}.nav-links{top:64px}.brand{font-size:.92rem}}

/* 2026 polish: keeps the original palette while improving depth and rhythm. */
body{background:linear-gradient(180deg,#fbfaff 0,#f7f7fc 420px)}
.site-header{box-shadow:0 4px 22px rgba(35,24,78,.04)}
.hero{padding:96px 0 72px;background:radial-gradient(circle at 50% -20%,#ddd5ff 0,rgba(238,233,255,.72) 32%,transparent 68%)}
.hero .button{padding:14px 22px}.category{margin:52px 0}.category>h2{display:flex;align-items:center;gap:12px;font-size:1.25rem}.category>h2:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}
.tool-card{position:relative;overflow:hidden;padding:26px;box-shadow:0 10px 34px rgba(31,24,68,.055)}.tool-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),#c55ee0);opacity:0;transition:.22s}.tool-card:hover:before{opacity:1}.tool-card:hover .icon{transform:scale(1.06) rotate(-2deg)}.icon{transition:.22s;box-shadow:inset 0 0 0 1px rgba(108,76,255,.08)}
.button{background:linear-gradient(135deg,#6242f4,var(--primary2));box-shadow:0 10px 25px rgba(108,76,255,.25)}.button-secondary{border:1px solid #e1deec}.button-secondary:hover{background:#e9e6f5}.field input,.field select,.field textarea{min-height:46px;transition:.18s;box-shadow:0 2px 7px rgba(33,25,73,.025)}.tool-shell{box-shadow:0 18px 55px rgba(38,24,92,.085)}.site-footer{background:linear-gradient(135deg,#171525,#211d38)}
.pdf-image-list{display:grid;gap:12px;margin-top:18px}.pdf-image-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fbfbfd}.pdf-image-item img{width:72px;height:58px;object-fit:cover;border-radius:9px}.pdf-image-info{display:grid;min-width:0;flex:1}.pdf-image-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-image-info small{color:var(--muted)}.pdf-order-actions{display:flex;gap:6px}.mini-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff}.mini-button:hover{border-color:var(--primary);color:var(--primary)}.mini-button.danger{color:#b42331}.mini-button:disabled{opacity:.35;cursor:not-allowed}
.age-highlight{display:grid;grid-template-columns:repeat(6,auto);align-items:end;justify-content:center;gap:8px 12px;padding:24px;background:linear-gradient(135deg,#eeeaff,#faf7ff);border-radius:16px}.age-highlight strong{font-size:2.2rem;line-height:1;color:var(--primary)}.age-highlight span{color:var(--muted)}.age-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.age-stats>div{display:grid;gap:3px;padding:15px;background:#f5f3fa;border-radius:12px}.age-stats span{font-size:.8rem;color:var(--muted)}
@media(max-width:700px){.hero{padding:62px 0 48px}.age-highlight{grid-template-columns:repeat(3,1fr);text-align:center}.age-highlight span{margin-bottom:12px}.age-stats{grid-template-columns:1fr 1fr}.pdf-image-item{align-items:flex-start}.pdf-order-actions{flex-direction:column}}
@media(max-width:420px){.age-stats{grid-template-columns:1fr}.pdf-image-item img{width:56px;height:50px}.pdf-image-info strong{max-width:130px}}
/* Contact form security field and refined hero typography. */
.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hero h1{width:100%;max-width:1080px;padding:0 32px;font-size:clamp(2.35rem,5.7vw,4.15rem);line-height:1.08;overflow:visible}
.hero h1 .gradient{display:inline-block;max-width:100%;padding:0 .04em .14em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.94em;font-weight:800;letter-spacing:-.048em;line-height:1.12;text-wrap:balance;text-shadow:0 8px 24px rgba(108,76,255,.06);overflow:visible}
.contact-form .tool-shell{position:relative}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .button{margin-top:18px;min-width:150px}
@media(max-width:560px){.hero h1{padding:0 10px;font-size:clamp(2.2rem,11vw,2.65rem);line-height:1.1}.hero h1 .gradient{font-size:.92em;padding-bottom:.16em;letter-spacing:-.035em;line-height:1.14}}
.checker{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.vector-preview{display:grid;place-items:center;min-height:220px;overflow:auto}.vector-preview svg{display:block;max-width:100%;max-height:340px}.color-dot{width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px var(--line)}.color-dot:hover{box-shadow:0 0 0 2px var(--primary)}
/* Expansion components */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0}.stats b{padding:18px;border:1px solid #e4def7;border-radius:14px;text-align:center;font-size:1.35rem;background:#fff}.stats small{display:block;font-size:.78rem;color:#68627a;font-weight:500;margin-top:5px}.password-output,.result-box,#result{overflow-wrap:anywhere;margin-top:18px}.password-output{font:700 1.25rem ui-monospace,monospace;padding:18px;background:#f4f1ff;border-radius:14px}.calc-box input{margin:5px 0}.calc-box .answer{display:block;margin-top:14px;color:#7047eb;font-size:1.3rem}canvas{max-width:100%;height:auto}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:18px}.swatch{height:130px;border:0;border-radius:14px;display:flex;align-items:flex-end;padding:10px}.swatch span{background:#fff;padding:5px;border-radius:6px;color:#171329;width:100%}.tool-search{width:min(640px,100%);margin:24px auto;padding:16px 20px;border-radius:999px}.featured-card{border:2px solid #7047eb;position:relative}.featured-card:before{content:'Featured';position:absolute;right:14px;top:14px;background:#7047eb;color:#fff;border-radius:999px;padding:4px 9px;font-size:.7rem}

/* Professional shared tool UI */
body[data-tool] main{min-height:calc(100vh - 160px)}
body[data-tool] .page-hero{padding:48px 0 28px;overflow:visible}
body[data-tool] .page-hero h1{max-width:980px;margin:0 0 12px;padding:0 0 .12em;font-size:clamp(2rem,4.2vw,3.15rem);line-height:1.16;letter-spacing:-.042em;overflow:visible;background:linear-gradient(110deg,#17152a 20%,#5839d8 72%,#a43ec4);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-tool] .page-hero p{margin:0;max-width:840px;font-size:clamp(.98rem,1.45vw,1.08rem);line-height:1.65}
body[data-tool] .page-hero .eyebrow{margin-bottom:14px}
body[data-tool] .breadcrumbs{margin-bottom:14px}
body[data-tool] .tool-shell{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px);border-color:#ddd7f6;background:linear-gradient(145deg,#fff 0,#fdfcff 62%,#f5f1ff 100%)}
body[data-tool] .tool-shell:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(140,91,255,.14),transparent 70%);pointer-events:none}
body[data-tool] label{display:flex;flex-direction:column;gap:8px;font-weight:750;color:#27223c}
body[data-tool] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),body[data-tool] select,body[data-tool] textarea{display:block;width:100%;min-height:52px;border:1px solid #dcd7ec;border-radius:13px;padding:13px 15px;background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(39,27,87,.04);transition:.18s}
body[data-tool] textarea{min-height:240px;resize:vertical;line-height:1.65}
body[data-tool] input:focus,body[data-tool] select:focus,body[data-tool] textarea:focus{outline:4px solid rgba(108,76,255,.13);border-color:var(--primary);box-shadow:0 6px 20px rgba(108,76,255,.1)}
body[data-tool] button:not(.menu-btn):not(.color-dot):not(.mini-button){min-height:48px;border:1px solid #ddd8eb;border-radius:12px;padding:11px 18px;background:#f2effa;color:#211c36;font-weight:780;transition:.18s}
body[data-tool] button:not(.menu-btn):not(.color-dot):not(.mini-button):hover{transform:translateY(-1px);border-color:#bcb0ef;background:#ebe6ff}
body[data-tool] button.button{border:0;background:linear-gradient(135deg,#6242f4,#9a5cff);color:#fff;box-shadow:0 10px 24px rgba(108,76,255,.24)}
body[data-tool] .form-grid>label,body[data-tool] .form-grid>.field{padding:16px;border:1px solid #ebe7f5;border-radius:15px;background:rgba(255,255,255,.78)}
body[data-tool] #result:empty{display:none}
body[data-tool] #result:not(:empty){padding:18px;border:1px solid #ded7fa;border-radius:15px;background:#f5f2ff;color:#302650;font-weight:650}
body[data-tool] canvas{display:block;margin:20px auto;border-radius:15px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;box-shadow:0 8px 26px rgba(35,24,78,.09)}
body[data-tool="word-counter"] #text,body[data-tool="character-counter"] #text{min-height:360px}
body[data-tool="text-case-converter"] .tool-shell{display:grid;grid-template-columns:1fr 1fr;gap:18px}body[data-tool="text-case-converter"] .actions{grid-column:1/-1}body[data-tool="text-case-converter"] #text,body[data-tool="text-case-converter"] #output{min-height:300px}
body[data-tool="random-picker"] #items{min-height:340px}
.grid{align-items:stretch}.tool-card{min-height:245px}.tool-card h3{font-size:1.08rem}.category:nth-of-type(odd) .icon{background:linear-gradient(135deg,#eee9ff,#f9edff)}
@media(max-width:700px){body[data-tool] .page-hero{padding:36px 0 22px}body[data-tool] .page-hero h1{font-size:clamp(1.85rem,9vw,2.45rem);line-height:1.18;letter-spacing:-.032em;padding-bottom:.14em}body[data-tool="text-case-converter"] .tool-shell{grid-template-columns:1fr}body[data-tool="text-case-converter"] .actions{grid-column:auto}body[data-tool] textarea{min-height:220px}.tool-card{min-height:220px}}

/* Homepage polish: compact search, contained text icons, and no ad placeholders. */
.tool-search{display:block;width:min(520px,100%);margin:20px 0 34px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(31,24,68,.04)}
.tool-search:focus{outline:3px solid #e6e0ff;border-color:var(--primary)}
.tool-card .icon{width:52px;height:52px;min-width:52px;font-size:1rem;line-height:1;white-space:nowrap;overflow:hidden}
.ad-slot{display:none!important}
@media(max-width:560px){.tool-search{width:100%;margin-bottom:28px}.tool-card .icon{width:50px;height:50px;min-width:50px}}