.image-converter,.image-editor{--ink:var(--text);--teal:var(--primary);--teal-soft:var(--tint)}.image-tool-page{padding-top:28px;padding-bottom:70px}.image-convert-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.image-input-panel,.image-results,.image-settings{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--surface,#fff);min-width:0}.image-drop{text-align:center;display:grid;gap:12px;justify-items:center;padding:36px 10px;border:1px dashed var(--line);border-radius:12px}.image-drop>b{font-size:22px}.image-drop p,.image-drop small{color:var(--muted)}.image-settings{display:flex;flex-direction:column;gap:15px;align-self:start}.image-settings h2{font-size:20px}.image-settings h3{font-size:14px;margin-top:8px}.image-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.image-field input:not([type=range]):not([type=checkbox]),.image-field select,.image-field textarea{width:100%;min-height:40px;padding:9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--bg);font:inherit}.image-field input[type=color]{max-width:80px}.image-field textarea{resize:vertical}.image-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-check{display:flex;gap:8px;align-items:center;font-size:12px}.image-presets{display:flex;flex-wrap:wrap;gap:6px}.image-queue{margin-top:18px;display:grid;gap:12px}.image-queue-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);min-width:0}.image-queue-item img{width:70px;height:70px;object-fit:contain;background:repeating-conic-gradient(#ccc 0 25%,#eee 0 50%) 0/12px 12px}.image-queue-item>div{flex:1 1;min-width:0;display:grid;gap:5px}.image-queue-item b{font-size:12px;overflow-wrap:anywhere}.image-queue-item small,.image-queue-item span{font-size:10px;color:var(--muted)}.image-results{margin-top:24px}.image-result{display:grid;grid-template-columns:minmax(100px,260px) 1fr;gap:24px;border-top:1px solid var(--line);padding:24px 0;align-items:center}.image-result-preview{background:repeating-conic-gradient(#ccc 0 25%,#eee 0 50%) 0/16px 16px}.image-result img{width:100%;max-height:280px;object-fit:contain}.image-result h3{font-size:16px;overflow-wrap:anywhere}.image-result p{font-size:12px;margin:10px 0}.image-result button{margin:4px 8px 4px 0;max-width:100%;overflow-wrap:anywhere}.image-notice{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:9px;margin:18px 0;font-size:13px}.image-category-groups{padding-top:45px}.image-category-groups>h1{font-size:42px}.image-category-groups>p{margin-top:12px;color:var(--muted)}.image-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.image-section-grid>div{padding:20px;border:1px solid var(--line);border-radius:12px}.image-section-grid h2{font-size:16px;margin-bottom:10px}.image-section-grid a{display:block;padding:6px 0}.image-section-grid a:hover{text-decoration:underline}.category-image{--category-color:#177d73;--category-soft:#e9f6f1}.image-converter button:disabled{opacity:.55;cursor:not-allowed}.image-converter button:focus-visible,.image-converter input:focus-visible,.image-converter select:focus-visible{outline:2px solid var(--teal,#177d73);outline-offset:3px}@media (max-width:800px){.image-convert-grid{grid-template-columns:1fr}.image-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-settings>.button,.image-settings>.helper,.image-settings>.image-presets,.image-settings>.image-two,.image-settings>h2{grid-column:1/-1}.image-section-grid{grid-template-columns:repeat(2,1fr)}.image-input-panel,.image-results,.image-settings{padding:18px}.image-result{grid-template-columns:1fr}.image-result img{max-height:220px}.image-queue-item{flex-wrap:wrap}}@media (max-width:480px){.image-settings{display:flex}.image-section-grid{grid-template-columns:1fr}.image-category-groups>h1{font-size:32px}.image-drop{padding:25px 6px}.image-tool-page{padding-top:14px}.image-result .button{font-size:12px}}.image-input-panel,.image-results,.image-settings{border:1px solid var(--folio-glass-border);border-radius:24px;box-shadow:var(--folio-shadow-card);background:var(--folio-surface)}.image-drop{border-color:var(--folio-line);background:var(--folio-surface-raised);border-radius:18px;padding:32px 18px}.image-drop p,.image-drop small{font-size:12px}.image-field{font-size:13px}.image-field input:not([type=range]):not([type=checkbox]),.image-field select,.image-field textarea{border-radius:10px;min-height:44px;font-size:13px;background:var(--folio-surface-raised)}.image-field small{font-size:11px}.image-presets button{min-height:40px;font-size:12px;border-radius:10px}.image-result{border-radius:17px;background:var(--surface-soft)}.image-section-grid>div{border:1px solid var(--folio-glass-border);border-radius:23px;box-shadow:var(--folio-shadow-card);padding:24px}.image-section-grid a{font-size:13px;min-height:36px;padding:7px 0}.category-image{--category-color:var(--folio-image);--category-soft:var(--folio-image-soft)}@media (max-width:700px){.image-field input:not([type=range]):not([type=checkbox]),.image-field select,.image-field textarea{font-size:16px}.image-section-grid a{min-height:44px}}