*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fa;--bg2:#f0f2f5;--surface:#fff;--border:#e0e0e0;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--text:#1a1a1a;--text2:#6b7280;--text3:#9ca3af;--radius:14px;--radius-sm:8px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--transition:0.18s ease;--grad:linear-gradient(135deg,#2563eb,#7c3aed)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}.container{max-width:900px}.container,.container-wide{margin:0 auto;padding:0 24px}.container-wide{max-width:1200px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none;padding:12px 24px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg2);color:var(--text);opacity:1}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{background:#15803d;opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;padding:12px 16px;outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ad-slot{background:var(--bg2);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:16px;text-align:center;color:var(--text3);font-size:11px;letter-spacing:.06em;text-transform:uppercase;min-height:90px;display:flex;align-items:center;justify-content:center}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text);transition:all var(--transition);display:flex;flex-direction:column;gap:10px}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent);opacity:1}.tool-icon{font-size:32px}.tool-name{font-size:16px;font-weight:700;color:var(--text)}.tool-desc{font-size:13px;color:var(--text2);line-height:1.5}.tool-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease forwards}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg)}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--accent);background:var(--accent-light)}.upload-zone p{color:var(--text2);font-size:14px;margin-top:8px}.progress-bar{height:6px;background:var(--bg2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--grad);border-radius:3px;transition:width .3s ease}.result-box{background:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius);padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.stat-box{background:var(--bg2);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:18px;font-weight:700;color:var(--text);margin-top:2px}@media (max-width:640px){.card{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr 1fr}}.tool-hero{padding:48px 0 38px;text-align:center;background:radial-gradient(circle at 80% 0,#e0e7ff 0,transparent 34%),linear-gradient(180deg,#f8fbff,#f8f9fa);border-bottom:1px solid var(--border)}.tool-hero.instagram-hero{background:radial-gradient(circle at 80% 0,#fce7f3 0,transparent 36%),linear-gradient(180deg,#fff7fb,#f8f9fa)}.breadcrumbs{display:flex;align-items:center;gap:8px;text-align:left;color:var(--text3);font-size:12px;margin-bottom:24px}.breadcrumbs a,.tool-trust-row{color:var(--text2)}.tool-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:12px;font-weight:700}.tool-workspace{padding:24px;background:#fff;border:1px solid #dbe5f4;border-radius:20px;box-shadow:0 18px 55px rgba(15,23,42,.08)}.tool-workspace>div{max-width:none!important}.tool-content-section{padding:56px 0;background:#fff;margin-top:36px}.tool-content-narrow{max-width:832px;margin:0 auto;padding:32px 1rem 2rem}.tool-content-narrow h2{font-size:1.4rem;margin:38px 0 12px}.tool-content-narrow h3{font-size:1rem;margin:22px 0 5px}.tool-content-narrow p{color:var(--text2);line-height:1.8}.size-target-card{display:block;color:var(--text);transition:all var(--transition)}.size-target-card:hover{opacity:1;border-color:#93c5fd;transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-size-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}.ratio-preview{max-width:48px;max-height:54px;min-height:34px;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(145deg,#fce7f3,#ede9fe);border:1px solid #f9a8d4;border-radius:7px}.ratio-preview span{font-size:9px;font-weight:800;color:#9d174d}.notice-card{max-width:820px;margin:22px auto 0;padding:16px 18px;text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:14px}.notice-card strong{color:#92400e;font-size:13px}.notice-card p{margin:5px 0 0;color:#78350f;font-size:12px;line-height:1.6}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:28px 0}.requirements-grid>div{display:flex;flex-direction:column;gap:5px;padding:18px;background:#f8fafc;border:1px solid var(--border);border-radius:14px}.requirements-grid small{color:var(--text3);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.requirements-grid strong{color:var(--text);font-size:17px}.requirements-grid span{color:var(--text2);font-size:12px;line-height:1.5}.cluster-links>div,.related-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:16px}.cluster-links a,.related-tool-grid a{display:flex;flex-direction:column;gap:4px;padding:16px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:12px}.cluster-links a:hover,.related-tool-grid a:hover{opacity:1;border-color:#93c5fd;box-shadow:var(--shadow-sm)}.cluster-links span,.related-tool-grid span{color:var(--text2);font-size:12px}.source-note{margin-top:28px;padding:16px 18px;background:#f8fafc;border-left:3px solid #94a3b8;border-radius:0 10px 10px 0}.source-note strong{font-size:12px}.source-note p{margin:4px 0 0;color:var(--text2);font-size:12px;line-height:1.65}.cluster-links{margin-top:42px}.cluster-links>p{color:var(--text3);font-size:10px;font-weight:800;letter-spacing:.1em}.official-guide{padding:52px 0 72px;background:linear-gradient(180deg,#f8fbff,#fff 300px)}.official-guide h1{max-width:720px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.035em}.guide-updated{margin:12px 0;color:var(--text3);font-size:12px}.guide-intro{color:var(--text2);font-size:17px;line-height:1.75}.guide-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:18px 20px;color:#fff;background:var(--grad);border-radius:14px;box-shadow:0 10px 28px rgba(79,70,229,.18)}.guide-cta:hover{color:#fff;opacity:.94}.guide-cta small,.guide-cta strong{display:block}.guide-cta small{margin-top:3px;color:#e0e7ff}.official-guide section{margin-top:38px}.official-guide section h2{margin-bottom:12px;font-size:1.45rem}.official-guide section li,.official-guide section p{color:var(--text2);line-height:1.8}@media (max-width:640px){.tool-hero{padding:34px 0 28px}.tool-workspace{padding:14px;border-radius:16px}.tool-trust-row{gap:8px 14px}.tool-content-section{padding:40px 0;margin-top:20px}.cluster-links>div,.related-tool-grid,.requirements-grid{grid-template-columns:1fr}.guide-cta{align-items:flex-start;flex-direction:column}.official-guide{padding-top:38px}}.home-hero{padding:76px 0;background:radial-gradient(circle at 82% 18%,#e0e7ff 0,transparent 32%),linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid var(--border)}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;grid-gap:72px;gap:72px}.eyebrow{display:inline-block;font-size:11px;line-height:1;letter-spacing:.12em;font-weight:800;color:var(--accent);margin-bottom:18px}.home-hero-copy h1{font-size:clamp(2.35rem,5vw,4rem);line-height:1.04;letter-spacing:-.045em;margin-bottom:22px}.home-hero-copy>p{max-width:650px;color:var(--text2);font-size:18px;line-height:1.75}.hero-actions{gap:12px;margin-top:30px}.hero-actions,.trust-row{display:flex;flex-wrap:wrap}.trust-row{gap:20px;margin-top:26px;color:var(--text2);font-size:12px;font-weight:600}.featured-panel{background:hsla(0,0%,100%,.92);padding:14px;border:1px solid #dbe5f4;border-radius:22px;box-shadow:0 24px 70px rgba(37,99,235,.12)}.featured-label{padding:8px 10px 12px;color:var(--text3);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.featured-link{display:grid;grid-template-columns:54px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:14px 12px;border-radius:14px;color:var(--text)}.featured-link:hover{opacity:1;background:var(--bg)}.featured-link>span{width:54px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:900}.featured-link small,.featured-link strong{display:block}.featured-link strong{font-size:14px}.featured-link small{color:var(--text2);font-size:12px;margin-top:2px}.featured-link b{color:var(--text3)}.home-tools-section{padding:78px 0;background:#fff}.section-heading{text-align:center;max-width:640px;margin:0 auto 32px}.section-heading h2{font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.025em}.section-heading p{color:var(--text2);margin-top:10px}.tool-search-wrap{display:flex;align-items:center;gap:10px;max-width:680px;margin:0 auto 20px;border:1px solid var(--border);border-radius:14px;padding:0 16px;background:var(--bg);box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.tool-search-wrap span{font-size:24px;color:var(--text3)}.tool-search-wrap input{width:100%;padding:15px 0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:34px}.category-tabs button{border:1px solid var(--border);color:var(--text2);background:#fff;padding:8px 14px;border-radius:999px;font-weight:700;font-size:12px;cursor:pointer}.category-tabs button.active{color:#fff;background:var(--text);border-color:var(--text)}.home-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.home-tool-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;grid-gap:12px;gap:12px;min-height:94px;padding:16px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:#fff;transition:all var(--transition)}.home-tool-card:hover{opacity:1;border-color:#93c5fd;box-shadow:0 9px 28px rgba(15,23,42,.08);transform:translateY(-2px)}.home-tool-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:#334155;font-size:16px;font-weight:900;letter-spacing:-.04em;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6)}.home-tool-icon.icon-image{background:linear-gradient(145deg,#dbeafe,#eff6ff);color:#1d4ed8}.home-tool-icon.icon-pdf{background:linear-gradient(145deg,#fee2e2,#fff1f2);color:#be123c}.home-tool-icon.icon-id{background:linear-gradient(145deg,#e0e7ff,#eef2ff);color:#4338ca;font-size:11px}.home-tool-icon.icon-calc{background:linear-gradient(145deg,#fef3c7,#fffbeb);color:#b45309;font-size:13px}.home-tool-icon.icon-util{background:linear-gradient(145deg,#dcfce7,#f0fdf4);color:#15803d}.home-tool-content small,.home-tool-content strong{display:block}.home-tool-content strong{font-size:14px;line-height:1.35}.home-tool-content small{color:var(--text2);font-size:12px;line-height:1.45;margin-top:4px}.home-tool-arrow{color:var(--text3)}.no-tools{text-align:center;color:var(--text2);padding:28px}.home-ad{background:var(--bg2);border-block:1px solid var(--border);padding:14px 0}.intent-section{padding:78px 0}.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.intent-grid article{position:relative;background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;overflow:hidden}.intent-grid article>span{color:#bfdbfe;font-weight:900;font-size:32px;line-height:1}.intent-grid h3{margin:15px 0 9px;font-size:18px}.intent-grid p{color:var(--text2);font-size:14px;line-height:1.8}.intent-grid a{font-weight:650;text-decoration:underline;-webkit-text-decoration-color:#bfdbfe;text-decoration-color:#bfdbfe;text-underline-offset:3px}.privacy-strip{padding:54px 0;background:#0f172a;color:#fff}.privacy-strip .container-wide{display:flex;justify-content:space-between;align-items:center;gap:28px}.privacy-strip span{color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:.12em}.privacy-strip h2{margin:8px 0 6px;font-size:24px}.privacy-strip p{color:#94a3b8}.privacy-strip .btn{color:#fff;border-color:#475569;flex:0 0 auto}@media (max-width:900px){.home-hero-grid{grid-template-columns:1fr;gap:40px}.home-tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.home-hero{padding:52px 0}.home-hero-copy h1{font-size:2.45rem}.home-hero-copy>p{font-size:16px}.home-tool-grid,.intent-grid{grid-template-columns:1fr}.category-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.category-tabs button{flex:0 0 auto}.privacy-strip .container-wide{align-items:flex-start;flex-direction:column}}