@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--ui-border)}.border-input{border-color:var(--ui-input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--ui-background)}.bg-card{background-color:var(--ui-card)}.bg-primary{background-color:var(--ui-primary)}.bg-secondary{background-color:var(--ui-secondary)}.bg-transparent{background-color:#0000}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--ui-card-foreground)}.text-foreground{color:var(--ui-foreground)}.text-muted-foreground{color:var(--ui-muted-foreground)}.text-primary{color:var(--ui-primary)}.text-primary-foreground{color:var(--ui-primary-foreground)}.text-secondary-foreground{color:var(--ui-secondary-foreground)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-muted-foreground::placeholder{color:var(--ui-muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--ui-accent)}.hover\:bg-primary\/90:hover{background-color:var(--ui-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--ui-primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--ui-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--ui-secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--ui-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ui-ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ui-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ui-ring) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5ef;--surface:#fff;--surface-muted:#f1eee6;--ink:#17211d;--muted:#5f6a64;--line:#d9d4c8;--green:#1f7a55;--green-dark:#14543b;--amber:#b86512;--red:#b42318;--blue:#2366a8;--shadow:0 16px 36px #211f1b14;--ui-background:#f7f5ef;--ui-foreground:#17211d;--ui-card:#fff;--ui-card-foreground:#17211d;--ui-primary:#1f7a55;--ui-primary-foreground:#fff;--ui-secondary:#edf5f1;--ui-secondary-foreground:#14543b;--ui-muted:#f1eee6;--ui-muted-foreground:#5f6a64;--ui-accent:#e7f2ec;--ui-accent-foreground:#14543b;--ui-border:#d9d4c8;--ui-input:#cfc9bd;--ui-ring:#1f7a55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{min-height:100vh}.container{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5eff0;border-bottom:1px solid #17211d14;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand-mark{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--green);border-radius:8px;place-items:center;display:grid}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:9px 10px;font-size:14px}.nav a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.header-actions{align-items:center;gap:14px;display:flex}.header-cta{color:#fff;border-radius:8px;min-height:36px;font-weight:750;box-shadow:0 6px 16px #14543b21}.header-cta:hover{color:#fff}.hero{padding:44px 0 22px}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:start;gap:32px;display:grid}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:700}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.08}h1{letter-spacing:-.035em;max-width:920px;margin-top:12px;font-size:clamp(36px,5vw,56px)}h2{font-size:30px}h3{font-size:19px}.lead{max-width:680px;color:var(--muted);margin:18px 0 0;font-size:18px}.trust-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.trust-pill{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffffb8;border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:14px;display:inline-flex}.section{padding:30px 0}.section-head{max-width:720px;margin-bottom:20px}.section-head p{color:var(--muted);margin:10px 0 0}.tool-panel,.info-panel,.result-panel,.preview-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.tool-panel{padding:18px}.upload-zone{text-align:center;background:#fbfaf7;border:1.5px dashed #b7b0a2;border-radius:8px;place-items:center;min-height:260px;padding:22px;transition:border-color .15s,background .15s;display:grid}.upload-zone.dragging{border-color:var(--green);background:#eef8f2}.upload-zone input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{width:48px;height:48px;color:var(--green);background:#e6f2ec;border-radius:8px;place-items:center;margin:0 auto 12px;display:grid}.upload-title{font-weight:750;display:block}.upload-copy{max-width:360px;color:var(--muted);margin:6px auto 0;font-size:14px;display:block}.button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 13px;font-weight:700;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.secondary:hover{background:var(--surface-muted)}.button:disabled{cursor:not-allowed;opacity:.55}.tool-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);align-items:start;gap:18px;display:grid}.image-preview{gap:12px;margin-top:16px;display:grid}.preview-frame{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:260px;display:grid;overflow:hidden}.preview-frame img{object-fit:contain;max-width:100%;max-height:380px;display:block}.metadata-grid,.check-list,.tool-card-grid,.faq-grid,.metric-grid,.guide-grid{gap:12px;display:grid}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-item,.check-item,.tool-card,.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:8px}.meta-item{padding:12px}.meta-label{color:var(--muted);font-size:12px}.meta-value{margin-top:3px;font-weight:750}.result-panel{padding:18px}.status{border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:7px 10px;font-weight:750;display:inline-flex}.status.good{color:var(--green-dark);background:#e6f2ec}.status.warn{color:var(--amber);background:#fff4df}.status.risk{color:var(--red);background:#fff0ed}.check-list{margin-top:16px}.check-item{grid-template-columns:auto 1fr;gap:10px;padding:12px;display:grid}.check-item p{color:var(--muted);margin:3px 0 0;font-size:14px}.check-icon.pass{color:var(--green)}.check-icon.warning{color:var(--amber)}.check-icon.risk{color:var(--red)}.disclaimer{border-left:3px solid var(--amber);color:#75502a;background:#fff9ed;margin-top:14px;padding:12px;font-size:14px}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{gap:12px;padding:18px;display:grid}.guide-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:18px;display:grid}.guide-card p{color:var(--muted);margin:0}.comparison-table{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.comparison-row{border-top:1px solid var(--line);grid-template-columns:.8fr 1fr 1fr;display:grid}.comparison-row:first-child{border-top:0}.comparison-row.header{background:var(--surface-muted);color:var(--ink);font-weight:750}.comparison-row>div{border-left:1px solid var(--line);padding:12px}.comparison-row>div:first-child{border-left:0;font-weight:700}.code-sample{border:1px solid var(--line);color:var(--ink);white-space:pre;background:#fbfaf7;border-radius:8px;margin:12px 0 0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;overflow-x:auto}.card-kicker{border:1px solid var(--line);background:var(--surface-muted);width:fit-content;color:var(--muted);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}.tool-card p,.faq-item p,.info-panel p{color:var(--muted);margin:0}.tool-card a{color:var(--green);font-weight:750}.inline-tool-link{color:var(--green);margin-top:14px;font-weight:750;display:inline-flex}.info-panel{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:18px 0}.info-panel h2{font-size:23px}.api-interest-section{padding-top:0}.api-interest-callout{justify-content:space-between;align-items:center;gap:24px;display:flex}.api-interest-callout h2{margin-top:8px}.api-interest-callout p{max-width:720px;margin-top:8px}.api-interest-callout .button{flex:none}.api-interest-form{gap:16px;display:grid}.form-note,.api-interest-note{color:var(--muted);font-size:13px}.form-note{margin:0}.api-interest-note{margin-top:16px!important}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.step-list{color:var(--muted);gap:10px;margin:0;padding-left:22px;display:grid}.step-list li{padding-left:4px}.workflow-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.workflow-strip li{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px;display:grid}.workflow-strip li+li{border-left:1px solid var(--line)}.workflow-strip li>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.workflow-strip p{color:var(--muted);margin:5px 0 0;font-size:13px}.faq-grid{border-top:1px solid var(--line);grid-template-columns:1fr}.faq-item{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:0}.faq-item p{max-width:780px;margin:0;padding:0 42px 16px 0}.faq-item summary{cursor:pointer;padding:16px 42px 16px 0;font-size:17px;font-weight:750;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--green-dark);font-size:21px;font-weight:500;position:absolute;top:14px;right:6px}.faq-item[open] summary:after{content:"−"}.crop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.crop-preview{gap:8px;display:grid}.crop-box{border:1px solid var(--line);background:#fff;border-radius:8px;position:relative;overflow:hidden}.crop-box.square{aspect-ratio:1}.crop-box.ratio-4-3{aspect-ratio:4/3}.crop-box.ratio-5-4{aspect-ratio:5/4}.crop-box img{object-fit:cover;object-position:center;width:100%;height:100%}.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.batch-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.batch-card h3{overflow-wrap:anywhere;font-size:16px}.batch-card p{color:var(--muted);margin:4px 0 0;font-size:14px}.batch-thumb{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:110px;display:grid;overflow:hidden}.batch-thumb img{object-fit:contain;width:100%;height:100%}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--ink);border-radius:8px;padding:8px 10px}.quality-control{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;margin-top:16px;padding:12px;display:grid}.quality-control label,.quality-label{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.quality-control input[type=range]{min-height:24px;accent-color:var(--accent);padding:0}.quality-control p,.size-change{color:var(--muted);margin:0;font-size:13px}.size-change.good{color:var(--good);font-weight:700}.field textarea{resize:vertical;min-height:300px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.subtitle-tool-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:start;gap:18px;margin-top:22px;display:grid}.subtitle-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.subtitle-field{margin-top:0}.output-field{margin-top:16px}.hidden-file-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.bulk-file-hero{padding-bottom:18px}.bulk-file-workspace{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:start;gap:0;margin-top:24px;display:grid;overflow:hidden}.bulk-file-workspace>.tool-panel,.bulk-file-workspace>.result-panel{box-shadow:none;border:0;border-radius:0}.bulk-file-upload{cursor:pointer;width:100%}.bulk-file-source,.bulk-file-result-heading,.bulk-file-progress>div,.bulk-file-summary>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-file-source strong,.bulk-file-source span{display:block}.bulk-file-source span,.bulk-file-result-heading p{color:var(--muted);margin:3px 0 0;font-size:13px}.bulk-file-mapping{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.bulk-file-result{position:sticky;top:82px;border-left:1px solid var(--line)!important}.bulk-file-result-heading{justify-content:flex-start}.bulk-file-result-heading h2{font-size:21px}.bulk-file-path-list{border:1px solid var(--line);max-height:280px;color:var(--muted);overflow-wrap:anywhere;background:#fbfaf7;border-radius:8px;gap:7px;margin:16px 0 0;padding:13px 13px 13px 34px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:grid;overflow:auto}.bulk-file-primary{width:100%;margin-top:16px}.bulk-file-progress{gap:8px;margin-top:16px;display:grid}.bulk-file-progress span{color:var(--muted);font-size:13px}.bulk-file-progress progress{width:100%;height:10px;accent-color:var(--green)}.bulk-file-summary{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;gap:9px;margin-top:16px;padding:13px;display:grid}.bulk-file-summary>div{color:var(--green-dark);justify-content:flex-start}.bulk-file-summary>div.has-failures{color:var(--red)}.bulk-file-privacy{margin-top:16px}.csv-options{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);align-items:end;gap:12px;margin-top:14px;display:grid}.check-control{min-height:40px;color:var(--muted);align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.check-control input{width:17px;height:17px;accent-color:var(--green);margin:0}.csv-metadata{margin-top:16px}.csv-preview-wrap{border:1px solid var(--line);border-radius:8px;max-height:390px;margin-top:14px;overflow:auto}.csv-preview-table{border-collapse:collapse;background:var(--surface);white-space:nowrap;width:100%;font-size:13px}.csv-preview-table caption{background:var(--surface-muted);color:var(--muted);text-align:left;padding:10px;font-weight:700}.csv-preview-table th,.csv-preview-table td{border-top:1px solid var(--line);border-left:1px solid var(--line);text-align:left;text-overflow:ellipsis;max-width:240px;padding:9px 10px;overflow:hidden}.csv-preview-table th:first-child,.csv-preview-table td:first-child{border-left:0}.csv-preview-table th{color:var(--ink);background:#fbfaf7}.csv-empty-preview{border:1px dashed var(--line);min-height:220px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;margin-top:16px;padding:22px;display:grid}.download-option{margin-top:14px}.shift-control-panel{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;gap:10px;margin-top:14px;padding:14px;display:grid}.shift-control-panel p,.shift-preview p{color:var(--muted);margin:0;font-size:13px}.quick-shift-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.quick-shift-row .button{min-width:0;padding-inline:8px}.shift-preview{gap:10px;margin-top:16px;display:grid}.timestamp-value{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.tool-cluster-link{justify-content:space-between;align-items:center;gap:18px;display:flex}.tool-cluster-link p{margin-top:8px}.tool-cluster-link .button{flex:none}.info-panel.tool-cluster-link{border:1px solid var(--line);background:#f1eee6;border-radius:10px;padding:20px}.related-guide-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.related-guide-link{color:var(--green-dark);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:18px 16px;display:grid}.related-guide-link+.related-guide-link{border-left:1px solid var(--line)}.related-guide-link>svg:first-child{margin-top:2px}.related-guide-link strong,.related-guide-link small{display:block}.related-guide-link small{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.4}.guide-page .hero .container,.article-container{width:min(820px,100% - 32px);margin-left:auto;margin-right:auto}.guide-page .hero{border-bottom:1px solid var(--line);padding-bottom:30px}.article-section{border-bottom:1px solid var(--line);padding:30px 0}.article-section h2{font-size:27px}.article-section h3{margin-top:24px}.article-section p{max-width:740px;color:var(--muted);margin:10px 0 0}.article-section .step-list,.article-section .code-sample{margin-top:16px}.tool-cluster-actions{justify-content:flex-end;margin-top:0}.duplicate-header-control{margin-top:14px}.duplicate-options{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.duplicate-options>.button{justify-self:start}.duplicate-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.duplicate-metrics .meta-item{min-width:0}.pdf-workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:start;gap:18px;margin-top:22px;display:grid}.pdf-upload-zone{min-height:190px}.pdf-list-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:20px;display:flex}.pdf-list-head h2{font-size:21px}.pdf-list-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.pdf-list-actions{flex:none;margin-top:0}.pdf-file-list{gap:10px;margin-top:14px;display:grid}.pdf-file-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto 32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px;display:grid}.pdf-file-row.dragging{border-color:var(--green);opacity:.65}.pdf-drag-handle{color:var(--muted);cursor:grab}.pdf-order-number{background:var(--surface-muted);border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:750;display:grid}.pdf-file-copy{min-width:0}.pdf-file-copy h3{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.pdf-file-copy p{color:var(--muted);margin:2px 0 0;font-size:13px}.pdf-row-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-muted)}.icon-button.danger{color:var(--red)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.pdf-workspace-result{position:sticky;top:82px}.pdf-result-metrics{margin-top:16px}.pdf-source-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:12px;display:grid}.pdf-source-row>svg{color:var(--green)}.pdf-source-row h2{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.pdf-source-row p{color:var(--muted);margin:2px 0 0;font-size:13px}.pdf-mode-section{margin-top:18px}.field-label{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:700}.segmented-control{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-weight:700}.segmented-control button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #211f1b1f}.pdf-page-selection{margin-top:16px}.pdf-page-selection p{color:var(--muted);margin:0;font-size:13px}.pdf-mode-note{margin-top:16px}.pdf-result-summary{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;margin-top:16px;padding:14px}.pdf-result-summary h2{font-size:18px}.pdf-result-summary p{color:var(--muted);margin:5px 0 0;font-size:14px}.pdf-output-name{margin-top:16px}.pdf-primary-actions{display:grid}.pdf-primary-actions .button{width:100%}.disclaimer.error{border-left-color:var(--red);color:var(--red);background:#fff0ed}.title-field{margin-top:14px}.youtube-preview-grid{grid-template-columns:minmax(260px,.86fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.youtube-device{gap:10px;padding:16px;display:grid}.youtube-device p{color:var(--muted);margin:0;font-size:14px}.youtube-thumb{aspect-ratio:16/9;border:1px solid var(--line);width:100%;color:var(--muted);background:#ebe7dc;border-radius:8px;place-items:center;font-size:14px;display:grid;position:relative;overflow:hidden}.youtube-thumb.compact{flex:0 0 190px;width:190px}.youtube-thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{text-align:center;padding:12px}.timestamp-zone{color:#fff;background:#000000d1;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:700;position:absolute;bottom:7px;right:7px}.progress-zone{background:#b423183d;border-top:1px solid #ffffffb8;height:8%;position:absolute;bottom:0;left:0;right:0}.youtube-row{align-items:flex-start;gap:12px;display:flex}.compact-row .youtube-thumb{flex-basis:150px;width:150px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:30px 0;font-size:14px}.footer-brand-copy{gap:4px;max-width:430px;display:grid}.footer-brand-copy strong{color:var(--ink)}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a:hover{color:var(--ink)}@media (max-width:900px){.hero-grid,.tool-grid,.subtitle-tool-grid,.pdf-workspace-grid,.bulk-file-workspace,.two-col,.tool-card-grid,.tool-card-grid.two,.guide-grid,.guide-grid.three,.batch-grid,.crop-grid,.youtube-preview-grid,.related-guide-list,.workflow-strip{grid-template-columns:1fr}.workflow-strip li+li,.related-guide-link+.related-guide-link{border-top:1px solid var(--line);border-left:0}.comparison-row{grid-template-columns:1fr}.comparison-row>div{border-left:0;border-top:1px solid var(--line)}.comparison-row>div:first-child{border-top:0}.controls,.bulk-file-mapping,.csv-options,.faq-grid{grid-template-columns:1fr}.nav{display:none}.api-interest-callout{display:grid}.api-interest-callout .button{justify-self:start}}@media (max-width:560px){.container{width:min(100% - 22px,1120px)}.hero{padding-top:34px}.header-inner{min-height:60px}.header-cta{padding-inline:10px}h1{font-size:36px}h2{font-size:25px}.metadata-grid{grid-template-columns:1fr}.tool-panel,.result-panel,.info-panel{padding:14px}.quick-shift-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-list-head{align-items:start;display:grid}.pdf-list-actions{justify-content:flex-start}.pdf-file-row{grid-template-columns:auto 32px minmax(0,1fr)}.pdf-row-actions{grid-column:2/-1}.pdf-workspace-result{position:static}.bulk-file-result{position:static;border-top:1px solid var(--line)!important;border-left:0!important}.bulk-file-source{flex-direction:column;align-items:flex-start}.bulk-file-source .button{width:100%}.bulk-file-primary{padding-inline:10px;font-size:13px}.pdf-source-row{grid-template-columns:auto minmax(0,1fr)}.pdf-source-row .button{grid-column:1/-1;justify-self:start}.tool-cluster-link{display:grid}.tool-cluster-actions{justify-content:flex-start}.youtube-row{display:grid}.batch-card{grid-template-columns:1fr}.batch-thumb{width:100%}.youtube-thumb.compact,.compact-row .youtube-thumb{flex-basis:auto;width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}