.ir-drop{text-align:center;cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;padding:30px 20px;display:flex;position:relative}.ir-drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent)8%,var(--surface))}.ir-drop:focus-within{border-color:var(--accent)}.ir-file{opacity:0;width:1px;height:1px;position:absolute}.ir-controls{flex-direction:column;gap:16px;display:flex}.ir-orig{flex-direction:column;gap:4px;display:flex}.ir-mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.ir-lock{align-self:flex-end;margin-bottom:8px}.ir-range{width:100%;accent-color:var(--accent)}.ir-note{font-size:13px}.ir-out{text-align:center;align-items:center}.ir-preview{background:var(--sunk);border-radius:var(--radius);background-image:linear-gradient(45deg,var(--line)25%,transparent 25%,transparent 75%,var(--line)75%),linear-gradient(45deg,var(--line)25%,transparent 25%,transparent 75%,var(--line)75%);background-position:0 0,8px 8px;background-size:16px 16px;place-items:center;width:100%;min-height:200px;display:grid}.ir-preview img{max-width:100%;height:auto;max-height:420px;display:block}