.dropzone{border:2px dashed var(--hf-border);border-radius:var(--hf-radius);text-align:center;cursor:pointer;background:var(--hf-surface);padding:3rem 1.5rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--active{border-color:var(--hf-text);background:var(--hf-row-hover)}.dropzone__title{margin:0 0 .5rem;font-weight:600}.dropzone__hint{color:var(--hf-muted);margin:0;font-size:.875rem}.tool__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.tool__error{color:#dc2626;margin:1rem 0 0;font-size:.875rem}.preview{gap:1.25rem;display:grid}.preview__image{object-fit:contain;border-radius:var(--hf-radius);background:var(--hf-surface);border:1px solid var(--hf-border);width:100%;max-height:280px}.preview__filename{word-break:break-all;margin:0 0 .75rem;font-weight:600}.preview__empty{color:var(--hf-muted);margin:0;font-size:.875rem}.preview__list{margin:0}.preview__row{border-bottom:1px solid var(--hf-border);grid-template-columns:7rem 1fr;gap:.75rem;padding:.5rem 0;font-size:.875rem;display:grid}.preview__row dt{color:var(--hf-muted);margin:0}.preview__row dd{word-break:break-word;margin:0}@media (width>=640px){.preview{grid-template-columns:200px 1fr;align-items:start}.preview__image{max-height:200px}}.howto{border-top:1px solid var(--hf-border);margin-top:3rem;padding-top:2.5rem}.howto__title{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600}.howto__steps{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.howto__step{border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-surface);gap:1rem;padding:1rem 1.25rem;display:flex}.howto__step-num{background:var(--hf-text);width:1.75rem;height:1.75rem;color:var(--hf-bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.howto__step h3{margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.howto__step p{color:var(--hf-muted);margin:0;font-size:.875rem;line-height:1.5}.howto__faq{margin-top:2rem}.howto__faq-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600}.howto__faq-list{margin:0}.howto__faq-item{border-bottom:1px solid var(--hf-border);padding:1rem 0}.howto__faq-item:first-child{padding-top:0}.howto__faq-item dt{margin:0 0 .375rem;font-size:.9375rem;font-weight:600}.howto__faq-item dd{color:var(--hf-muted);margin:0;font-size:.875rem;line-height:1.55}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--hf-bg:#fff;--hf-surface:#f7f7f7;--hf-border:#e5e5e5;--hf-text:#0a0a0a;--hf-muted:#737373;--hf-accent:#0a0a0a;--hf-accent-hover:#262626;--hf-row-hover:#f0f0f0;--hf-radius:16px;--hf-font:"DM Sans", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--hf-font);background:var(--hf-bg);color:var(--hf-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}