.jin-image-tool,.jin-image-tool *{box-sizing:border-box}.jin-image-tool{--accent:#6952e8;--accent-dark:#4f3bc5;--ink:#20243a;--muted:#697089;--line:#e2e5ef;--soft:#f6f6fb;width:min(100%,72rem);margin:.75rem auto;font-size:.875rem;line-height:1.55;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 1rem 3rem rgb(36 31 80/10%);overflow:hidden}.jin-image-tool button,.jin-image-tool input,.jin-image-tool select{font:inherit}.jin-image-tool .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jin-image-tool__header{display:grid;grid-template-columns:minmax(5rem,8rem) 1fr;min-height:4.5rem;border-bottom:1px solid var(--line)}.jin-image-tool__header h1,.jin-image-tool__logo{display:flex;align-items:center;justify-content:center;margin:0;padding:.6rem 1rem}.jin-image-tool__header h1{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.3;text-align:center}.jin-image-tool__logo{border-right:1px solid var(--line);background:linear-gradient(145deg,#f0edff,#f7f8ff)}.jin-image-tool__logo-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;font-size:1rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#7967ef,#5040bf);border-radius:.8rem;box-shadow:0 .35rem .8rem rgb(79 59 197/22%)}.jin-image-tool__logo-image{display:block;max-width:100%;max-height:3rem;object-fit:contain}.jin-image-tool__account{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:center;justify-content:center;padding:.45rem .75rem;font-size:.78rem;border-bottom:1px solid var(--line)}.jin-image-tool__plan,.jin-image-tool__limit{padding:.12rem .48rem;border-radius:999px}.jin-image-tool__plan{color:#4430a8;background:#eeeaff}.jin-image-tool__plan--pro{color:#714900;background:#ffefbf}.jin-image-tool__plan--beta{color:#fff;background:#6949c9}.jin-image-tool__limit{color:#294d67;background:#eaf5fb}.jin-image-tool__privacy{display:flex;gap:.55rem;align-items:flex-start;padding:.55rem .85rem;font-size:.76rem;color:#514311;background:#fffbed;border-bottom:1px solid #efe1a5}.jin-image-tool__privacy p,.jin-image-tool__intro p{margin:0}.jin-image-tool__intro{padding:.65rem .9rem;font-size:.8rem;background:var(--soft);border-bottom:1px solid var(--line)}.jin-image-tool__intro h2{margin:0 0 .25rem;font-size:.95rem}.jin-image-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:.7rem clamp(.8rem,4vw,3rem);list-style:none;background:#fff;border-bottom:1px solid var(--line)}.jin-image-steps li{position:relative;display:flex;gap:.35rem;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;color:#8a8fa2}.jin-image-steps li:not(:last-child):after{position:absolute;right:-.8rem;width:1.6rem;height:1px;content:"";background:var(--line)}.jin-image-steps span{display:grid;place-items:center;width:1.45rem;height:1.45rem;font-size:.7rem;border:1px solid #bbc0d2;border-radius:50%}.jin-image-steps .is-current{color:var(--accent-dark)}.jin-image-steps .is-current span{color:#fff;background:var(--accent);border-color:var(--accent)}.jin-image-steps .is-complete{color:#34725b}.jin-image-steps .is-complete span{color:#fff;background:#3b8b6c;border-color:#3b8b6c}.jin-image-workspace{padding:clamp(.8rem,2.6vw,1.6rem);background:#fbfbfe}.jin-image-panel,.jin-image-results{width:min(100%,58rem);margin-inline:auto}.jin-image-tool--unavailable{padding:1rem;border-color:#d7a9ad}.jin-image-tool--unavailable h2{margin:0 0 .35rem;font-size:1rem}.jin-image-tool--unavailable p{margin:0}.jin-image-panel[hidden]{display:none}.jin-image-panel h2{margin:0 0 .65rem;font-size:1rem}.jin-image-drop{padding:clamp(1.2rem,4vw,2.4rem) 1rem;text-align:center;background:linear-gradient(145deg,#fff,#f4f2ff);border:2px dashed #aca3e8;border-radius:.9rem;cursor:pointer;transition:.15s ease}.jin-image-drop:hover,.jin-image-drop.is-dragging{background:#eeeaff;border-color:var(--accent);transform:translateY(-1px)}.jin-image-drop h2{margin:.2rem 0}.jin-image-drop p{margin:0 0 .7rem;color:var(--muted)}.jin-image-drop__icon{display:block;font-size:2rem}.jin-image-button{display:inline-flex;min-height:2.45rem;padding:.5rem .85rem;align-items:center;justify-content:center;font-weight:700;color:var(--ink);text-decoration:none;background:#fff;border:1px solid #b9bfd2;border-radius:.55rem;cursor:pointer}.jin-image-button:hover{background:#f5f5fa}.jin-image-button--primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 .35rem .8rem rgb(86 65 204/18%)}.jin-image-button--primary:hover{background:var(--accent-dark)}.jin-image-button--danger{color:#9a2929;border-color:#d9a1a1}.jin-image-button:disabled{color:#999;background:#eee;border-color:#ddd;box-shadow:none;cursor:not-allowed}.jin-image-button input{position:absolute;width:1px;height:1px;opacity:0}.jin-image-selected{margin-top:.7rem}.jin-image-empty{margin:0;padding:.7rem;color:var(--muted);text-align:center}.jin-image-selected__item{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.55rem .7rem;background:#fff;border:1px solid var(--line);border-radius:.55rem}.jin-image-selected__item+.jin-image-selected__item{margin-top:.35rem}.jin-image-selected__item strong,.jin-image-selected__item small{display:block;overflow-wrap:anywhere}.jin-image-selected__item small{color:var(--muted)}.jin-image-selected__total{margin:.45rem 0 0;font-weight:700;text-align:right}.jin-image-selected__controls{display:flex;gap:.25rem;align-items:center}.jin-image-move,.jin-image-remove{color:#a12d3b;background:0 0;border:0;cursor:pointer}.jin-image-move{color:#4f5570}.jin-image-move:disabled{color:#bbb;cursor:not-allowed}.jin-image-actions{display:flex;gap:.55rem;justify-content:flex-end;margin-top:.8rem}.jin-image-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.jin-image-modes label{position:relative;cursor:pointer}.jin-image-modes input{position:absolute;top:.7rem;left:.7rem}.jin-image-modes label>span{display:flex;min-height:6.1rem;padding:.75rem .65rem .65rem 2rem;flex-direction:column;justify-content:center;background:#fff;border:2px solid var(--line);border-radius:.7rem}.jin-image-modes input:checked+span{background:#f3f0ff;border-color:var(--accent)}.jin-image-modes strong,.jin-image-modes small{display:block}.jin-image-modes small{margin-top:.15rem;color:var(--muted)}.jin-image-modes em{position:absolute;top:-.35rem;right:.55rem;padding:.08rem .45rem;font-size:.68rem;font-style:normal;color:#fff;background:var(--accent);border-radius:999px}.jin-image-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.jin-image-settings-grid label{font-weight:700}.jin-image-settings-grid select,.jin-image-settings-grid input{width:100%;min-height:2.5rem;margin-top:.25rem;padding:.4rem .55rem;color:inherit;background:#fff;border:1px solid #aeb5c8;border-radius:.45rem}.jin-image-note{margin:.65rem 0 0;padding:.55rem .7rem;color:#514311;background:#fff9df;border-radius:.5rem}.jin-image-confirm{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.jin-image-confirm p{display:flex;margin:0;padding:.7rem;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:.6rem}.jin-image-confirm span{color:var(--muted)}.jin-image-confirm-check{display:flex;gap:.45rem;align-items:flex-start;margin-top:.8rem;padding:.7rem;background:#fffbed;border:1px solid #eadb99;border-radius:.55rem}.jin-image-confirm-check input{margin-top:.2rem}.jin-image-panel progress{width:100%;height:.85rem;accent-color:var(--accent)}.jin-image-results{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.jin-image-results__heading{display:flex;gap:1rem;align-items:end;justify-content:space-between}.jin-image-results__heading h2{margin:0;font-size:1.05rem}.jin-image-results__heading>p{margin:0;color:var(--muted);text-align:right}.jin-image-eyebrow{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--accent-dark)}.jin-image-result-placeholder{display:grid;place-items:center;min-height:8rem;margin-top:.6rem;color:#858b9d;background:#fff;border:1px dashed #c5c9d6;border-radius:.7rem}.jin-image-result-placeholder span{font-size:1.5rem}.jin-image-result-placeholder p{margin:-1.8rem 0 0}.jin-image-result-card{display:grid;grid-template-columns:8rem 1fr;gap:.8rem;margin-top:.55rem;padding:.65rem;background:#fff;border:1px solid var(--line);border-radius:.7rem}.jin-image-result-card img{width:8rem;height:6.3rem;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/1rem 1rem;border-radius:.45rem}.jin-image-result-card__body h3{margin:0;font-size:.9rem;overflow-wrap:anywhere}.jin-image-result-card__body p{margin:.2rem 0}.jin-image-result-card__sizes{font-weight:800;color:#26704f}.jin-image-result-card--error{grid-template-columns:1fr;border-color:#e0a6ac;background:#fff7f7}.jin-image-results__actions{display:flex;gap:.55rem;justify-content:flex-end;margin-top:.75rem}.jin-image-tool :focus-visible{outline:3px solid #f2b84b;outline-offset:2px}@media (max-width:42rem){.jin-image-tool{margin-block:.4rem;border-radius:.6rem}.jin-image-tool__header{grid-template-columns:4.5rem 1fr}.jin-image-tool__account [aria-hidden=true]{display:none}.jin-image-steps{padding-inline:.45rem}.jin-image-steps li{gap:.2rem;font-size:.68rem}.jin-image-steps li:not(:last-child):after{display:none}.jin-image-modes,.jin-image-settings-grid,.jin-image-confirm{grid-template-columns:1fr}.jin-image-modes label>span{min-height:4.8rem}.jin-image-result-card{grid-template-columns:5.5rem 1fr}.jin-image-result-card img{width:5.5rem;height:5.5rem}.jin-image-results__heading{display:block}.jin-image-results__heading>p{margin-top:.25rem;text-align:left}.jin-image-actions,.jin-image-results__actions{flex-direction:column-reverse}.jin-image-button{width:100%}}@media (prefers-reduced-motion:reduce){.jin-image-tool *{scroll-behavior:auto !important;transition:none !important}}