.image-tabs{display:flex;gap:12px;margin:0 0 20px;flex-wrap:wrap}.image-tabs a{padding:12px 20px;border:1px solid var(--line);border-radius:24px;text-decoration:none;font-size:14px}.image-tabs a[aria-current=page]{background:var(--ink);color:white}.image-workspace{align-items:stretch}.image-workspace .controls label{display:block;margin:18px 0 8px;font-size:13px;font-weight:700}.image-workspace .controls label:first-child{margin-top:0}.image-workspace input:not([type=checkbox]),.image-workspace select{width:100%;min-width:0;padding:12px;border:1px solid #becac2;border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:14px}.image-workspace input[type=file]{font-size:12px;padding:12px 6px}.image-workspace input:focus-visible,.image-workspace select:focus-visible{outline:3px solid #608416;outline-offset:2px}.size-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-workspace .controls .check{display:flex;align-items:center;gap:9px;font-weight:400;line-height:1.5}.check input{width:18px;height:18px;flex-shrink:0}.image-workspace .primary{margin-top:25px}.image-workspace button:disabled{opacity:.45;cursor:not-allowed}.image-preview-panel{padding:28px;background:#edf0e9;min-width:0}.image-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;max-height:780px;overflow:auto;padding:5px}.image-preview figure{margin:0;min-width:0}.image-preview canvas{width:100%;height:auto;display:block;box-shadow:0 3px 12px #183b3618}.image-preview figcaption{font-size:11px;text-align:center;color:var(--muted);padding:10px}.empty-image{grid-column:1/-1;text-align:center;padding:90px 10px;line-height:1.8;color:var(--muted)}.empty-image span{font-size:50px;color:#7d9483}.empty-image h2{font-size:24px;font-weight:400;color:var(--ink)}#filename{overflow-wrap:anywhere}#error{color:#ad3023;line-height:1.5;font-size:14px}#error:empty{display:none}#result{font-weight:600;line-height:1.6}.header{height:auto;min-height:94px;gap:20px;padding:20px 0}.header nav{flex-wrap:wrap;gap:15px}.tool-links{display:flex;gap:16px;flex-wrap:wrap;padding:16px 0;font-size:14px}@media(max-width:760px){.image-workspace{grid-template-columns:1fr}.image-preview-panel{padding:20px}.header{align-items:flex-start;flex-direction:column}.image-preview{max-height:600px}.image-tabs a{padding:10px 13px}.image-workspace .controls{border-right:0;border-bottom:1px solid var(--line)}}