.image-helper{color:#243b30;background:#fffefa;border:1px solid #dce1d5;border-radius:18px;padding:clamp(1.1rem,4vw,2.2rem)}.image-helper__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.image-helper__intro h2{color:#173b2c;margin:0 0 .6rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:500;line-height:1.2}.image-helper__intro p{margin:0;line-height:1.6}.image-helper__privacy{color:#345039;background:#edf2e8;border-radius:10px;margin:1.25rem 0 1.8rem;padding:.8rem 1rem;font-size:.9rem;line-height:1.6}.image-helper__fields{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1.5rem;display:grid}.image-helper__field{min-width:0}.image-helper__field label{margin-bottom:.6rem;font-size:.95rem;font-weight:650;display:block}.image-helper__field input,.image-helper__field select{color:#213b2e;width:100%;min-width:0;min-height:48px;font:inherit;background:#fffefa;border:1px solid #aab9a5;border-radius:8px;padding:.7rem .8rem;font-size:1rem;display:block}.image-helper__field input[type=file]{padding:.55rem;font-size:.9rem}.image-helper__field input::file-selector-button{color:#173b2c;cursor:pointer;background:#e8eddf;border:0;border-radius:5px;margin-right:.7rem;padding:.4rem .6rem}.image-helper__help{color:#586459;margin:.6rem 0 0;font-size:.88rem;line-height:1.65}.image-helper__selected{color:#345039;overflow-wrap:anywhere;margin:.75rem 0 0;font-size:.9rem;line-height:1.65}.image-helper__options{border-block:1px solid #dce1d5;margin:1.8rem 0 1.2rem;padding-block:1rem}.image-helper__options summary{color:#245c45;cursor:pointer;min-height:30px;font-weight:650}.image-helper__options[open] .image-helper__fields{margin-top:1.25rem}.image-helper__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.image-helper__button{color:#fffefa;min-height:46px;font:inherit;cursor:pointer;background:#245c45;border:1px solid #245c45;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.05rem;font-size:.94rem;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.image-helper__button:hover{background:#194831}.image-helper__button--secondary{color:#24543d;background:#fffefa;border-color:#bac6b3}.image-helper__button--secondary:hover{background:#edf2e8}.image-helper__button:disabled{opacity:.65;cursor:wait}.image-helper :is(button,a,input,select,summary):focus-visible{outline-offset:4px;outline:3px solid #517854}.image-helper__error:focus-visible{outline-offset:4px;outline:3px solid #517854}.image-helper__result:focus-visible{outline-offset:4px;outline:3px solid #517854}.image-helper__status{color:#586459;margin:.8rem 0 0;font-size:.9rem;line-height:1.6;display:block}.image-helper__status:empty{display:none}.image-helper__error{color:#853e25;background:#fff2e9;border:1px solid #cb9c88;border-radius:8px;margin-top:1.2rem;padding:1rem;line-height:1.65}.image-helper__result{border-top:1px solid #dce1d5;margin-top:2rem;padding-top:1.6rem;scroll-margin-top:6rem}.image-helper__result h3{color:#173b2c;margin:0 0 .5rem;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:500;line-height:1.3}.image-helper__result-summary{margin:0;line-height:1.65}.image-helper__example-label{color:#586459;margin:0 0 .75rem;font-size:.85rem;font-weight:650}.image-helper__previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.4rem 0;display:grid}.image-helper__previews figure{min-width:0;margin:0}.image-helper__preview{background:repeating-conic-gradient(#f3f1e9 0% 25%,#e7e6de 0% 50%) 50%/20px 20px;border:1px solid #dce1d5;border-radius:10px;justify-content:center;align-items:center;height:250px;display:flex;overflow:hidden}.image-helper__preview img{object-fit:contain;width:100%;height:100%;display:block}.image-helper__previews figcaption{flex-direction:column;gap:.3rem;padding-top:.7rem;font-size:.88rem;line-height:1.5;display:flex}.image-helper__previews figcaption span{color:#586459}@media (max-width:640px){.image-helper__fields,.image-helper__previews{grid-template-columns:minmax(0,1fr)}.image-helper__preview{height:220px}}