:root{--bg:#f3f6f9;--bg-soft:#e9f0f5;--card:#fff;--text:#0e2238;--muted:#58697a;--primary:#0466c8;--primary-strong:#014f9d;--success:#1d8f5d;--error:#b42318;--border:#d4dde6;--shadow:0 10px 30px rgba(16,34,56,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,var(--bg-soft) 0,var(--bg) 38%,#fff 100%);color:var(--text);line-height:1.45}a{color:var(--primary-strong);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:18px}.hero{margin:6px 0 18px;text-align:center}.hero h1{font-size:clamp(1.7rem,3.5vw,2.6rem);margin:0}.hero p{margin:10px auto 0;max-width:760px;color:var(--muted)}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.badge{padding:6px 10px;border-radius:999px;border:1px solid #c6d6e7;background:#f8fcff;color:#254766;font-size:13px}.tool-shell{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.tool-head h2{margin:0;font-size:clamp(1.2rem,2.2vw,1.65rem)}.tool-head p{margin:6px 0 0;color:var(--muted)}.upload-box{margin-top:14px;border:2px dashed #8daccc;background:#f5faff;border-radius:12px;text-align:center;padding:26px 16px}.upload-box p{margin:5px 0;color:var(--muted)}.upload-box input[type=file]{margin-top:10px;max-width:100%}.upload-box small{display:block;margin-top:8px;color:#4c6076}.conversion-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(180px,220px) 1fr;grid-gap:10px;gap:10px;margin-top:14px;align-items:end}.conversion-row label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.quick-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.option-block{margin-top:12px;border:1px solid var(--border);border-radius:12px;padding:12px;background:#f9fcff}.conversion-row select,.options-grid input{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;padding:10px 11px}.convert-btn,.download-btn,.remove-btn{border:0;border-radius:9px;cursor:pointer;font-weight:700}.convert-btn{width:100%;min-height:46px;padding:12px 18px;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;letter-spacing:.2px}.convert-btn:disabled{opacity:.65;cursor:not-allowed}.options-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));grid-gap:10px;gap:10px;margin-top:10px}.options-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.toggle-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 14px}.toggle-row label{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#32485f}.progress-wrap{margin-top:12px}.progress-track{width:100%;height:9px;background:#deebf7;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1f7bd4,#22a06b)}.progress-wrap span{display:inline-block;margin-top:4px;font-size:12px;color:var(--muted)}.error-msg{margin-top:10px;color:var(--error);font-weight:600}.preview-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));grid-gap:10px;gap:10px}.preview-card{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.preview-card img,.result-preview img{width:100%;border-radius:8px;border:1px solid #d8e3ee;object-fit:cover}.preview-card img{height:120px}.preview-card p{margin:8px 0 2px;font-size:13px;word-break:break-word}.muted-note,.preview-card small{color:var(--muted)}.muted-note{margin:8px 0 0;font-size:13px}.color-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.color-chip{width:28px;height:28px;border-radius:50%;border:1px solid #c9d7e5;cursor:pointer}.simple-toolbar{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;align-items:end}.simple-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.simple-toolbar input,.simple-toolbar select{border:1px solid var(--border);border-radius:8px;padding:8px}.screenshot-canvas{position:relative;margin-top:12px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;cursor:crosshair}.screenshot-canvas img{width:100%;height:auto;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.selection-box{position:absolute;border:2px dashed;background:hsla(0,0%,100%,.08);pointer-events:none}.tool-action-btn{min-height:40px;border:1px solid var(--border);border-radius:8px;background:#f5f9ff;color:#234464;font-weight:600;cursor:pointer}.tool-action-btn.active{background:#e6f1ff;border-color:#8fb5dc}.preview-fallback{height:120px;border-radius:8px;border:1px solid #d8e3ee;background:#f3f7fa;display:flex;align-items:center;justify-content:center;color:#67819a;font-size:13px}.remove-btn{margin-top:8px;width:100%;min-height:32px;background:#eef3f8;color:#2e4e6d}.result-box{margin-top:16px;border:1px solid #b8d8c6;border-radius:10px;background:#f0faf4;padding:12px}.result-box h3{margin:0 0 8px}.result-box p{margin:4px 0}.result-preview{margin:10px 0}.result-preview img{max-height:300px}.download-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;min-height:40px;background:linear-gradient(180deg,#1f9d67,var(--success));color:#fff}.fast-points,.popular-links,.privacy-note,.seo-content{margin-top:16px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:12px}.fast-points,.privacy-note{color:#304a63}.fast-points ul,.format-grid,.popular-links ul,.related-list{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:8px;gap:8px}.fast-points li,.format-grid li,.popular-links li,.related-list li{border:1px solid var(--border);border-radius:8px;padding:8px;background:#fbfdff}.popular-links li p{margin:6px 0 0;color:var(--muted);font-size:13px}.seo-content{margin-top:18px}.seo-content h1{margin-top:0}.faq-item{border-top:1px solid var(--border);padding:10px 0}.faq-item h3{margin:0}.faq-item p{margin:6px 0 0;color:#3a546d}.ad-rail-wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.site-wrap{min-height:100vh;display:flex;flex-direction:column}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-header-inner{max-width:1240px;margin:0 auto;padding:10px 18px;display:grid;grid-template-columns:auto 1fr minmax(180px,280px);grid-gap:14px;gap:14px;align-items:center}.brand{font-size:1.15rem;font-weight:800;color:var(--text)}.brand:hover{text-decoration:none}.main-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.main-nav a{padding:6px 10px;border-radius:999px;color:#2d4a66}.main-nav a.active{background:#e7f1fc;color:#124b82;font-weight:700}.header-search{position:relative}.header-search input,.tool-search-input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:9px;padding:9px 11px;background:#fff;color:var(--text)}.search-menu{list-style:none;margin:6px 0 0;padding:6px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow);position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:30}.search-menu li{margin:0}.search-menu button{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:8px;color:var(--text);cursor:pointer}.search-menu button:hover{background:#f3f8ff}.content-shell{width:100%;max-width:1240px;margin:0 auto;padding:0 10px 10px;display:block;flex:1 1}.content-main{min-width:0}.site-footer{margin-top:10px;border-top:1px solid var(--border);background:#f8fbff}.site-footer-inner{max-width:1240px;margin:0 auto;padding:14px 18px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#2f4962}.site-footer-inner p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.trust-strip{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.trust-strip span{border:1px solid #d8e5f1;background:#f6fbff;border-radius:9px;padding:8px 10px;font-size:13px;color:#2d4962;text-align:center}.secondary-btn{margin-top:10px;width:100%;min-height:40px;border-radius:9px;border:1px solid var(--border);background:#fff;color:#244461;font-weight:700;cursor:pointer}.empty-msg{margin-top:12px;border:1px dashed #c7d7e8;border-radius:9px;padding:10px 12px;background:#fbfdff;color:#48627a}.category-card-grid{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.category-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fbfdff}.landing-hero{margin-top:10px;padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#f6fbff);box-shadow:var(--shadow)}.hero-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2f618d}.hero-search-wrap{margin:14px auto 0;max-width:760px}.compact-trust{margin-top:12px}.category-nav-wrap{margin-top:16px}.category-chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0;padding:0}.category-chip-list a{display:inline-flex;align-items:center;border:1px solid #cfe0ef;border-radius:999px;background:#f8fcff;color:#144a78;padding:8px 12px;font-weight:600}.popular-tools{margin-top:12px}.tool-group-section{margin-top:16px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px}.tool-group-section h2{margin:0}.group-meta{margin:4px 0 0;font-size:13px;color:var(--muted)}.tool-card-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.tool-card{border:1px solid var(--border);border-radius:12px;background:#fbfdff;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tool-card a{display:block;color:var(--text);padding:12px;text-decoration:none;min-height:100%}.tool-card strong{display:block;line-height:1.35}.tool-card p{margin:6px 0 0;font-size:13px;color:var(--muted)}.tool-card:hover{border-color:#9bbcdf;box-shadow:0 10px 22px rgba(16,34,56,.1);transform:translateY(-1px)}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-summary{margin-top:16px}.category-card p{margin:6px 0 0;color:var(--muted);font-size:13px}.how-list{margin:8px 0 0;padding-left:20px;color:#324c65}.how-list li+li{margin-top:5px}#__next,body{overflow-x:hidden}@media (max-width:960px){.site-header-inner{grid-template-columns:1fr}.main-nav{order:2}.header-search{order:3}.compact-grid,.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.options-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.ad-rail-wrap,.trust-strip{grid-template-columns:1fr}}@media (max-width:640px){.container,.tool-shell{padding:12px}.conversion-row,.options-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.main-nav a{text-align:center}.convert-btn,.download-btn,.secondary-btn{width:100%}.toggle-row{flex-direction:column;gap:8px}.compact-grid,.fast-points ul,.format-grid,.popular-links ul,.related-list,.tool-card-grid{grid-template-columns:1fr}.landing-hero{padding:14px}}