.zmt-image-crop-page .site-content,
.zmt-image-crop-page .container,
.zmt-image-crop-page .container-fluid,
.zmt-image-crop-page .main-content { width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
.zmt-image-crop-page .article-header,
.zmt-image-crop-page .article-title,
.zmt-image-crop-page .article-footer { display: none !important; }
.zmt-icrop-viewport-notice { display: none; }

.zmt-image-crop {
  --ic-blue: #1677ff;
  --ic-cyan: #08b7d8;
  --ic-ink: #152238;
  --ic-copy: #5f7089;
  --ic-muted: #8795aa;
  --ic-surface: #fff;
  --ic-soft: #f4f8fc;
  --ic-ring: 0 0 0 1px rgba(15, 34, 58, .07), 0 1px 2px -1px rgba(15, 34, 58, .07), 0 18px 48px -28px rgba(24, 74, 130, .26);
  width: min(calc(100vw - 72px), 1680px);
  margin: 24px auto 64px;
  color: var(--ic-ink);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zmt-image-crop *, .zmt-image-crop *::before, .zmt-image-crop *::after { box-sizing: border-box; }
.zmt-image-crop [hidden] { display: none !important; }
.zmt-image-crop h1, .zmt-image-crop h2, .zmt-image-crop h3 { text-wrap: balance; }
.zmt-image-crop p, .zmt-image-crop li, .zmt-image-crop small { text-wrap: pretty; }
.zmt-image-crop button, .zmt-image-crop input, .zmt-image-crop output { font: inherit; }
.zmt-image-crop button { min-height: 44px; cursor: pointer; }
.zmt-image-crop button:active:not(:disabled) { scale: .96; }
.zmt-image-crop button:focus-visible, .zmt-image-crop input:focus-visible, .zmt-image-crop label[tabindex]:focus-visible, .zmt-image-crop summary:focus-visible { outline: 3px solid rgba(22, 119, 255, .28); outline-offset: 3px; }
.zmt-image-crop :disabled { cursor: not-allowed; }

.zmt-icrop-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 42px;
  overflow: hidden;
  padding: 48px 50px 42px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 92% 4%, rgba(8, 183, 216, .14), transparent 28%),
    radial-gradient(circle at 70% 108%, rgba(22, 119, 255, .10), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 62%, #f1fbff 100%);
  box-shadow: var(--ic-ring);
}
.zmt-icrop-hero::after { content: ""; position: absolute; right: -85px; top: -108px; width: 270px; height: 270px; border: 1px solid rgba(22, 119, 255, .12); border-radius: 50%; pointer-events: none; }
.zmt-icrop-eyebrow { color: var(--ic-blue); font-size: 14px; font-weight: 800; letter-spacing: .11em; }
.zmt-icrop-hero h1 { margin: 14px 0 10px; font-size: clamp(36px, 3vw, 52px); line-height: 1.12; letter-spacing: -.04em; }
.zmt-icrop-hero-copy > p { max-width: 920px; margin: 0; color: var(--ic-copy); font-size: 18px; line-height: 1.85; }
.zmt-icrop-benefits { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 24px 0 0; padding: 0; list-style: none; color: #43526a; font-size: 14px; font-weight: 750; }
.zmt-icrop-benefits li { display: inline-flex; align-items: center; gap: 8px; }
.zmt-icrop-benefits svg { width: 18px; height: 18px; fill: none; stroke: #08a47a; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.zmt-icrop-steps { display: flex; align-items: center; gap: 10px; margin: 30px 0 0; padding: 0; list-style: none; }
.zmt-icrop-steps li { display: inline-flex; align-items: center; gap: 8px; color: #8996aa; font-size: 13px; font-weight: 760; }
.zmt-icrop-steps li:not(:last-child)::after { content: ""; width: 42px; height: 1px; margin-left: 2px; background: #dfe7f0; }
.zmt-icrop-steps b { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 9px; background: #eef3f8; font-size: 12px; font-variant-numeric: tabular-nums; }
.zmt-icrop-steps .is-active { color: var(--ic-blue); }
.zmt-icrop-steps .is-active b { color: #fff; background: linear-gradient(135deg, var(--ic-blue), var(--ic-cyan)); box-shadow: 0 8px 20px -10px rgba(22, 119, 255, .75); }

.zmt-icrop-service { position: relative; align-self: center; padding: 22px; border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 0 0 1px rgba(15,34,58,.06), 0 18px 38px -28px rgba(25,70,120,.45); backdrop-filter: blur(14px); }
.zmt-icrop-service-state { display: flex; align-items: center; gap: 12px; }
.zmt-icrop-dot { width: 12px; height: 12px; border-radius: 50%; background: #f2a63b; box-shadow: 0 0 0 5px rgba(242,166,59,.13); }
.zmt-icrop-dot.is-ready { background: #10ad7b; box-shadow: 0 0 0 5px rgba(16,173,123,.13); }
.zmt-icrop-dot.is-error { background: #e7505a; box-shadow: 0 0 0 5px rgba(231,80,90,.13); }
.zmt-icrop-service small, .zmt-icrop-service em { display: block; color: var(--ic-muted); font-size: 11px; font-style: normal; }
.zmt-icrop-service strong { display: block; margin-top: 2px; font-size: 15px; }
.zmt-icrop-quota { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e9eef4; }
.zmt-icrop-quota b { display: flex; align-items: baseline; gap: 5px; margin: 5px 0; color: var(--ic-blue); font-size: 28px; font-variant-numeric: tabular-nums; }
.zmt-icrop-quota i { color: #a9b4c4; font-size: 16px; font-style: normal; }
.zmt-icrop-service > p { margin: 15px 0 0; color: var(--ic-copy); font-size: 12px; line-height: 1.65; }

.zmt-icrop-layout { display: grid; grid-template-columns: minmax(0, 1fr) 620px; gap: 24px; margin-top: 24px; align-items: start; }
.zmt-icrop-editor, .zmt-icrop-controls, .zmt-icrop-progress, .zmt-icrop-results { border-radius: 28px; background: var(--ic-surface); box-shadow: var(--ic-ring); }
.zmt-icrop-editor { min-height: 690px; padding: 24px; }
.zmt-icrop-file { position: absolute !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.zmt-icrop-dropzone { display: grid; min-height: 642px; place-items: center; align-content: center; gap: 14px; padding: 40px; border: 1px dashed rgba(22,119,255,.38); border-radius: 22px; background: radial-gradient(circle at 50% 48%, rgba(8,183,216,.10), transparent 25%), linear-gradient(145deg,#f9fcff,#f3f8fd); text-align: center; cursor: pointer; transition-property: background-color, box-shadow, transform; transition-duration: 180ms; transition-timing-function: ease-out; }
.zmt-icrop-dropzone:hover, .zmt-icrop-dropzone.is-dragging { transform: translateY(-2px); box-shadow: 0 0 0 4px rgba(22,119,255,.08), 0 24px 50px -35px rgba(22,119,255,.6); }
.zmt-icrop-upload-icon { display: grid; width: 72px; height: 72px; place-items: center; border-radius: 23px; color: #fff; background: linear-gradient(135deg,var(--ic-blue),var(--ic-cyan)); box-shadow: 0 18px 32px -16px rgba(22,119,255,.72); }
.zmt-icrop-upload-icon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.zmt-icrop-dropzone strong { margin-top: 7px; font-size: 22px; }
.zmt-icrop-dropzone > span:not(.zmt-icrop-upload-icon) { color: var(--ic-copy); font-size: 13px; }
.zmt-icrop-dropzone em { margin-top: 8px; padding: 12px 24px; border-radius: 14px; color: #fff; background: linear-gradient(135deg,var(--ic-blue),var(--ic-cyan)); font-size: 14px; font-style: normal; font-weight: 800; }
.zmt-icrop-preview > header { display: flex; min-height: 60px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 4px 18px; }
.zmt-icrop-preview > header span, .zmt-icrop-preview > header small { display: block; color: var(--ic-muted); font-size: 11px; }
.zmt-icrop-preview > header strong { display: block; max-width: 720px; margin: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zmt-icrop-preview > header button { padding: 0 17px; border: 0; border-radius: 13px; color: var(--ic-blue); background: #edf5ff; font-weight: 760; transition-property: scale, background-color; transition-duration: 150ms; }
.zmt-icrop-stage { position: relative; display: grid; min-height: 550px; place-items: center; overflow: hidden; border-radius: 20px; background-color: #edf2f7; background-image: linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%); background-position: 0 0,0 12px,12px -12px,-12px 0; background-size: 24px 24px; }
.zmt-icrop-stage img { display: block; max-width: 100%; max-height: 610px; object-fit: contain; outline: 1px solid rgba(0,0,0,.1); outline-offset: -1px; }
.zmt-icrop-focus { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.82); border-radius: 50%; box-shadow: 0 0 0 1px rgba(22,119,255,.8),0 8px 24px rgba(15,42,82,.22); opacity: .78; pointer-events: none; }
.zmt-icrop-focus::before,.zmt-icrop-focus::after { content:""; position:absolute; background:#fff; box-shadow:0 0 0 1px rgba(22,119,255,.55); }
.zmt-icrop-focus::before { width: 18px; height: 1px; left: 17px; top: 26px; }.zmt-icrop-focus::after { width: 1px; height: 18px; left: 26px; top: 17px; }
.zmt-icrop-preview > footer { display: flex; justify-content: space-between; gap: 20px; padding: 17px 4px 0; color: var(--ic-copy); font-size: 11px; }
.zmt-icrop-preview > footer span { display: inline-flex; align-items: center; gap: 7px; }
.zmt-icrop-preview > footer svg { width: 17px; height: 17px; fill: none; stroke: #08a47a; stroke-width: 1.8; }

.zmt-icrop-controls { padding: 28px; }
.zmt-icrop-controls > header > span, .zmt-icrop-results-head > div:first-child > span { color: var(--ic-blue); font-size: 12px; font-weight: 850; letter-spacing: .09em; }
.zmt-icrop-controls h2 { margin: 9px 0 7px; font-size: 23px; letter-spacing: -.025em; }
.zmt-icrop-controls > header p { margin: 0; color: var(--ic-copy); font-size: 13px; line-height: 1.7; }
.zmt-icrop-preset-summary { display: flex; align-items: center; justify-content: space-between; min-height: 54px; margin: 24px 0 14px; padding: 9px 13px 9px 15px; border-radius: 17px; background: linear-gradient(120deg,#f3f8ff 0%,#f5fbfd 100%); box-shadow: 0 0 0 1px rgba(22,119,255,.08),0 8px 22px -20px rgba(15,54,102,.52); }
.zmt-icrop-preset-summary strong { display: inline-flex; align-items: baseline; gap: 8px; font-size: 13px; }
.zmt-icrop-preset-summary strong span { color: var(--ic-blue); font-size: 25px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.zmt-icrop-preset-summary strong em { color: #41536d; font-size: 12px; font-style: normal; font-weight: 820; }
.zmt-icrop-preset-summary small { padding: 7px 10px; border-radius: 10px; color: #6d7f97; background: rgba(255,255,255,.78); box-shadow: 0 0 0 1px rgba(15,34,58,.05); font-size: 10px; }
.zmt-icrop-preset-summary small span { color: #344760; font-weight: 850; font-variant-numeric: tabular-nums; }
.zmt-icrop-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.zmt-icrop-preset { position: relative; isolation: isolate; display: grid; min-height: 168px; align-content: space-between; gap: 9px; overflow: hidden; padding: 14px; border-radius: 21px; color: var(--ic-ink); background: linear-gradient(152deg,#fff 0%,#fbfcfe 58%,#f4f7fb 100%); box-shadow: 0 0 0 1px rgba(15,34,58,.07),0 1px 2px -1px rgba(15,34,58,.08),0 13px 30px -25px rgba(17,54,98,.42); cursor: pointer; transition-property: transform, box-shadow, background-color; transition-duration: 180ms; transition-timing-function: cubic-bezier(.2,0,0,1); }
.zmt-icrop-preset::before { content:""; position:absolute; z-index:-1; left:14px; right:14px; top:0; height:2px; border-radius:0 0 99px 99px; background:linear-gradient(90deg,transparent,var(--ic-blue),var(--ic-cyan),transparent); opacity:0; transform:scaleX(.35); transition-property:opacity,transform; transition-duration:220ms; transition-timing-function:cubic-bezier(.2,0,0,1); }
.zmt-icrop-preset::after { content:""; position:absolute; z-index:-2; right:-44px; top:-52px; width:130px; height:130px; border-radius:50%; background:radial-gradient(circle,rgba(8,183,216,.15),rgba(22,119,255,.04) 48%,transparent 72%); opacity:0; transform:scale(.75); transition-property:opacity,transform; transition-duration:220ms; transition-timing-function:cubic-bezier(.2,0,0,1); pointer-events:none; }
.zmt-icrop-preset:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(22,119,255,.19),0 4px 10px -7px rgba(22,119,255,.28),0 22px 42px -28px rgba(17,83,160,.58); }
.zmt-icrop-preset:hover::after { opacity:.62; transform:scale(1); }
.zmt-icrop-preset:active { transform:translateY(-1px) scale(.96); }
.zmt-icrop-preset:focus-within { outline: 3px solid rgba(22,119,255,.25); outline-offset: 3px; }
.zmt-icrop-preset.is-active { background: linear-gradient(145deg,#f6faff 0%,#eef8ff 52%,#edfcff 100%); box-shadow: 0 0 0 2px rgba(22,119,255,.68),0 5px 14px -9px rgba(22,119,255,.36),0 24px 44px -30px rgba(8,132,192,.66); }
.zmt-icrop-preset.is-active::before { opacity:1; transform:scaleX(1); }
.zmt-icrop-preset.is-active::after { opacity:1; transform:scale(1); }
.zmt-icrop-preset input { position: absolute; width:1px; height:1px; opacity: 0; pointer-events: none; }
.zmt-icrop-preset-top { display:flex; min-height:56px; align-items:flex-start; justify-content:space-between; gap:10px; }
.zmt-icrop-ratio-stage { position:relative; display:grid; width:72px; height:56px; place-items:center; overflow:hidden; border-radius:15px; background:linear-gradient(145deg,#f1f5fa,#eaf0f7); box-shadow:inset 0 0 0 1px rgba(15,34,58,.055),0 6px 16px -14px rgba(15,45,82,.58); transition-property:background-color,box-shadow; transition-duration:180ms; transition-timing-function:ease-out; }
.zmt-icrop-ratio-stage > b { position:absolute; right:6px; bottom:6px; margin:0; padding:3px 5px; border-radius:6px; color:#60748e; background:rgba(255,255,255,.88); box-shadow:0 0 0 1px rgba(15,34,58,.06); font-size:9px; font-weight:880; line-height:1; font-variant-numeric:tabular-nums; }
.zmt-icrop-ratio-frame { display:block; border:2px solid #91a5be; border-radius:5px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.46)); box-shadow:0 4px 9px -8px rgba(15,34,58,.75); transition-property:transform,border-color,background-color; transition-duration:180ms; transition-timing-function:cubic-bezier(.2,0,0,1); }
.zmt-icrop-ratio-frame.is-square{width:30px;height:30px}.zmt-icrop-ratio-frame.is-portrait{width:27px;height:36px}.zmt-icrop-ratio-frame.is-vertical{width:21px;height:38px}.zmt-icrop-ratio-frame.is-standard{width:40px;height:30px}.zmt-icrop-ratio-frame.is-video{width:44px;height:25px}.zmt-icrop-ratio-frame.is-banner{width:46px;height:20px}
.zmt-icrop-preset.is-active .zmt-icrop-ratio-stage { background:linear-gradient(145deg,var(--ic-blue),var(--ic-cyan)); box-shadow:0 12px 24px -15px rgba(22,119,255,.8),inset 0 0 0 1px rgba(255,255,255,.24); }
.zmt-icrop-preset.is-active .zmt-icrop-ratio-stage > b { color:#fff; background:rgba(5,62,140,.23); box-shadow:0 0 0 1px rgba(255,255,255,.2); }
.zmt-icrop-preset.is-active .zmt-icrop-ratio-frame { border-color:rgba(255,255,255,.94); background:rgba(255,255,255,.17); transform:scale(1.06); }
.zmt-icrop-preset-check { position:relative; display:grid; flex:0 0 30px; width:30px; height:30px; place-items:center; border-radius:11px; color:#fff; background:#fff; box-shadow:0 0 0 1px rgba(15,34,58,.08),0 7px 15px -13px rgba(15,34,58,.65); transition-property:background-color,box-shadow; transition-duration:180ms; transition-timing-function:ease-out; }
.zmt-icrop-preset-check > i,.zmt-icrop-preset-check > svg { grid-area:1/1; transition-property:opacity,filter,transform; transition-duration:260ms; transition-timing-function:cubic-bezier(.2,0,0,1); }
.zmt-icrop-preset-check > i { width:7px; height:7px; border-radius:50%; background:#c7d1dd; opacity:1; filter:blur(0); transform:scale(1); }
.zmt-icrop-preset-check > svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; opacity:0; filter:blur(4px); transform:scale(.25); }
.zmt-icrop-preset.is-active .zmt-icrop-preset-check { background:linear-gradient(135deg,var(--ic-blue),var(--ic-cyan)); box-shadow:0 9px 18px -11px rgba(22,119,255,.9); }
.zmt-icrop-preset.is-active .zmt-icrop-preset-check > i { opacity:0; filter:blur(4px); transform:scale(.25); }
.zmt-icrop-preset.is-active .zmt-icrop-preset-check > svg { opacity:1; filter:blur(0); transform:scale(1); }
.zmt-icrop-preset-copy { display:block; position:relative; z-index:1; }
.zmt-icrop-preset-copy > em { display:inline-flex; margin-bottom:7px; color:#6d8098; font-size:9px; font-style:normal; font-weight:760; letter-spacing:.035em; }
.zmt-icrop-preset-copy > b { display:block; margin:0; font-size:14px; line-height:1.25; letter-spacing:-.012em; }
.zmt-icrop-preset-copy > small { display:block; min-height:27px; margin-top:4px; color:var(--ic-muted); font-size:9.5px; line-height:1.42; }
.zmt-icrop-preset-foot { display:flex; align-items:center; gap:7px; color:#8997a9; font-size:9px; font-weight:760; transition-property:color; transition-duration:180ms; }
.zmt-icrop-preset-foot > i { width:16px; height:2px; border-radius:99px; background:#d7dfe8; transition-property:width,background-color; transition-duration:200ms; transition-timing-function:cubic-bezier(.2,0,0,1); }
.zmt-icrop-preset.is-active .zmt-icrop-preset-copy > em,.zmt-icrop-preset.is-active .zmt-icrop-preset-foot { color:#1372e8; }
.zmt-icrop-preset.is-active .zmt-icrop-preset-foot > i { width:27px; background:linear-gradient(90deg,var(--ic-blue),var(--ic-cyan)); }
.zmt-icrop-preset:has(input:disabled) { cursor:not-allowed; }
.zmt-icrop-note-card { display: flex; gap: 11px; margin-top: 16px; padding: 14px; border-radius: 16px; color: #4d5f77; background: #f2f6fa; }
.zmt-icrop-note-card svg { flex: 0 0 20px; width: 20px; height: 20px; fill:none; stroke:#6f819a; stroke-width:1.8; }.zmt-icrop-note-card p { margin:0; }.zmt-icrop-note-card b,.zmt-icrop-note-card span { display:block; }.zmt-icrop-note-card b{font-size:12px}.zmt-icrop-note-card span{margin-top:3px;font-size:10px;line-height:1.55}
.zmt-icrop-rights { margin-top: 14px; border-radius: 15px; background: #fafbfd; box-shadow: 0 0 0 1px rgba(15,34,58,.06); }
.zmt-icrop-rights summary { min-height: 48px; padding: 15px; cursor: pointer; color: #53647a; font-size: 12px; font-weight: 760; }.zmt-icrop-rights summary small{float:right;color:#95a1b2;font-weight:600}
.zmt-icrop-rights fieldset { display: grid; gap: 8px; margin: 0; padding: 0 15px 15px; border:0; }.zmt-icrop-rights legend{padding:0 0 7px;color:#8795a8;font-size:10px}.zmt-icrop-rights label{display:flex;min-height:40px;align-items:center;gap:8px;color:#53647a;font-size:11px}.zmt-icrop-rights input{accent-color:var(--ic-blue)}
.zmt-icrop-primary,.zmt-icrop-secondary,.zmt-icrop-danger { border:0; border-radius:14px; font-weight:820; transition-property:scale,box-shadow,background-color,opacity;transition-duration:150ms;transition-timing-function:ease-out; }
.zmt-icrop-primary { display:flex; width:100%; align-items:center; justify-content:center; gap:9px; margin-top:18px; padding:0 20px; color:#fff; background:linear-gradient(135deg,var(--ic-blue),var(--ic-cyan)); box-shadow:0 15px 28px -15px rgba(22,119,255,.74); }
.zmt-icrop-primary:hover:not(:disabled){box-shadow:0 18px 34px -16px rgba(22,119,255,.86)}.zmt-icrop-primary:disabled{opacity:.42;box-shadow:none}.zmt-icrop-primary>span{display:grid;width:22px;height:22px;place-items:center}.zmt-icrop-primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.zmt-icrop-primary.is-compact{width:auto;margin-top:0;padding:0 18px;white-space:nowrap}
.zmt-icrop-secondary { padding:0 17px;color:#52637a;background:#edf2f6}.zmt-icrop-danger{padding:0 17px;color:#d13f4c;background:#fff0f1}.zmt-icrop-submit-note{margin:10px 0 0!important;text-align:center;color:var(--ic-muted)!important;font-size:10px!important}

.zmt-icrop-progress { margin-top:24px;padding:22px 26px }.zmt-icrop-progress>div{display:flex;align-items:center;gap:14px}.zmt-icrop-progress p{flex:1;margin:0}.zmt-icrop-progress p strong,.zmt-icrop-progress p small{display:block}.zmt-icrop-progress p strong{font-size:14px}.zmt-icrop-progress p small{margin-top:3px;color:var(--ic-copy);font-size:11px}.zmt-icrop-progress>div>b{color:var(--ic-blue);font-size:16px;font-variant-numeric:tabular-nums}.zmt-icrop-spinner{width:24px;height:24px;border:3px solid #dcecff;border-top-color:var(--ic-blue);border-radius:50%;animation:icrop-spin .8s linear infinite}.zmt-icrop-progress-track{display:block;height:7px;margin-top:15px;overflow:hidden;border-radius:99px;background:#eaf0f5}.zmt-icrop-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ic-blue),var(--ic-cyan));transition-property:width;transition-duration:320ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
@keyframes icrop-spin{to{transform:rotate(360deg)}}

.zmt-icrop-results{margin-top:24px;padding:30px}.zmt-icrop-results-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.zmt-icrop-results-head h2{margin:7px 0 4px;font-size:25px}.zmt-icrop-results-head p{margin:0;color:var(--ic-copy);font-size:12px}.zmt-icrop-results-head>div:last-child{display:flex;gap:9px}.zmt-icrop-partial{margin-top:18px;padding:13px 15px;border-radius:14px;color:#8b5d08;background:#fff7df;font-size:12px}.zmt-icrop-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.zmt-icrop-result-card{overflow:hidden;border-radius:20px;background:#f8fafc;box-shadow:0 0 0 1px rgba(15,34,58,.07),0 14px 30px -28px rgba(15,50,95,.6);transition-property:transform,box-shadow;transition-duration:180ms;transition-timing-function:ease-out}.zmt-icrop-result-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(22,119,255,.18),0 24px 42px -30px rgba(22,119,255,.65)}.zmt-icrop-result-image{display:grid;aspect-ratio:4/3;place-items:center;overflow:hidden;background:#e9eef4}.zmt-icrop-result-image img{display:block;width:100%;height:100%;object-fit:contain;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.zmt-icrop-result-card footer{padding:16px}.zmt-icrop-result-card footer>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.zmt-icrop-result-card h3{margin:0;font-size:16px}.zmt-icrop-result-card h3 small{display:block;margin-top:4px;color:var(--ic-muted);font-size:10px;font-weight:650}.zmt-icrop-ratio-pill{padding:5px 8px;border-radius:9px;color:var(--ic-blue);background:#eaf4ff;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.zmt-icrop-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.zmt-icrop-result-actions button,.zmt-icrop-result-actions a{display:flex;min-height:42px;align-items:center;justify-content:center;border:0;border-radius:12px;text-decoration:none;font-size:11px;font-weight:800;transition-property:scale,background-color;transition-duration:150ms}.zmt-icrop-result-actions button{color:#4e6078;background:#edf2f6}.zmt-icrop-result-actions a{color:#fff;background:linear-gradient(135deg,var(--ic-blue),var(--ic-cyan))}.zmt-icrop-result-actions button:active,.zmt-icrop-result-actions a:active{scale:.96}.zmt-icrop-source-badge{display:inline-flex;margin-top:10px;color:#08a47a;font-size:10px;font-weight:750}.zmt-icrop-expiry{margin:20px 0 0;color:var(--ic-muted);font-size:11px}

.zmt-icrop-dialog{width:min(980px,calc(100vw - 80px));max-width:none;padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 40px 100px -30px rgba(7,24,50,.55)}.zmt-icrop-dialog::backdrop{background:rgba(10,24,44,.55);backdrop-filter:blur(6px)}.zmt-icrop-dialog-shell{margin:0}.zmt-icrop-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 18px}.zmt-icrop-dialog header span{color:var(--ic-blue);font-size:11px;font-weight:850;letter-spacing:.09em}.zmt-icrop-dialog h2{margin:5px 0;font-size:22px}.zmt-icrop-dialog header p{margin:0;color:var(--ic-copy);font-size:12px}.zmt-icrop-dialog header button{width:44px;padding:0;border:0;border-radius:14px;color:#61728a;background:#eef3f7;font-size:25px}.zmt-icrop-manual-stage{position:relative;width:calc(100% - 52px);height:540px;margin:0 26px;overflow:hidden;border-radius:20px;background:#dfe6ed;touch-action:none;cursor:grab}.zmt-icrop-manual-stage:active{cursor:grabbing}.zmt-icrop-manual-stage img{position:absolute;max-width:none;max-height:none;user-select:none;pointer-events:none;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;will-change:transform}.zmt-icrop-manual-stage>span{position:absolute;inset:12px;border:2px dashed rgba(255,255,255,.86);border-radius:14px;box-shadow:0 0 0 9999px rgba(8,20,38,.34);pointer-events:none}.zmt-icrop-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 24px}.zmt-icrop-dialog footer label{display:grid;grid-template-columns:auto 240px 48px;align-items:center;gap:12px;color:#52637a;font-size:12px}.zmt-icrop-dialog footer output{font-variant-numeric:tabular-nums}.zmt-icrop-dialog footer>div{display:flex;gap:9px}
.zmt-icrop-toast{position:fixed;right:28px;bottom:28px;z-index:99999;max-width:420px;padding:14px 18px;border-radius:15px;color:#fff;background:#17304f;box-shadow:0 20px 50px -22px rgba(4,18,39,.7);font-size:13px;font-weight:720}.zmt-icrop-toast.is-error{background:#b8323d}.zmt-icrop-toast.is-success{background:#087c5e}
.zmt-icrop-danger.is-confirming{color:#fff;background:#d13f4c;box-shadow:0 10px 24px -15px rgba(209,63,76,.75)}
.zmt-icrop-result-card.is-missing .zmt-icrop-result-image::after{content:"结果暂时无法读取";color:#7d8999;font-size:12px;font-weight:750}.zmt-icrop-result-card.is-missing .zmt-icrop-result-image img{display:none}
.zmt-image-crop.is-submitting .zmt-icrop-stage,.zmt-image-crop.is-submitting .zmt-icrop-presets{opacity:.72;pointer-events:none}

@media (max-width:1280px){.zmt-image-crop{width:calc(100vw - 40px)}.zmt-icrop-hero{padding:40px}.zmt-icrop-layout{grid-template-columns:1fr}.zmt-icrop-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.zmt-icrop-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1023px){.zmt-image-crop{display:none!important}.zmt-icrop-viewport-notice{display:grid;gap:8px;width:calc(100% - 32px);margin:24px auto;padding:28px;border-radius:22px;color:#152238;background:#fff;box-shadow:0 0 0 1px rgba(15,34,58,.07),0 18px 48px -28px rgba(24,74,130,.26)}.zmt-icrop-viewport-notice strong{font-size:18px}.zmt-icrop-viewport-notice span{color:#5f7089;font-size:13px}}
@media (prefers-reduced-motion:reduce){.zmt-image-crop *,.zmt-image-crop *::before,.zmt-image-crop *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}