:root{--ink:#101223;--ink-2:#1a1d33;--ink-3:#252947;--paper:#f7f7fb;--card:#fff;--line:#e5e6f0;--muted:#5d6178;--accent:#5856f0;--accent-deep:#4338ca;--accent-soft:#eeeefc;--teal:#0fb5a8;--teal-soft:#e0f7f4;--warn:#9a6a00;--warn-bg:#fdf3dd;--error:#c23737;--error-bg:#fdecec;--ok:#1c7f4d;--radius:14px;--shadow:0 1px 2px #1012230d, 0 8px 28px #10122312;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}img{max-width:100%}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.2}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.wrap-narrow{max-width:780px}.muted{color:var(--muted)}.site{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7f7fbd9;position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:62px;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.logo:hover{text-decoration:none}.logo em{color:var(--accent);font-style:normal}.site-nav{gap:4px;margin-left:auto;display:flex}.site-nav a{color:var(--ink-3);white-space:nowrap;border-radius:9px;padding:8px 12px;font-size:14.5px;font-weight:500}.site-nav a:hover{background:var(--accent-soft);text-decoration:none}.site-nav a.active{color:var(--accent-deep);background:var(--accent-soft)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:transform 60ms,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;box-shadow:0 6px 18px #5856f059}.btn-primary:hover{box-shadow:0 8px 24px #5856f073}.btn-outline{background:var(--card);border-color:var(--line);color:var(--ink)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-deep)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--ink);background:var(--accent-soft)}.btn-light{color:var(--accent-deep);background:#fff}.btn-lg{border-radius:13px;padding:14px 26px;font-size:16px}.btn-small{border-radius:9px;padding:7px 14px;font-size:13.5px}a .btn,a.btn:hover{text-decoration:none}.hero{background:radial-gradient(1100px 480px at 80% -10%, #5856f024, transparent 60%), radial-gradient(800px 420px at 10% 0%, #0fb5a81a, transparent 55%), linear-gradient(180deg, #eef0fa 0%, var(--paper) 100%);border-bottom:1px solid var(--line)}.hero-inner{text-align:center;padding:84px 20px 76px}.eyebrow{letter-spacing:.04em;color:var(--accent-deep);background:var(--accent-soft);border:1px solid #dcd9f7;border-radius:999px;margin-bottom:22px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(34px,5.4vw,58px);font-weight:800}.hero h1 .accent{background:linear-gradient(120deg, var(--accent) 10%, var(--teal) 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:620px;color:var(--muted);margin:0 auto 30px;font-size:18px}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-note{color:var(--muted);margin-top:18px;font-size:13.5px}.section{padding:72px 0}.section-alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.section-title{letter-spacing:-.025em;text-align:center;margin-bottom:10px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.section-sub{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 42px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;padding:22px;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex}.tool-card:hover{box-shadow:var(--shadow);border-color:#c9c6f2;text-decoration:none;transform:translateY(-2px)}.tool-card.disabled{opacity:.72;cursor:default;background:#fbfbfe}.tool-card.disabled:hover{box-shadow:none;border-color:var(--line);transform:none}.tool-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tool-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.tool-card h3{margin-bottom:7px;font-size:17.5px;font-weight:700}.tool-card p{color:var(--muted);flex:1;margin:0 0 16px;font-size:14.5px}.tool-link{color:var(--accent-deep);font-size:14px;font-weight:600}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.badge-free{background:var(--teal-soft);color:#08786f}.badge-soon{color:var(--muted);background:#eff0f6}.prop-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.prop{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px}.prop-icon{background:var(--ink);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:inline-flex}.prop h3{margin-bottom:6px;font-size:15.5px}.prop p{color:var(--muted);margin:0;font-size:14px}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}.step-num{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:14px;font-weight:700;display:inline-flex}.step h3{margin-bottom:6px;font-size:16.5px}.step p{color:var(--muted);margin:0;font-size:14.5px}.faq{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15.5px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:20px;font-weight:400;transition:transform .15s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--muted);margin:0;padding:0 20px 18px;font-size:14.5px}.cta-band{background:radial-gradient(700px 300px at 85% 20%, #0fb5a840, transparent 60%), linear-gradient(135deg, #171a33 0%, var(--ink) 100%);color:#fff}.cta-inner{text-align:center;padding:66px 20px}.cta-inner h2{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.cta-inner p{color:#b9bdd4;margin:0 0 26px}.site-footer{background:var(--ink);color:#c6c9dd;margin-top:auto}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;padding-top:48px;padding-bottom:36px;display:grid}.footer-brand p{color:#9a9eb8;max-width:340px;margin:14px 0 0;font-size:14px}.site-footer .logo,.site-footer .logo span{color:#fff}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px;font-size:13px}.footer-col a,.footer-col span{color:#c6c9dd;padding:4px 0;font-size:14.5px;display:block}.footer-col a:hover{color:#fff}.footer-bottom{color:#8a8ea8;border-top:1px solid #ffffff14;padding-top:18px;padding-bottom:26px;font-size:13px}.tool-page{padding-top:34px;padding-bottom:60px}.crumbs{color:var(--muted);margin-bottom:18px;font-size:13.5px}.crumbs a{color:var(--muted)}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:#a3a6bd;margin-right:6px}.tool-page h1{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(28px,4vw,40px);font-weight:800}.tool-sub{color:var(--muted);max-width:640px;margin:0 0 12px;font-size:16.5px}.limits-line{color:var(--accent-deep);background:var(--accent-soft);border-radius:8px;margin:0 0 26px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.dropzone{background:var(--card);cursor:pointer;width:100%;color:var(--ink);border:2px dashed #c8cbe4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:54px 24px;font-family:inherit;transition:border-color .15s,background .15s,transform .15s;display:flex}.dropzone:hover:not(:disabled),.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone.drag{transform:scale(1.005)}.dropzone:disabled{opacity:.6;cursor:default}.dropzone-icon{background:linear-gradient(135deg, var(--accent-soft), #e2f6f4);width:62px;height:62px;color:var(--accent-deep);border-radius:18px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.dropzone-title{letter-spacing:-.01em;font-size:18px;font-weight:700}.dropzone-hint{color:var(--muted);font-size:13.5px}.status-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;padding:18px 20px}.status-line{margin:0 0 8px;font-size:15px;font-weight:500}.status-line:last-child{margin-bottom:0}.status-line.ok{color:var(--ok)}.status-line.error{color:var(--error);background:var(--error-bg);border-radius:9px;padding:10px 14px}.status-line.warn{color:var(--warn);background:var(--warn-bg);border-radius:9px;padding:10px 14px;font-size:13.5px}.status-sub{margin:6px 0 0;font-size:13px}.progress{background:var(--accent-soft);border-radius:999px;height:8px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--teal));border-radius:999px;height:100%;transition:width .2s}.preview-row{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.preview-box{margin:0}.preview-box figcaption{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600}.checker{border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;background-image:linear-gradient(45deg,#e4e5ee 25%,#0000 25% 75%,#e4e5ee 75%),linear-gradient(45deg,#e4e5ee 25%,#0000 25% 75%,#e4e5ee 75%);background-position:0 0,11px 11px;background-size:22px 22px;justify-content:center;align-items:center;min-height:180px;display:flex;overflow:hidden}.checker img{object-fit:contain;max-width:100%;max-height:380px;display:block}.output-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:18px;padding:20px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:12px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600}.tab:hover:not(:disabled){color:var(--ink);background:var(--accent-soft)}.tab.active{color:var(--accent-deep);background:var(--accent-soft);border-color:#d5d2f5}.tab:disabled{opacity:.45;cursor:default}.tab-hint{margin:0 0 14px;font-size:13.5px}.color-row{align-items:center;gap:12px;margin-bottom:16px;font-size:14.5px;display:flex}.color-row input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:42px;height:32px;padding:2px}.color-row code{background:var(--accent-soft);border-radius:6px;padding:3px 8px;font-size:13px}.downloads{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-faq{padding-bottom:0}.tool-faq .section-title{text-align:left;margin-bottom:20px;font-size:24px}.landing{max-width:880px;margin-top:56px}.landing-section{border-top:1px solid var(--line);padding:34px 0}.landing-section h2{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(22px,3vw,28px);font-weight:800}.landing-section>p{color:#3c3f58;margin:0 0 12px;font-size:16px}.landing-list{color:#3c3f58;margin:6px 0 0;padding-left:22px;font-size:15.5px}.landing-list li{margin-bottom:6px}.landing .faq{margin-top:6px}.example{margin:16px 0 0}.example .preview-row{margin-top:0}.example figcaption{margin-top:10px;font-size:13.5px}.preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.example .checker img{image-rendering:auto;width:240px;height:240px}.page-prose{padding:44px 20px 70px}.page-prose h1{letter-spacing:-.02em;margin-bottom:8px;font-size:34px;font-weight:800}.page-prose h2{margin:30px 0 8px;font-size:19px}.page-prose p{color:#3c3f58;font-size:15.5px}@media (width<=900px){.tool-grid,.prop-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.tool-grid,.prop-grid,.steps,.preview-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:26px}.header-inner{gap:10px}.site-nav a{padding:6px 7px;font-size:12.5px}.header-cta{display:none}.hero-inner{padding:56px 20px 52px}.section{padding:52px 0}.dropzone{padding:40px 18px}}@media (width<=420px){.header-inner .logo span{display:none}}