.hd-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0008;overscroll-behavior:contain;color:var(--ink,#1c3440);font:14px/1.6 "Microsoft YaHei",sans-serif}
.hd-dialog{width:540px;max-width:100%;max-height:calc(100dvh - 36px);overflow:auto;background:var(--panel,#fff);border:1px solid var(--line,#d5e0e4);border-radius:16px;box-shadow:0 16px 70px #0005}
.hd-dialog header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line,#d5e0e4)}.hd-dialog h2{font-size:18px;margin:0}.hd-dialog button,.hd-dialog select{font:inherit;color:inherit;background:var(--panel,#fff);border:1px solid var(--line,#d5e0e4);border-radius:8px;padding:8px 12px;cursor:pointer}.hd-dialog button:disabled{opacity:.5;cursor:not-allowed}.hd-dialog [data-hd-close]{border:0;font-size:24px;padding:0 8px}.hd-dialog :focus-visible{outline:2px solid #16ad97;outline-offset:3px}.hd-content{padding:20px 22px}.hd-source{margin:0 0 16px;color:var(--muted,#73828c);font-size:13px}.hd-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hd-modes button{text-align:left;padding:16px 12px}.hd-modes b,.hd-modes span{display:block}.hd-modes b{font-size:15px}.hd-modes span{font-size:12px;margin-top:6px;color:var(--muted,#73828c)}.hd-modes [aria-pressed=true]{border-color:#18a58d;box-shadow:inset 0 0 0 1px #18a58d;background:#16a08512}.hd-spec{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.hd-spec select{min-width:145px}.hd-target{font-size:13px}.hd-note{font-size:12px;color:var(--muted,#73828c);line-height:1.7}.hd-status{font-size:13px;min-height:24px;overflow-wrap:anywhere}.hd-dialog footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid var(--line,#d5e0e4);padding-top:16px;margin-top:16px}.hd-dialog .hd-primary{background:#11967f;color:#fff;border-color:#11967f}.hd-dialog [data-hd-refresh]{margin-right:auto;font-size:12px}.hd-comparison{width:1020px}.hd-compare-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hd-view{height:min(58dvh,580px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#7c879412;border:1px solid var(--line,#d5e0e4);border-radius:8px;touch-action:none;cursor:grab}.hd-images{position:relative;flex:none;transform-origin:center;will-change:transform}.hd-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}.hd-images [data-before]{clip-path:inset(0 calc(100% - var(--hd-pos,50%)) 0 0)}.hd-divider{position:absolute;left:var(--hd-pos,50%);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 3px #000;pointer-events:none}.hd-before-label,.hd-after-label{position:absolute;top:10px;padding:3px 9px;border-radius:5px;background:#142128c9;color:#fff;font-size:12px;pointer-events:none}.hd-before-label{left:10px}.hd-after-label{right:10px}.hd-range{display:flex;gap:12px;align-items:center;margin-top:15px}.hd-range input{flex:1;accent-color:#11967f}.hd-range[hidden]{display:none}.hd-split .hd-images{display:grid;grid-template-columns:1fr 1fr;width:100%!important;height:100%!important}.hd-split .hd-images img{position:static;object-fit:contain;min-width:0;clip-path:none}.hd-split [data-before]{grid-column:1;grid-row:1}.hd-split [data-after]{grid-column:2;grid-row:1}.hd-split .hd-divider{display:none}
@media(max-width:600px){.hd-overlay{padding:10px}.hd-dialog{max-height:calc(100dvh - 20px)}.hd-content{padding:15px}.hd-dialog header{padding:12px 15px}.hd-modes{gap:8px}.hd-modes button{padding:12px 9px}.hd-modes b{font-size:14px}.hd-dialog footer{gap:6px}.hd-dialog [data-hd-refresh]{width:100%;margin:0;text-align:left}.hd-view{height:48dvh}.hd-compare-controls{font-size:12px}}