.image-encode-page :is(.image-encode-facts,.image-encode-cards)>*{grid-column:span 3}.image-encode-page :is(.image-encode-facts,.image-encode-cards)>:nth-child(odd of :not([hidden])):nth-last-child(1 of :not([hidden])){grid-column:1/-1}@media(max-width:599px){.image-encode-page :is(.image-encode-facts,.image-encode-cards)>*{grid-column:1/-1}}.image-encode-main{padding-block:22px 64px}.image-encode-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px;align-items:start}.image-encode-primary{min-width:0}.image-encode-input-panel,.image-encode-section,.image-encode-summary{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.image-encode-input-panel{padding:26px 28px;position:relative;z-index:2;overflow:visible}.image-encode-heading{display:flex;align-items:center;gap:16px}.image-encode-art{display:grid;place-items:center;flex-shrink:0;width:74px;height:74px;border-radius:16px;background:var(--accent-soft)}.image-encode-eyebrow{font-size:14px;font-weight:600;color:#ba293c}.image-encode-heading h1{font-size:22px;line-height:1.7}.image-encode-primary h2{font-size:20px;line-height:1.7;overflow-wrap:anywhere}.image-encode-primary h3{font-size:18px;line-height:1.8}.image-encode-description{margin-top:var(--tool-space-content);font-size:16px;line-height:2;color:var(--muted)}.image-encode-form{margin-top:var(--tool-space-section);display:grid;gap:var(--tool-space-content)}.image-encode-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tool-space-content)}.image-encode-form label,.image-encode-label{display:block;margin-bottom:var(--tool-space-inline);font-size:14px;font-weight:600;color:var(--muted)}.image-encode-primary :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;width:100%;min-height:50px;padding:11px 12px;border:1px solid #d6dde7;border-radius:8px;background:#f8fafc;color:var(--ink);font:inherit;font-size:16px}.image-encode-primary :is(input,select,textarea):focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.image-encode-primary textarea{min-height:140px;resize:vertical}.image-encode-error,.image-encode-notice{margin-top:var(--tool-space-content);padding:16px;border-radius:12px;font-size:14px;line-height:2}.image-encode-error{background:#fff0f2;color:#a51e30;border:1px solid #efcdd3}.image-encode-notice{background:#fff7e5;border:1px solid #efdfb6;color:#755c2c}.image-encode-facts,.image-encode-cards,.image-encode-links{margin-top:var(--tool-space-content)}.image-encode-facts>div,.image-encode-cards>article,.image-encode-links>a{min-width:0;padding:16px;border:1px solid #e1d8f1;background:#f1ecfc;border-radius:12px;line-height:1.95;overflow-wrap:anywhere}.image-encode-facts>div:nth-child(4n+2),.image-encode-cards>article:nth-child(4n+2),.image-encode-links>a:nth-child(4n+2){background:#e9f6f0;border-color:#d2e9df}.image-encode-facts>div:nth-child(4n+3),.image-encode-cards>article:nth-child(4n+3),.image-encode-links>a:nth-child(4n+3){background:#eef4fc;border-color:#dce5ef}.image-encode-facts>div:nth-child(4n),.image-encode-cards>article:nth-child(4n),.image-encode-links>a:nth-child(4n){background:#fff2e7;border-color:#efdfcf}.image-encode-facts dt{font-size:14px;color:var(--muted)}.image-encode-facts dd{margin:0;font-size:20px;font-weight:600;overflow-wrap:anywhere}.image-encode-cards p{margin-top:var(--tool-space-content);line-height:2}.image-encode-links>a{display:flex;align-items:center;justify-content:space-between;gap:var(--tool-space-inline)}.image-encode-actions{margin-top:var(--tool-space-content)}.image-encode-actions :is(button,a){font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer}.image-encode-table-scroll{margin-top:var(--tool-space-content);overflow-x:auto;border:1px solid var(--line);border-radius:12px}.image-encode-table-scroll table{width:100%;border-collapse:collapse;white-space:normal;font-size:14px}.image-encode-table-scroll :is(th,td){padding:12px 16px;text-align:right;border-bottom:1px solid var(--line)}.image-encode-table-scroll thead{background:#e9f6f0}.image-encode-table-scroll tbody tr:nth-child(even){background:#f8fafc}.image-encode-page [hidden]{display:none!important}.image-encode-summary[tabindex="-1"]:focus,.image-encode-section[tabindex="-1"]:focus{outline:0}@media(max-width:1100px){.image-encode-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}@media(max-width:850px){.image-encode-layout{grid-template-columns:1fr}.image-encode-layout>.age-sidebar{position:static;max-height:none}}@media(max-width:599px){.image-encode-main{padding-block:18px 38px}.image-encode-input-panel,.image-encode-section,.image-encode-summary{padding:20px 16px}.image-encode-heading{gap:12px}.image-encode-heading h1,.image-encode-primary h2{font-size:18px}.image-encode-art{width:55px;height:55px}.image-encode-fields{grid-template-columns:1fr}.image-encode-facts>div,.image-encode-cards>article,.image-encode-links>a{padding:12px}}.image-encode-drop{display:grid;justify-items:center;gap:16px;min-height:200px;width:100%;padding:24px;background:#eef4fc;border:2px dashed #a8bfda;border-radius:12px;font:inherit;color:var(--ink);cursor:pointer;text-align:center}.image-encode-drop>span{display:grid;place-items:center;width:52px;height:52px;background:#fff;border-radius:12px;color:#6495c9}.image-encode-drop strong{font-size:18px;line-height:1.9}.image-encode-drop small{font-size:14px;line-height:2}.image-encode-drop.is-dragging{background:#ffe4e8;border-color:var(--accent)}.image-encode-output{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start;margin-top:16px}.image-encode-output figure{margin:0;padding:16px;background:#f2f4f7;border:1px solid var(--line);border-radius:12px;min-height:160px;display:grid;place-items:center}.image-encode-output img{width:auto;max-width:100%;max-height:240px;height:auto;object-fit:contain}.image-encode-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-encode-stat-list>span{display:grid;gap:8px;padding:12px;min-width:0;background:#e9f6f0;border:1px solid #d2e9df;border-radius:12px;font-size:14px;line-height:2;overflow-wrap:anywhere}.image-encode-stat-list>span:nth-child(even){background:#f1ecfc;border-color:#e1d8f1}.image-encode-stat-list>span:last-child{grid-column:1/-1}.image-encode-stat-list strong{font-size:16px}.image-encode-modes{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;margin-top:24px}.image-encode-modes legend{font-size:14px;margin-bottom:12px}.image-encode-modes label{display:flex;align-items:center;gap:8px;padding:12px;background:#f1ecfc;border:1px solid #e1d8f1;border-radius:8px;font-size:14px;cursor:pointer}.image-encode-modes label:has(:checked){background:#ffe4e8;border-color:var(--accent)}.image-encode-primary input[type=radio]{width:18px;height:18px;accent-color:var(--accent)}.image-encode-wrap{margin-top:16px}.image-encode-output-label{display:block;font-size:14px;font-weight:600;margin-block:16px 8px}.image-encode-page #image-encode-text{min-height:240px;font-size:14px;line-height:1.9;word-break:break-all}.image-encode-examples{display:grid;gap:12px;margin-top:16px}.image-encode-examples code{display:block;padding:16px;background:#eef4fc;border-radius:12px;white-space:normal;overflow-wrap:anywhere;font:inherit;font-size:14px}@media(max-width:599px){.image-encode-output{grid-template-columns:1fr;gap:16px}.image-encode-output figure{min-height:140px;padding:12px}.image-encode-output img{max-height:180px}.image-encode-stat-list{gap:8px}.image-encode-drop{padding:20px 16px}}