.image-resize-panel{background:#fff;border:1px solid #eceff4;border-radius:18px;box-shadow:0 12px 32px #1118270d;display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px}.image-resize-panel__lead,.image-resize-panel__title{margin:0}.image-resize-panel__title{font-weight:800}.image-resize-panel__lead{color:#4b5563;line-height:1.55;margin-top:5px}.image-resize-panel__workspace{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.image-resize-panel__controls,.image-resize-panel__preview-column{min-width:0}.image-resize-panel__file-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.image-resize-panel__file-copy{display:grid;gap:2px;min-width:0}.image-resize-panel__file-name{color:#374151;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-resize-panel__source-size{color:#6b7280;font-size:12px;font-variant-numeric:tabular-nums}.image-resize-panel__file-actions,.image-resize-panel__quick-values{display:flex;flex-wrap:wrap;gap:8px}.image-resize-panel__preview-wrap{align-items:center;background-color:#f8fafc;background-image:linear-gradient(45deg,#eef2f7 25%,transparent 0),linear-gradient(-45deg,#eef2f7 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eef2f7 0),linear-gradient(-45deg,transparent 75%,#eef2f7 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #e5e7eb;border-radius:16px;display:flex;justify-content:center;min-height:430px;overflow:hidden}.image-resize-panel__canvas{box-shadow:0 16px 34px #0f172a24;display:block;max-height:min(70vh,680px);max-width:100%}.image-resize-panel__summary{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.image-resize-panel__summary div{background:#f8fafc;border-radius:12px;display:grid;gap:2px;padding:10px 12px}.image-resize-panel__summary span{color:#64748b;font-size:11px;font-weight:700}.image-resize-panel__summary strong{color:#111827;font-size:13px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-resize-panel__controls{background:#fbfcfe;border:1px solid #eceff4;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:16px}.image-resize-panel__field-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.image-resize-panel__ratio-grid{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.image-resize-panel__ratio-grid>span{color:#64748b;font-weight:800;padding-bottom:10px}.image-resize-panel__field{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px;min-width:0}.image-resize-panel__field .UiInput,.image-resize-panel__field .UiInputRoot{width:100%}.image-resize-panel__quick-values button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font:inherit;font-size:12px;font-weight:800;min-height:32px;padding:0 11px}.image-resize-panel__quick-values button:hover{border-color:#ea55555c;color:var(--danger-color)}.image-resize-panel__error,.image-resize-panel__hint{font-size:12px;line-height:1.45;margin:0}.image-resize-panel__hint{color:#64748b}.image-resize-panel__error{color:#b91c1c;font-weight:700}.image-resize-panel__process{margin-top:auto}@media(max-width:992px){.image-resize-panel__workspace{grid-template-columns:minmax(0,1fr)}.image-resize-panel__preview-wrap{min-height:360px}}@media(max-width:640px){.image-resize-panel{border-radius:16px;padding:14px}.image-resize-panel__file-toolbar{align-items:stretch;flex-direction:column}.image-resize-panel__file-actions .UiButton{flex:1}.image-resize-panel__preview-wrap{min-height:300px}.image-resize-panel__field-grid,.image-resize-panel__summary{grid-template-columns:minmax(0,1fr)}}.image-resize-page{gap:36px;padding-bottom:48px;width:100%}.image-resize-page,.image-resize-page__aside,.image-resize-page__hero,.image-resize-page__section{display:flex;flex-direction:column;min-width:0}.image-resize-page__hero{gap:18px}.image-resize-page__head{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.image-resize-page__aside-title,.image-resize-page__card-title,.image-resize-page__check-title,.image-resize-page__section-title,.image-resize-page__title{font-weight:800}.image-resize-page__description,.image-resize-page__lead,.image-resize-page__section-lead,.image-resize-page__text{color:#4b5563;line-height:1.72}.image-resize-page__section{gap:18px}.image-resize-page__cards{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.image-resize-page__card{background:#fff;border:1px solid #eceff4;border-radius:12px;min-width:0;padding:18px}.image-resize-page__card-head{align-items:center;display:flex;gap:10px;margin-bottom:8px}.image-resize-page__icon{color:var(--danger-color);flex:0 0 22px;height:22px;width:22px}.image-resize-page__text{margin:0}.image-resize-page__guide{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr)}.image-resize-page__aside{background:#fff;border:1px solid #eceff4;border-radius:12px;gap:14px;padding:20px}.image-resize-page__check-list{display:grid;list-style:none;margin:0;padding:0}.image-resize-page__check-item{border-top:1px solid rgba(17,24,39,.08);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:14px 0}.image-resize-page__check-item:last-child{border-bottom:1px solid rgba(17,24,39,.08)}.image-resize-page__check-item .image-resize-page__text{margin-top:4px}@media(max-width:900px){.image-resize-page__cards,.image-resize-page__guide{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.image-resize-page__aside,.image-resize-page__card{padding:16px}}