:root{--bg: #f4f6fb;--panel: #ffffff;--border: #dde2ec;--text: #1b2340;--muted: #6b7280;--accent: #233c7e;--accent-hover: #16295c;--error: #dc2626;--ok: #15803d;--iog-blue: #0076be;--iog-green: #3eb049;--iog-yellow: #fadf06;--iog-red: #d22030;--input-border: #bcd4e8}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);padding:24px 16px 64px}.wrap{max-width:480px;margin:0 auto}.brand{text-align:center;margin:0 0 24px}.brand .logo{max-width:260px;width:65%;height:auto}.brand .sub{color:var(--muted);font-size:.9rem;margin:10px 0 0}fieldset{border:1px solid var(--border);border-radius:10px;padding:16px;margin:0 0 16px;background:var(--panel)}legend{padding:0 6px;color:var(--accent);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}label{display:block;font-size:.85rem;color:var(--muted);margin:12px 0 4px}label:first-of-type{margin-top:0}input[type=text],input[type=number],input[type=password],select{width:100%;padding:10px 12px;background:#fff;border:1.5px solid var(--input-border);color:var(--text);border-radius:8px;font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--iog-blue);box-shadow:0 0 0 3px #0076be29}.row{display:flex;gap:10px}.row>div{flex:1}.imgbuttons{display:flex;gap:10px;margin-top:4px}.imgbuttons .filebtn{flex:1;text-align:center;padding:12px;background:var(--bg);border:1.5px dashed var(--input-border);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text);margin:0;display:block}.imgbuttons .filebtn:hover{border-color:var(--iog-blue);color:var(--iog-blue)}.previewWrap{text-align:center}.preview{margin-top:12px;max-width:100%;max-height:320px;border-radius:8px;border:1px solid var(--border)}.fileName{display:block;margin-top:6px;font-size:.75rem;color:var(--muted);word-break:break-all}.clearImage{display:inline-block;margin-top:8px;background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}button.submit{width:100%;padding:14px;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}button.submit:hover{background:var(--accent-hover)}button.submit:disabled{background:#c4cadb;color:#8791a8;cursor:not-allowed}.status{margin-top:14px;font-size:.9rem;text-align:center;min-height:1.2em}.status.error{color:var(--error)}.status.ok{color:var(--ok)}.result{margin-top:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.result h2{margin:0 0 14px;font-size:1rem;color:var(--accent)}.resultError{color:var(--error);font-size:.9rem;margin:0 0 10px}.sizeHero{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px;margin:0 0 16px;border-radius:10px;background:var(--accent);text-align:center}.sizeHeroLabel{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf}.sizeHeroValue{font-size:2.4rem;font-weight:700;line-height:1.1;color:#fff}.recImage{display:block;max-width:100%;max-height:200px;margin:0 auto 16px;border-radius:8px;border:1px solid var(--border);background:#fff;object-fit:contain}.stat{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:.92rem}.stat:last-child{border-bottom:none}.stat span:first-child{color:var(--muted)}.rawDump{margin-top:16px;font-size:.85rem;color:var(--muted)}.rawDump summary{cursor:pointer;-webkit-user-select:none;user-select:none}.rawDump pre{margin:8px 0 0;padding:10px;background:var(--bg, rgba(0, 0, 0, .2));border:1px solid var(--border);border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.buyLink{display:block;text-align:center;margin-top:16px;padding:12px;border-radius:8px;background:var(--iog-blue);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none}.buyLink:hover{background:#005e97}.siteFooter{margin-top:40px;text-align:center}.poweredBy{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:var(--muted);font-size:.85rem}.poweredBy strong{color:var(--text)}.iogLogoWrap{display:inline-flex;align-items:center;justify-content:center;width:112px;height:112px;border-radius:50%;background:var(--text)}.iogLogo{height:80px;width:80px;object-fit:contain}