:root{--bg:#F5F6FA;--surface:#FFFFFF;--ink:#1A1D29;--ink-soft:#5A6072;--line:#E3E6EE;--line-strong:#CBD0DC;--accent:#4F46E5;--accent-ink:#FFFFFF;--brass:#D9480F;--danger:#D92D20;--ok:#079455;--font-display:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(20, 24, 40, .05),0 1px 3px rgba(20, 24, 40, .07);--shadow-md:0 4px 16px rgba(20, 24, 40, .08),0 1px 3px rgba(20, 24, 40, .06);--gap:1rem;--maxw:1180px;--cat:var(--accent);--cat-icon:"🧰";color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0E1016;--surface:#181B24;--ink:#ECEEF4;--ink-soft:#A2A8B8;--line:#282D3A;--line-strong:#3A4152;--accent:#8B8CF8;--accent-ink:#0E1016;--brass:#FB923C;--danger:#F97066;--ok:#47CD89;--shadow-sm:0 1px 2px rgba(0, 0, 0, .3);--shadow-md:0 4px 16px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{color-scheme:dark;--bg:#0E1016;--surface:#181B24;--ink:#ECEEF4;--ink-soft:#A2A8B8;--line:#282D3A;--line-strong:#3A4152;--accent:#8B8CF8;--accent-ink:#0E1016;--brass:#FB923C;--danger:#F97066;--ok:#47CD89;--shadow-sm:0 1px 2px rgba(0, 0, 0, .3);--shadow-md:0 4px 16px rgba(0, 0, 0, .35)}[data-cat=image]{--cat:#2563EB;--cat-icon:"🖼️"}[data-cat=pdf]{--cat:#DC2626;--cat-icon:"📄"}[data-cat=cryptography]{--cat:#0F766E;--cat-icon:"🔐"}[data-cat=encoding]{--cat:#7C3AED;--cat-icon:"🔤"}[data-cat=developer]{--cat:#4338CA;--cat-icon:"💻"}[data-cat=text]{--cat:#0891B2;--cat-icon:"📝"}[data-cat=cv]{--cat:#9333EA;--cat-icon:"👔"}[data-cat=smart]{--cat:#0284C7;--cat-icon:"🔍"}[data-cat=calculators]{--cat:#EA580C;--cat-icon:"🔢"}[data-cat=finance]{--cat:#16A34A;--cat-icon:"💰"}[data-cat=units]{--cat:#CA8A04;--cat-icon:"📏"}[data-cat=color]{--cat:#DB2777;--cat-icon:"🎨"}[data-cat=qr]{--cat:#475569;--cat-icon:"🔳"}[data-cat=time]{--cat:#4F46E5;--cat-icon:"⏰"}[data-cat=seo]{--cat:#65A30D;--cat-icon:"📈"}[data-cat=files]{--cat:#B45309;--cat-icon:"🗂️"}[data-cat=video]{--cat:#E11D48;--cat-icon:"🎬"}[data-cat=audio]{--cat:#8B5CF6;--cat-icon:"🎵"}[data-cat=student]{--cat:#1D4ED8;--cat-icon:"🎓"}[data-cat=business]{--cat:#059669;--cat-icon:"💼"}[data-cat=social]{--cat:#C026D3;--cat-icon:"📱"}[data-cat=misc]{--cat:#0D9488;--cat-icon:"🧩"}:root,[data-cat]{--cat-soft:color-mix(in srgb, var(--cat) 12%, var(--surface));--cat-text:color-mix(in srgb, var(--cat) 78%, var(--ink))}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}p{margin:0 0 1em;max-width:62ch}.mono,code{font-family:var(--font-mono)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}body:has(> main){min-height:100vh;display:flex;flex-direction:column}body:has(> main)>*{flex-shrink:0}body:has(> main)>main{flex:1 0 auto;width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);min-height:65px}.site-header .wrap{display:flex;align-items:center;gap:2rem;height:64px}.logo{font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:.55rem;white-space:nowrap}.logo .chip{width:1.9rem;height:1.9rem;border-radius:9px;background:url("../assets/favicon.svg") center/cover no-repeat}.main-nav{display:flex;gap:.25rem;font-size:.93rem;font-weight:500;flex:none}.main-nav a{text-decoration:none;color:var(--ink-soft);padding:.4rem .75rem;border-radius:8px;white-space:nowrap}.main-nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.header-search{margin-left:auto;max-width:300px;flex:1 1 300px;min-width:140px}.header-search input{width:100%;border-radius:999px;padding-left:2.3rem;background:var(--bg) no-repeat .9rem 50%/1rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A90A0' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");border-color:var(--line)}.theme-toggle{flex:none;width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-soft);cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-family:var(--font-body);font-size:1rem;padding:.6rem .8rem;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:0}textarea{width:100%;resize:vertical;font-family:var(--font-mono);font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:.68rem 1.3rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .08s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 86%,#000)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:4.5rem 0 3.5rem;text-align:center;background:radial-gradient(60% 80% at 15% 0,color-mix(in srgb,#2563eb 10%,transparent),transparent 70%),radial-gradient(50% 70% at 90% 10%,color-mix(in srgb,#db2777 9%,transparent),transparent 70%),radial-gradient(60% 60% at 50% 100%,color-mix(in srgb,#16a34a 7%,transparent),transparent 70%);border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(2rem, 5vw, 3.3rem);max-width:18ch;margin:0 auto .4em;letter-spacing:-.03em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#4f46e5,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede{font-size:1.15rem;color:var(--ink-soft);max-width:46ch;margin:0 auto}.search-box{margin:2rem auto 0;max-width:620px;display:flex;align-items:center;border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:.35rem .35rem .35rem 1.2rem;box-shadow:var(--shadow-md);transition:border-color .15s ease,box-shadow .15s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.search-box::before{content:"";width:1.15rem;height:1.15rem;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A90A0' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}.search-box input{flex:1;min-width:0;border:none;background:0 0;box-shadow:none!important;font-size:1.05rem;padding:.7rem .8rem}.search-box input:focus-visible{outline:0}.search-box .go{border:none;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:600;font-size:.98rem;padding:.75rem 1.5rem;cursor:pointer}.search-box .go:hover{background:color-mix(in srgb,var(--accent) 86%,#000)}.quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.3rem auto 0;padding:0;list-style:none;max-width:720px}.quick-links a{display:inline-block;text-decoration:none;font-size:.88rem;font-weight:500;padding:.38rem .85rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.quick-links a:hover{color:var(--accent);border-color:var(--accent)}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin:1.6rem 0 0;padding:0;list-style:none;font-size:.9rem;color:var(--ink-soft)}.hero-stats li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:.4rem}.drawers{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--gap);margin:0}.drawer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;row-gap:.15rem;align-items:center;position:relative;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.drawer::before{content:var(--cat-icon);grid-row:span 2;width:3rem;height:3rem;border-radius:12px;display:grid;place-items:center;font-size:1.5rem;background:var(--cat-soft)}.drawer::after{content:attr(data-count);position:absolute;top:.9rem;right:1rem;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;color:var(--cat-text);background:var(--cat-soft)}.drawer strong{font-family:var(--font-display);font-size:1.02rem;padding-right:2.6rem;line-height:1.3}.drawer span{font-size:.86rem;color:var(--ink-soft);line-height:1.4}.drawer:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--cat) 45%,var(--line))}.section{padding:3rem 0 1rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.section-head h2{font-size:1.55rem;margin:0}.section-head p{margin:0;color:var(--ink-soft);font-size:.92rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap)}.tool-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:1rem 1.1rem;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;row-gap:.2rem;align-content:start;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tool-card::before{content:var(--cat-icon);grid-row:span 3;align-self:start;width:2.5rem;height:2.5rem;border-radius:10px;display:grid;place-items:center;font-size:1.2rem;background:var(--cat-soft)}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--cat) 45%,var(--line))}.tool-card .cat{font-size:.72rem;font-weight:600;color:var(--cat-text);text-transform:uppercase;letter-spacing:.04em}.tool-card h3{font-size:1rem;margin:0;line-height:1.3}.tool-card p{font-size:.87rem;color:var(--ink-soft);margin:0;line-height:1.45}.tool-page .wrap{padding-top:2rem;padding-bottom:4rem}.tool-header{margin-bottom:1.8rem;max-width:72ch}.tool-header .breadcrumb{font-size:.85rem;color:var(--ink-soft);margin-bottom:1rem}.tool-header .breadcrumb a{text-decoration:none;color:var(--cat-text);font-weight:500}.tool-header .breadcrumb a:hover{text-decoration:underline}.tool-header h1{font-size:clamp(1.7rem, 3.5vw, 2.3rem);display:flex;align-items:center;gap:.8rem}[data-cat] .tool-header h1::before{content:var(--cat-icon);flex:none;width:3rem;height:3rem;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;letter-spacing:0;background:var(--cat-soft)}.tool-header>p:not(.breadcrumb){color:var(--ink-soft);font-size:1.05rem}.tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;max-width:760px}.dropzone{border:2px dashed color-mix(in srgb,var(--cat) 40%,var(--line-strong));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--cat) 4%,var(--surface));padding:2.6rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;margin-bottom:1.3rem}.dropzone.drag,.dropzone:hover{border-color:var(--cat);background:var(--cat-soft)}.dropzone input[type=file]{display:none}.dropzone .hint{font-size:.85rem;color:var(--ink-soft);margin-top:.5rem}.field-row{margin:1.3rem 0}.field-row label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.field-row .value{font-family:var(--font-mono);color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.status{margin-top:1.2rem;font-size:.9rem;padding:.7rem .95rem;border-radius:var(--radius);background:color-mix(in srgb,var(--ink) 5%,transparent);display:none}.status.show{display:block}.status.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);color:color-mix(in srgb,var(--ok) 70%,var(--ink))}.status.err{background:color-mix(in srgb,var(--danger) 11%,transparent);color:color-mix(in srgb,var(--danger) 75%,var(--ink))}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.2rem}.result-stats div{background:var(--bg);border-radius:var(--radius);padding:.85rem 1rem}.result-stats .num{font-family:var(--font-display);font-weight:700;font-size:1.3rem;display:block}.result-stats .lbl{font-size:.78rem;color:var(--ink-soft)}.preview-frame{margin-top:1.2rem;border:1px solid var(--line);border-radius:var(--radius);padding:.6rem;background:repeating-conic-gradient(#00000008 0 25%,transparent 0 50%) 50%/16px 16px}.preview-frame img{max-height:340px;margin:0 auto}.privacy-note{margin-top:1.5rem;font-size:.82rem;color:var(--ink-soft);display:flex;gap:.5rem;align-items:flex-start}.privacy-note .dot{color:var(--ok)}.tool-info{max-width:72ch;margin-top:3rem}.tool-info h2{font-size:1.25rem;margin-top:1.8rem}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.5rem}.faq summary{cursor:pointer;font-weight:600}.faq details[open] summary{margin-bottom:.4rem}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:2.2rem 0;margin-top:4rem;font-size:.87rem;color:var(--ink-soft)}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}.site-footer nav{display:flex;gap:1.2rem}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--accent)}.lang-switch{flex:none;height:2.4rem;min-width:2.4rem;padding:0 .7rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-soft);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-decoration:none}.lang-switch:hover{color:var(--accent);border-color:var(--accent)}