:root{color:#161616;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#ff3f3f;--accent-dark:#df2424;--text:#111;--muted:#60646c;--soft:#f7f7f8;--line:#dedfe3;--line-strong:#c9cbd1;--green:#16a34a;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ff3f3f0a,#fff0 310px),#fff;min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}main{min-height:100vh}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;grid-template-columns:auto 1fr;align-items:center;gap:28px;min-height:74px;padding:0 42px;display:grid;position:sticky;top:0}.brand{color:var(--text);letter-spacing:0;white-space:nowrap;align-items:center;gap:12px;font-size:24px;font-weight:800;display:inline-flex}.brand-mark{grid-template-rows:repeat(2,13px);grid-template-columns:repeat(2,13px);gap:3px;display:grid}.brand-mark span{background:linear-gradient(135deg, #ff6a6a, var(--accent));border-radius:3px;display:block}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){opacity:.38}.top-nav{justify-content:flex-end;gap:4px;display:flex}.top-nav button{color:#1f2328;background:0 0;min-height:74px;padding:0 18px;font-size:14px;font-weight:650;position:relative}.top-nav button:after{background:var(--accent);content:"";opacity:0;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:15px;right:15px}.top-nav button:hover,.top-nav button.active{color:var(--accent)}.top-nav button.active:after{opacity:1}.hero{grid-template-columns:minmax(320px,.86fr) minmax(460px,1.14fr);align-items:center;gap:64px;max-width:1410px;margin:0 auto;padding:66px 52px 44px;display:grid}.hero-copy h1{color:#070707;letter-spacing:0;max-width:590px;margin:0;font-size:58px;font-weight:850;line-height:1.03}.hero-copy p{max-width:555px;color:var(--muted);margin:28px 0 0;font-size:20px;line-height:1.42}.trust-row{color:#3d4148;flex-wrap:wrap;gap:28px;margin-top:34px;display:flex}.trust-row span{align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.trust-row svg{color:var(--accent)}.drop-zone{text-align:center;background:#ffffffc7;border:2px dashed #b7bac2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:286px;padding:38px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.drop-zone.dragging{border-color:var(--accent);background:#ff3f3f0f;transform:translateY(-2px)}.drop-zone input{display:none}.drop-zone>svg{color:var(--accent)}.drop-zone h2{margin:18px 0 6px;font-size:22px;line-height:1.2}.drop-zone p{color:var(--muted);margin:0;font-size:14px}.drop-zone button{color:#fff;background:linear-gradient(180deg, #ff5959, var(--accent));border-radius:8px;align-items:center;gap:12px;min-height:56px;margin-top:23px;padding:0 30px;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 16px 28px #ff3f3f47}.drop-zone small{color:#777b84;margin-top:13px;font-size:13px;display:block}.workspace{grid-template-columns:minmax(0,1fr) 410px;gap:34px;max-width:1410px;margin:0 auto;padding:0 52px 44px;display:grid}.tool-directory{min-width:0}.tabs{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(6,1fr);width:min(670px,100%);margin-bottom:24px;padding:0;display:grid;overflow:hidden}.tabs button{color:#24272d;border-right:1px solid var(--line);background:#fff;min-height:39px;font-size:14px;font-weight:700}.tabs button:last-child{border-right:0}.tabs button.selected{color:#fff;background:var(--accent)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-card{text-align:left;color:#1a1d23;border:1px solid var(--line);background:#ffffffdb;border-radius:8px;grid-template-columns:70px 1fr;align-items:center;gap:16px;min-height:124px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 14px 34px #1212120a}.tool-card:hover,.tool-card.selected{border-color:#ff3f3fbf;transform:translateY(-1px);box-shadow:0 18px 40px #ff3f3f1a}.tool-icon{width:58px;height:58px;color:var(--accent);background:#fff2f2;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.tool-copy{flex-direction:column;gap:6px;display:flex}.tool-copy strong{font-size:17px;line-height:1.15}.tool-copy>span{color:var(--muted);font-size:13px;line-height:1.35}.tool-copy small{color:#5d626c;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.tool-copy small span{background:var(--green);border-radius:50%;width:7px;height:7px}.processor-panel{border:1px solid var(--line);background:#fff;border-radius:10px;align-self:start;padding:20px;scroll-margin-top:86px;position:sticky;top:98px;box-shadow:0 18px 44px #12121214}.panel-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.panel-header p{color:var(--muted);text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:800}.panel-header h2{margin:0;font-size:24px;line-height:1.1}.panel-header svg{color:var(--accent)}.preview-box{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.preview-box img,.empty-preview{object-fit:contain;background-color:#f8f8f9;background-image:linear-gradient(45deg,#e9eaee 25%,#0000 25%),linear-gradient(-45deg,#e9eaee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eaee 75%),linear-gradient(-45deg,#0000 75%,#e9eaee 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:7px;width:100%;height:220px}.empty-preview{color:#737781;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.preview-box>div:last-child{flex-direction:column;gap:4px;margin-top:11px;display:flex}.preview-box strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.preview-box span{color:var(--muted);font-size:12px;font-weight:700}.queue{flex-direction:column;gap:8px;margin-top:16px;display:flex}.queue p{color:#22252a;margin:0;font-size:13px;font-weight:800}.queue button{text-align:left;color:#24272d;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;min-height:47px;padding:6px 8px;display:grid}.queue button.selected{border-color:var(--accent)}.queue img{object-fit:cover;border-radius:6px;width:36px;height:34px}.queue span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.queue small{color:var(--muted);font-size:11px;font-weight:700}.settings{flex-direction:column;gap:13px;margin-top:18px;display:flex}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.number-field,.range-field,.text-field,.select-field{flex-direction:column;gap:8px;display:flex}.number-field>span,.range-field>span,.text-field>span,.select-field>span{color:#30343a;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.range-field small{color:var(--accent)}.number-field div{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr auto;align-items:center;display:grid}.number-field input,.text-field input,.select-field select{color:#151515;border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;width:100%;min-height:42px}.number-field input{border:0;padding:0 10px}.number-field small{color:var(--muted);padding:0 11px;font-size:12px;font-weight:800}.text-field input,.select-field select{padding:0 12px}.range-field input{accent-color:var(--accent)}.check-field{color:#383c43;align-items:center;gap:9px;min-height:36px;font-size:13px;font-weight:700;display:flex}.check-field input{width:17px;height:17px;accent-color:var(--accent)}.helper-text{color:#5e636d;border:1px solid var(--line);background:#fafafa;border-radius:8px;margin:0;padding:12px;font-size:13px;line-height:1.45}.panel-actions{grid-template-columns:1fr .78fr;gap:10px;margin-top:18px;display:grid}.primary-action,.secondary-action,.download-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.primary-action{color:#fff;background:var(--accent)}.secondary-action{color:#24272d;border:1px solid var(--line);background:#fff}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.download-action{color:#fff;background:#111;width:100%;margin-top:10px}.batch-downloads{flex-direction:column;gap:8px;margin-top:10px;display:flex}.batch-downloads p{color:#30343a;margin:0;font-size:12px;font-weight:800}.batch-downloads .download-action{justify-content:flex-start;min-height:42px;margin-top:0;padding:0 12px;font-size:12px}.batch-downloads .download-action span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.batch-downloads .download-action small{color:#d8d8d8;margin-left:auto;font-size:11px;font-weight:800}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{min-height:18px;color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.45}.proof-band{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1410px;margin:0 auto;padding:18px 52px 42px;display:grid}.proof-band div{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:34px 1fr;gap:4px 12px;padding:19px;display:grid}.proof-band svg{color:var(--accent);grid-row:span 2}.proof-band strong{font-size:15px}.proof-band span{color:var(--muted);font-size:13px;line-height:1.35}.seo-content{grid-template-columns:minmax(0,.95fr) minmax(260px,.55fr);gap:28px;max-width:1410px;margin:0 auto;padding:10px 52px 54px;display:grid}.seo-content>div:first-child,.seo-content ol,.faq-grid article{border:1px solid var(--line);background:#fff;border-radius:8px}.seo-content>div:first-child{padding:26px}.seo-content h2{color:#111;margin:0 0 11px;font-size:28px;line-height:1.15}.seo-content p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.seo-content ol{color:#292d33;flex-direction:column;justify-content:center;gap:11px;margin:0;padding:24px 24px 24px 43px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.faq-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.faq-grid article{padding:20px}.faq-grid h3{color:#17191d;margin:0 0 8px;font-size:16px;line-height:1.25}.content-page{max-width:980px;min-height:calc(100vh - 160px);margin:0 auto;padding:70px 52px 76px}.content-hero{border-bottom:1px solid var(--line);padding-bottom:34px}.content-hero p{color:var(--accent);text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:850}.content-hero h1{color:#070707;letter-spacing:0;max-width:760px;margin:0;font-size:54px;line-height:1.05}.content-hero span{max-width:720px;color:var(--muted);margin-top:22px;font-size:19px;line-height:1.48;display:block}.content-action{color:#fff;background:var(--accent);border-radius:8px;justify-content:center;align-items:center;min-height:46px;margin-top:26px;padding:0 18px;font-size:14px;font-weight:850;display:inline-flex}.content-sections{flex-direction:column;display:flex}.content-sections article{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);gap:28px;padding:28px 0;display:grid}.content-sections h2{color:#17191d;margin:0;font-size:20px;line-height:1.2}.content-sections p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}footer{color:#5f646d;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;min-height:86px;padding:28px;display:flex}footer span{color:#191b20;font-weight:850}footer a{font-size:13px;font-weight:750}@media (width<=1180px){.site-header{grid-template-columns:1fr}.top-nav{display:none}.hero,.workspace{grid-template-columns:1fr}.processor-panel{position:static}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header{min-height:64px;padding:0 18px}.brand{font-size:20px}.hero{gap:28px;padding:38px 18px 28px}.content-page{min-height:auto;padding:46px 18px 54px}.content-hero h1{font-size:42px;line-height:1.07}.content-hero span{font-size:17px}.content-sections article{grid-template-columns:1fr;gap:10px;padding:24px 0}.hero-copy h1{font-size:42px;line-height:1.07}.hero-copy p{font-size:17px}.trust-row{gap:16px}.drop-zone{min-height:250px;padding:28px 18px}.workspace,.proof-band,.seo-content{padding-left:18px;padding-right:18px}.tabs{width:100%;max-width:100%;display:flex;overflow-x:auto}.tabs button{min-width:116px;padding:0 16px}.tool-grid{grid-template-columns:1fr}.tool-card{grid-template-columns:58px 1fr;min-height:108px;padding:15px}.processor-panel{padding:16px}.field-row,.panel-actions,.proof-band,.seo-content,.faq-grid{grid-template-columns:1fr}.seo-content{gap:16px;padding-bottom:36px}.seo-content>div:first-child{padding:20px}.seo-content h2{font-size:23px}}