.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{flex-direction:column;gap:1.25rem;display:flex}.tool__actions{flex-wrap:wrap;gap:.75rem;display:flex}.tool__error{color:#dc2626;margin:0;font-size:.875rem}.preview__filename{word-break:break-all;margin:0 0 .75rem;font-weight:600}.preview__image{object-fit:contain;border-radius:var(--hf-radius);background:var(--hf-surface);border:1px solid var(--hf-border);width:100%;max-height:360px}.preview__placeholder{border-radius:var(--hf-radius);background:var(--hf-surface);border:1px solid var(--hf-border);width:100%;min-height:200px}.controls{border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-surface);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.controls__field{flex-direction:column;gap:.375rem;font-size:.875rem;display:flex}.controls__field span{font-weight:500}.controls__field input[type=text],.controls__field select{font:inherit;border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-bg);color:var(--hf-text);padding:.5rem .75rem}.controls__field input[type=range]{width:100%}.controls__colors{border:none;margin:0;padding:0}.controls__colors legend{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.controls__color-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.controls__color-btn{font:inherit;border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-bg);color:var(--hf-text);cursor:pointer;padding:.375rem .75rem;font-size:.8125rem}.controls__color-btn--active{border-color:var(--hf-text);font-weight:600}.controls__color-row input[type=color]{border:1px solid var(--hf-border);border-radius:var(--hf-radius);cursor:pointer;background:0 0;width:2.25rem;height:2.25rem;padding:0}.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}