.image-slot-host{vertical-align:top;color:#ffffff8c;width:100%;height:100%;min-height:120px;font:13px/1.3 system-ui,-apple-system,sans-serif;display:inline-block;position:relative}.image-slot-frame{border:1px solid var(--line-soft);background:#ffffff0a;transition:background .2s,border-color .2s;position:absolute;inset:0;overflow:hidden}.image-slot-frame img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;touch-action:none;max-width:none;position:absolute;transform:translate(-50%,-50%)}.image-slot-spill{z-index:10;cursor:grab;touch-action:none;display:none;position:absolute;transform:translate(-50%,-50%)}.image-slot-host[data-panning=true] .image-slot-spill{cursor:grabbing}.image-slot-spill .ghost{opacity:.35;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 0 0 1px #0003,0 12px 32px #0003}.image-slot-spill .handle{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--sunset), 0 1px 3px #0000004d;background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.image-slot-spill .handle[data-c=nw]{cursor:nwse-resize;top:0;left:0}.image-slot-spill .handle[data-c=ne]{cursor:nesw-resize;top:0;left:100%}.image-slot-spill .handle[data-c=sw]{cursor:nesw-resize;top:100%;left:0}.image-slot-spill .handle[data-c=se]{cursor:nwse-resize;top:100%;left:100%}.image-slot-host[data-reframe=true]{z-index:20}.image-slot-host[data-reframe=true] .image-slot-spill{display:block}.image-slot-host[data-reframe=true] .image-slot-frame{box-shadow:0 0 0 2px var(--sunset);border-color:var(--sunset)}.image-slot-empty{text-align:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0003;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:background .2s;display:flex;position:absolute;inset:0}.image-slot-empty:hover{background:#ffffff05}.image-slot-empty svg{opacity:.45;color:var(--text-dim);transition:transform .2s,opacity .2s}.image-slot-empty:hover svg{opacity:.75;transform:scale(1.05)}.image-slot-empty .cap{letter-spacing:.01em;max-width:90%;color:var(--text-dim);font-weight:500}.image-slot-empty .sub{color:var(--text-mute);font-size:11px}.image-slot-empty .sub u{text-underline-offset:2px;text-decoration-color:#ffffff40}.image-slot-empty:hover .sub u{color:var(--text-dim);text-decoration-color:currentColor}.image-slot-host[data-over=true] .image-slot-frame{outline:2px solid var(--sunset);outline-offset:-2px;background:#c964421a}.image-slot-ring{pointer-events:none;border:1.5px dashed #ffffff40;transition:border-color .12s;position:absolute;inset:0}.image-slot-host[data-over=true] .image-slot-ring{border-color:var(--sunset)}.image-slot-host[data-filled=true] .image-slot-ring{display:none}.image-slot-err{color:#ff8a80;pointer-events:none;z-index:40;text-align:center;background:#000000d9;border:1px solid #ff8a804d;border-radius:5px;padding:6px 8px;font-size:11px;position:absolute;bottom:8px;left:8px;right:8px}