[data-online-tool=photo-measure] .pm-photo{background:var(--tile);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:18px;width:100%;position:relative;overflow:hidden}[data-online-tool=photo-measure] .pm-photo.finding{cursor:crosshair}[data-online-tool=photo-measure] .pm-fit{position:absolute}[data-online-tool=photo-measure] .pm-fit img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}[data-online-tool=photo-measure] .pm-fit svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-online-tool=photo-measure] .pm-hd{cursor:grab;touch-action:none;z-index:2;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:flex;position:absolute}[data-online-tool=photo-measure] .pm-hd i{background:#fff;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 0 0 3px #1d1d1f,0 2px 8px #0006}[data-online-tool=photo-measure] .pm-hd.on i{background:#ffc21a}[data-online-tool=photo-measure] .pm-hd:focus-visible{outline:0}[data-online-tool=photo-measure] .pm-hd:focus-visible i{box-shadow:0 0 0 3px #1d1d1f,0 0 0 6px #ffc21a}[data-online-tool=photo-measure] .pm-lab{color:#fff;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;z-index:1;background:#1d1d1fe0;border-radius:15px;align-items:center;height:30px;padding:0 12px;font-size:14px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}[data-online-tool=photo-measure] .pm-lab.on{color:#1d1d1f;background:#ffc21a}[data-online-tool=photo-measure] .pm-lab.ref{color:#1d1d1f;background:#fff;box-shadow:inset 0 0 0 2px #1d1d1f}[data-online-tool=photo-measure] .pm-bar{flex-direction:column;gap:8px;display:flex}[data-online-tool=photo-measure] .pm-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}[data-online-tool=photo-measure] .pm-row .ot-b1,[data-online-tool=photo-measure] .pm-row .ot-b2{white-space:normal;text-align:center;width:100%;padding:0 12px;font-size:15px;line-height:1.15}[data-online-tool=photo-measure] .pm-row .ot-b2.on{background:var(--ink);color:var(--page);box-shadow:none}[data-online-tool=photo-measure] .pm-hint{background:var(--ot-soft);min-height:48px;color:var(--ink);border-radius:24px;grid-column:span 2;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:flex}[data-online-tool=photo-measure] .pm-status{min-height:40px;color:var(--ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}[data-online-tool=photo-measure] .pm-items{flex-direction:column;gap:6px;display:flex}[data-online-tool=photo-measure] .pm-it{background:var(--tile);border-radius:16px;grid-template-columns:28px minmax(0,1fr) auto 44px;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 12px;display:grid}[data-online-tool=photo-measure] .pm-it.on{background:var(--ot-soft);box-shadow:inset 0 0 0 2px var(--sun)}[data-online-tool=photo-measure] .pm-itk{background:var(--ink);width:28px;height:28px;color:var(--page);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}[data-online-tool=photo-measure] .pm-itn{font:600 15px/1.2 var(--text);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;height:44px;padding:0;overflow:hidden}[data-online-tool=photo-measure] .pm-itv{font:700 20px/1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}[data-online-tool=photo-measure] .pm-itd{width:44px;height:44px;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;padding:0;display:flex}[data-online-tool=photo-measure] button.pm-itd:hover{background:var(--ot-card)}[data-online-tool=photo-measure] .pm-file{position:relative;overflow:hidden}[data-online-tool=photo-measure] .pm-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}[data-online-tool=photo-measure] .pm-file:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}[data-online-tool=photo-measure] button[disabled]{opacity:.4;cursor:default}@container (width<=700px){[data-online-tool=photo-measure] .pm-row .ot-b1,[data-online-tool=photo-measure] .pm-row .ot-b2{gap:6px;min-height:56px;padding:0 8px;font-size:14px}[data-online-tool=photo-measure] .pm-row .ic{display:none}[data-online-tool=photo-measure] .pm-hint{min-height:56px;font-size:14px}[data-online-tool=photo-measure] .pm-status{-webkit-line-clamp:3;min-height:60px}}