.image-app{background:#fff}.image-intro{max-width:1110px;margin:0 auto;padding:48px 24px 30px;display:flex;justify-content:space-between;align-items:end}.image-intro h1{font-size:clamp(2.3rem,4vw,3.5rem);letter-spacing:-2px;margin:0 0 9px}.image-intro .lede{font-size:15px;margin:0}.image-workspace{max-width:1110px;margin:0 auto 70px;padding:0 24px}.image-card{max-width:760px;margin:0 auto;border:1px solid #e8e8ea;border-radius:14px;padding:22px;box-shadow:0 12px 32px #1111}.image-drop{min-height:250px;border:1.5px dashed #f0a4a4;border-radius:12px;background:linear-gradient(135deg,#fffafa,#fff);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;cursor:pointer;transition:.2s}.image-drop:hover,.image-drop.dragging{border-color:#f22b2b;background:#fff5f5}.image-drop b{font-size:16px}.image-drop small,.image-meta{font-size:12px;color:#85858b}.image-drop-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:#fff0f0;color:#f22b2b;font-size:26px}.image-drop .button{margin-top:7px}.image-card .hidden{display:none!important}.image-selected{margin-top:18px}.image-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.image-file-row b,.image-file-row small{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-file-row b{font-size:14px}.image-file-row small{font-size:11px;color:#85858b;margin-top:3px}.image-secondary{background:#fff;border:1px solid #e5e5e7;border-radius:7px;padding:8px 11px;font:700 11px Manrope,Arial;cursor:pointer}.image-preview{min-height:150px;max-height:430px;border:1px solid #eee;border-radius:9px;background:repeating-conic-gradient(#f7f7f7 0% 25%,#fff 0% 50%) 50%/18px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain}.image-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:15px}.image-format{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:12px;font-weight:700}.image-format select{border:1px solid #e5e5e7;border-radius:6px;padding:8px 10px;background:#fff;font:600 12px Manrope,Arial}.image-result{border-top:1px solid #eee;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.image-result span{font-size:13px;font-weight:700;color:#21833a}.image-result .button{font-size:11px}.image-note{text-align:center;font-size:11px;color:#88888d;margin:16px 0 0}.image-app footer{max-width:1110px;margin:0 auto;padding:25px 24px 35px}.image-app footer nav{display:flex;gap:18px}.image-app footer nav a:hover{color:#f22b2b}.image-app .toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%,150px);background:#161618;color:white;box-shadow:0 10px 30px #0004;padding:12px 16px;border-radius:9px;font-size:13px;transition:transform .3s;max-width:calc(100% - 32px);text-align:center}.image-app .toast.visible{transform:translate(-50%,0)}@media(max-width:760px){.image-intro{padding:35px 20px 24px;display:block}.image-intro .privacy{margin-top:15px}.image-workspace{padding:0 14px;margin-bottom:42px}.image-card{padding:13px}.image-drop{min-height:220px}.image-actions{align-items:stretch;flex-direction:column}.image-format{margin:0;justify-content:space-between}.image-actions>.button{width:100%}.image-result{align-items:stretch;flex-direction:column}.image-result .button{width:100%}.image-app footer{margin:0 16px;padding:24px 0;display:grid;gap:15px}.image-app footer nav{flex-wrap:wrap}.image-app footer>p{display:none}}